워드프레스 일기의 오디세이 스킨 11

이 티스토리 블로그에는 티스토리의 최신 공식 스킨인 오디세이(Odyssey) 스킨이 적용되어 있습니다. 스크롤 시 사이드바가 고정되지 않아서 자바스크립트를 사용하여 사이드바를 고정시켜 붙박이 사이드바로 만들어 보았습니다. 2년 전에도 JS를 사용하여 사이드바를 고정시켰지만 자연스럽게 고정되지 않아서 코드를 제거했다가, 최근 개선된 코드를 사용하여 이전보다 스무드하게 고정되도록 했습니다.티스토리 오디세이 스킨: 스크롤 시 사이드바를 고정시키는 방법티스토리 규제가 강화되면서 팝업 배너를 표시해도 제재를 받을 수 있고, 일부 사용자에 의하면 자동 목차를 표시해도 정지 조치를 내린다고 합니다. 그래서 이 블로그에서는 자동 목차를 제거하고 가능하면 순정 상태로 이용하려고 노력하고 있습니다.😄사이드바의 경우 스크..

티스토리는 HTML/CSS/JS 사용이 가능하기 때문에 소제목(H2, H3, H4, H5 태그)을 꾸밀 수 있습니다. 스킨 편집의 CSS 탭에서 기존 CSS 스타일을 수정하거나 새롭게 추가가 가능합니다. 저는 CSS 탭 하단에 CSS 스타일을 추가하여 스타일을 변경하는 편입니다. 기존 CSS를 수정하는 것은 유지보수 측면에서 바람직하지 않고, 가급적이면 기존 CSS는 유지하고 하단에 새로운 CSS를 추가하는 것이 관리적인 측면에서 조금 편리할 수 있습니다.참고로 워드프레스 블로그의 경우 테마의 스타일시트 파일은 건드리지 않고 관리자 페이지나 차일드 테마의 스타일시트에 코드를 추가하여 변경하기 때문에 추후 테마가 업데이트되어도 추가한 스타일이 유지되고, 테마 파일을 수정하더라도 차일드 테마에서 진행하면 수..

티스토리에서 소제목 스타일을 변경하고 싶은 경우 CSS 코드를 사용하여 원하는 대로 설정하는 것이 가능합니다. 이 블로그의 경우 기본 스킨 중 하나인 오디세이(Odyssey) 스킨을 사용하고 있으며 CSS 코드를 추가하여 헤딩 태그(H2, H3, H4)의 스타일을 변경했습니다. 이 글에서는 오디세이 스킨과 북클럽 스킨에서 티스토리 소제목 스타일을 변경하는 방법에 대하여 살펴보겠습니다.티스토리 소제목 스타일 변경하기티스토리 소제목 설정티스토리 소제목(H2, H3, H4 등) 스타일은 사용자 CSS를 사용하여 원하는 대로 설정할 수 있습니다.티스토리에서 헤딩 태그는 글 편집 화면에서 본문2로 표시된 드롭다운을 클릭하여 제목1, 제목2, 제목3을 선택할 수 있습니다.여기에서 제목1~제목3은 H2~H4 태그에 ..

북클럽 스킨 기반으로 만들어진 뉴스킨이라는 스킨을 사용하는 티스토리 블로그에서 갑자기 모든 글이 가운데 정렬로 나오는 현상이 발생하는 문제로 네이버 카페를 통해 사용자분이 문의해 왔습니다. 북클럽뿐만 아니라 이 블로그에 사용된 오디세이 등 대부분의 공식 스킨에서는 간단한 CSS 코드로 글 분문의 정렬을 조정할 수 있습니다.티스토리 블로그 글 본문 정렬 조정하기 (북클럽, 오디세이 스킨 등)이 블로그에서는 북클럽 등 여러 가지 스킨이 사용되다 지금은 오디세이라는 기본 스킨이 적용되어 있습니다. 오디세이 스킨을 커스텀하여 사용하고 있습니다. 티스토리 스킨을 오디세이(Odyssey)로 변경했습니다어제 제 티스토리 블로그에서 '응답 없는 페이지' 경고가 표시되면서 블로그 글들이 제대로 로드되지 않는 현상이 발생..

이 티스토리 블로그에서는 스피드 스타라는 유료 스킨을 한 동안 사용하다 현재는 오디세이(Odyssey)라는 기본 스킨 중 하나를 사용하고 있습니다. 시간이 날 때마다 스킨을 조금씩 수정하고 있습니다. 개별 글에서 제목 아래에 댓글 개수가 나오도록 수정해 보았습니다. 오디세이 스킨을 기준으로 글 제목 아래에 댓글 개수를 표시하고, 댓글 개수를 클릭하면 댓글 섹션으로 이동하도록 하는 방법에 대하여 살펴보겠습니다. 다른 스킨을 사용하는 경우에도 동일한 방법으로 가능합니다. 티스토리 스킨: 댓글 개수 표시하기 티스토리 블로그 글 제목 아래의 댓글 개수(예: 댓글: 3개)를 표시하고 댓글 개수를 클릭하면 댓글 섹션으로 이동하도록 했습니다. 티스토리에서 댓글 개수를 표시하는 치환자 코드는 다음과 같습니다. {##_..

티스토리에서는 댓글이 보통 오래된 댓글이 먼저 표시되고 최신 댓글이 아래에 표시됩니다. 워드프레스에서는 댓글 순서를 설정하는 옵션이 제공되지만, 티스토리에서는 스킨에서 옵션을 제공하지 않으면 오래된 댓글이 먼저 표시됩니다. 티스토리 Odyssey 스킨의 경우 댓글과 관련된 별도의 옵션은 없는 것 같습니다. 오디세이 스킨에서 최신 댓글을 먼저 표시되도록 하고 싶은 경우 간단한 CSS를 사용할 수 있습니다. 티스토리 Odyssey 스킨: 최신 댓글을 먼저 표시하는 방법 (댓글 순서 변경) 티스토리 블로그에서는 일반적으로 오래된 댓글에서 최신 댓글 순으로 표시됩니다. 워드프레스에서는 최신 댓글/오래된 댓글이 먼저 표시되도록 하는 옵션이 제공됩니다. 위의 그림에서 한국어 번역이 잘못되었네요. "이전/다음 댓글"..

티스토리 공식 스킨 중 하나인 오디세이(Odyssey)를 사용하는 경우 블로그 글 제목이 길어지면 제목 일부만 표시됩니다. 특히 모바일에서 이런 현상이 두드러집니다. 제목이 긴 경우에도 모두 혹은 일정 길이 이상 표시되도록 하고 싶은 경우에는 CSS를 사용하여 제목 글자 크기를 조정하는 것을 고려할 수 있습니다. 티스토리 오디세이 스킨에서 블로그 글 제목 글자 크기 조정하기 이 티스토리 블로그에는 현재 오디세이(Odyssey)라는 스킨이 적용되어 있습니다. 깔끔한 스킨을 원하는 경우 괜찮은 선택 같습니다. 이 스킨을 사용하는 경우 블로그 제목이 긴 경우 그림과 같이 제목 일부만 표시되고 나머지는 생략 기호(...)로 표시됩니다. 특히 모바일에서 이 현상이 두드러집니다. 모바일에서 블로그 글에 접속하더라도..

저는 대부분의 워드프레스 사이트에서는 CSS를 사용하여 사이드바를 고정하고 있습니다. 뉴스페이퍼 등 일부 유료 테마에서는 테마 옵션을 통해 사이드바 붙박이(Sticky) 기능을 제공하지만, 그런 기능이 제공되지 않을 경우 보통 CSS로 고정하는 것이 가능합니다. GeneratePress 테마 사이드바 고정하기 (How to make the sidebar sticky in GeneratePress) - 워드프레스 정보꾸러 최근 들어 Astra 테마와 GeneratePress 테마에서 사이드바를 고정하기 위해 사용된 CSS 코드가 제대로 작동하지 않는다고 몇 분이 알려주었습니다. Sticky Menu & Sticky Header 플러그인을 사용하는 것을 고 www.thewordcracker.com 이 블로그..

어제 제 티스토리 블로그에서 '응답 없는 페이지' 경고가 표시되면서 블로그 글들이 제대로 로드되지 않는 현상이 발생했습니다. 이 문제는 아마도 티스토리 개발팀이 티스토리를 업데이트하면서 사용 중인 스킨과 충돌을 일으켜 발생한 것 같습니다. 스킨에 포함된 자바스크립트에서 무한 루프에 걸려서 이런 현상이 발생하는 것이 아닌가 생각되네요. 스피드스타라는 유료 스킨을 사용하고 있었는데요. 지난 10월에도 티스토리 시스템 업데이트로 갑자기 댓글 영역이 표시되지 않아서 긴급히 수정한 적이 있습니다. 티스토리 스피드스타 스킨: 댓글 영역이 표시되지 않는 문제 최근 티스토리에서 시스템을 변경하면서 스피드스타 스킨에서 댓글 영역이 표시되지 않는 문제가 나타나고 있는 것 같습니다. 댓글이 달리지 않아서 살펴보니 5일 전에..

저는 티스토리 스킨을 바꾸거나 워드프레스 테마를 바꾸면 글자 크기를 키우는 작업부터 시작합니다. 이제 노안이 진행되고 있어서 글자 크기가 작으면 눈이 금방 피로해집니다.ㅠ 글자 크기를 키우는 작업은 그리 어렵지 않습니다. 기본적인 CSS만 알면 누구나 할 수 있습니다. 이 글에서는 티스토리 오디세이 스킨에서 본문 글자 크기를 조정하는 방법에 대해 살펴보겠습니다. 티스토리 Book Club 스킨 수정: 본문 글자 크기 변경하는 방법 이 블로그에는 현재 최근 공개된 Book Club (북 클럽)이라는 스킨이 적용되어 있습니다. 북 클럽 스킨에서는 본문 글자 크기가 0.9375em으로 설정되어 글자가 다소 작게 느껴질 수 있습니다. 북클럽 avada.tistory.com 티스토리 오디세이 (Odyssey) 스..