목차9

• 

  미넴 스킨 (Mynem Skin) 목차 기능 소개 미넴 스킨 목차 기능 소개입니다. 목차 목차 설정 기능 목차 생성 기능을 기본으로 넣었습니다. 제목 태그를 사용하면 자동으로 목차로 인식하여 글 맨 상단에 생성해 줍니다. 자동으로 목차가 생성되는 걸 원치 않으시는 분들을 위해 OFF 기능을 제공합니다. 글 중간에 목차를 넣고 싶으신 분은 다음 태그를 서식으로 저장한 다음 불러와 사용하시기 바랍니다. 목차 목차가 적용된 모습입니다. 목차 너비를 꽉 채워 보겠습니다. 현재는 너비 꽉 채우기가 기본 값 입니다. 다음과 같이 목차가 본문 너비에 맞게 꽉 채워졌습니다. 따로 적용하고 싶으신 분들은 다음 포스팅을 참고 하세요. 티스토리 글에 자동으로 목차 넣기 티스토리 글에 자동으로 목차 넣기 목차를 넣고 싶긴한데 글 쓸 때마다 매번 수작업으로 만든다면 상당히 번.. 미넴 스킨 제작 프로젝트/미넴 스킨 2022. 3. 18.

• 

  티스토리 무료 최강 미넴 스킨 소개 및 설치 방법 기본 제공 스킨을 나름대로 고쳐 쓰다가 만족하지 못하고 그냥 새로 만들었습니다. 여태까지 블로그를 하면서 적용한 많은 기능들을 대부분 포함하였으니 누군가에게는 상당히 유용한 스킨이 될 수 있습니다. 스킨별로 장단점은 존재하겠지만 미넴 스킨만의 차별점은 분명히 있습니다. 사용자 분들의 피드백을 통해 지속적으로 발전해 나갈 것 임을 약속 드립니다. 서로 윈윈 전략이라고 생각해 주셨으면 좋겠습니다. 주의) 참고한 스킨이 있긴 하지만 완전 새로 만든 것이어서 미처 확인하지 못한 부분이 있을 수 있습니다. 만에 하나 이상이 있을 경우 복원을 위해 기존 스킨은 백업하시고 이용 부탁드립니다. 그리고 기존 블로그에 적용하였던 중요한 소스 코드나 데이터가 있으면 필히 따로 저장해 두세요. 본 스킨을 이용하면서 발생하는 .. 미넴 스킨 제작 프로젝트/미넴 스킨 2021. 3. 14.

• 

  티스토리 목차 완전 자동으로 생성하기 (서식 저장 불필요) 이번에는 서식에서 목차 태그를 끼워 넣는 것 조차 귀찮은 분들에게 추천드리는 방법입니다. 다만 목차는 항상 글 맨 상단에 위치하도록 해야한다는 제약이 있습니다. 필요에 따라 글 시작 후 중간부터 목차를 넣어야 하는 분이 아니라면 큰 문제는 아니라고 봅니다. 목차 기존 목차 기능 적용하기 필요한 라이브러리 및 자바스크립트, CSS 코드는 아래 글에서 이미 다루었으니 새로 작성하지 않고 링크로 대체 하겠습니다. 티스토리 글에 자동으로 목차 넣기 티스토리 글에 자동으로 목차 넣기 목차를 넣고 싶긴한데 글 쓸 때마다 매번 수작업으로 만든다면 상당히 번거롭겠죠. 그래서 jQuery 플러그인 Table of Contents(TOC)를 이용하여 자동으로 넣는 방법을 소개합니다. 저는 제목1, 제목2로 sangmine.. 정보/블로그 운영팁 2021. 2. 27.

• 

  티스토리 목차 링크 클립보드 복사하기 목차를 클릭하면 해당위치로 바로 가는 기능까지는 지원이 되어 문제가 없는데, 문득 목차 링크를 클릭 한번으로 복사 가능하면 좋을 것 같다는 생각이 들어서 개발하게 되었습니다. 목차 작업 위치 관리 페이지 > 꾸미기 > 스킨 편집 으로 이동합니다. html 편집을 클릭합니다. 그럼 위외 같은 HTML 에디터가 뜨는데 여기에서 작업을 해 보겠습니다. body 태그 안쪽 제일 하단 script 태그 안에 붙여넣기 하시면 됩니다. 링크 복사 아이콘 생성 제목 오른쪽에 링크 복사 아이콘을 삽입하는 함수입니다. function makeClipboardLink() { var tocLink = $('#toc a'); tocLink.each(function(i, aLink) { var regExp = /[\{\}\[\].. 정보/블로그 운영팁 2021. 2. 20.

• 

  티스토리 모바일에서 유용한 떠 있는 플로팅 목차 위치 이동 방법 이번에는 플로팅 목차를 드래그 앤 드롭으로 원하는 위치로 이동시키는 기능을 만들건데요. 화면이 좁은 모바일에서 공간을 좀 더 효율적으로 활용하고자 생각하게 되었습니다. 목차가 계속 진화하고 있습니다. 목차 하나로 이렇게 다양한 컨텐츠가 나올 줄은 저도 미처 몰랐습니다 ㅎㅎ 어느새 제 블로그에 블로그 꾸미기가 주요 컨텐츠로 자리 잡았네요. 그럼 시작해 보겠습니다! 목차 플로팅 목차 적용 앞서 플로팅 목차를 적용하지 않으신 분은 다음 포스팅을 참고 바랄게요. 티스토리 글에 자동으로 목차 넣기 티스토리 글에 자동으로 목차 넣기 목차를 넣고 싶긴한데 글 쓸 때마다 매번 수작업으로 만든다면 상당히 번거롭겠죠. 그래서 jQuery 플러그인 Table of Contents(TOC)를 이용하여 자동으로 넣는 방법을 소.. 정보/블로그 운영팁 2020. 12. 21.

• 

  티스토리 떠 다니는 플로팅 목차 만드는 방법 (고급 버전) 초급 버전에서 좀 더 기능을 강화한 버전을 만들어 보았습니다. 어느 정도 코딩이 가능한 분이어야 수월하게 따라하실 수 있을 겁니다. 이 부분이 어렵게 느껴지시는 분은 다음 초급 버전을 참고 바랍니다. 사실 난이도는 큰 차이가 없습니다.. ^^; 주의) 초급 버전과 내용이 중복 되므로 이전 반영 사항이 있다면 먼저 제거하셔야 합니다. 참고) 이 포스팅은 북클럽 스킨 기반이라 다른 스킨에서 정상적인 동작이 이루어지지 않을 수 있어요. 댓글로 사용하시는 스킨 알려 주시면 보완하여 내용을 추가하도록 하겠습니다. 티스토리 떠 다니는 플로팅 목차 만드는 방법 (초급 버전) 티스토리 떠 다니는 플로팅 목차 만드는 방법 (초급 버전) 목차를 확인하려면 다시 위로 올라가야 하는 불편함을 해소하고자 만들어 보았습니다. 생.. 정보/블로그 운영팁 2020. 12. 20.

• 

  티스토리 떠 다니는 플로팅 목차 만드는 방법 (초급 버전) 목차를 확인하려면 다시 위로 올라가야 하는 불편함을 해소하고자 만들어 보았습니다. 생각보다 깔끔하게 잘 만들어진 것 같아서 공유합니다. 주의) 고급 버전을 먼저 반영하고 초급 버전을 나중에 적용하시는 분은 없으리라 예상되지만 만에 하나 그럴 경우 내용이 중복 되므로 이전 반영 사항이 있다면 먼저 제거하셔야 합니다. 참고) 북클럽 스킨 기반이라 다른 스킨에서 정상적인 동작이 이루어지지 않을 수 있어요. 댓글로 사용하시는 스킨 알려 주시면 보완하여 내용을 추가하도록 하겠습니다. 목차 목차 자동 생성 먼저 목차가 생성되어 있어야겠죠 ㅎㅎ 이전에 포스팅 한 내용이 있으므로 링크로 대체 하겠습니다. 티스토리 글에 자동으로 목차 넣기 티스토리 글에 자동으로 목차 넣기 목차를 넣고 싶긴한데 글 쓸 때마다 매번 수작업.. 정보/블로그 운영팁 2020. 12. 17.

• 

  티스토리 목차 글머리 서식 변경하기 기본 글머리 기호도 심플하긴 하지만 원하는 모양으로 바꾸면 더 좋을 것 같다는 생각을 했습니다. 기본 글머리 설정 방법 list-style-type - CSS: Cascading Style Sheets | MDN The list-style-type CSS property sets the marker (such as a disc, character, or custom counter style) of a list item element. The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples developer.mozilla.org 물.. 정보/블로그 운영팁 2020. 12. 14.

• 

  티스토리 글에 자동으로 목차 넣기 목차를 넣고 싶긴한데 글 쓸 때마다 매번 수작업으로 만든다면 상당히 번거롭겠죠. 그래서 jQuery 플러그인 Table of Contents(TOC)를 이용하여 자동으로 넣는 방법을 소개합니다. 저는 제목1, 제목2로 작성한 부분만 목차로 가져오도록 만들어 보았습니다. 참고) 북클럽 스킨 기반이라 다른 스킨에서 정상적인 동작이 이루어지지 않을 수 있어요. 댓글로 사용하시는 스킨 알려 주시면 보완하여 내용을 추가하도록 하겠습니다. 테스트 완료 스킨) Book Club, Odyssey, Letter, Poster, #1, 고래스킨4.0 추천 제안) 미넴 스킨을 적용하시면 고급스러운 목차를 빠르게 사용할 수 있습니다! 친효 스킨, 고래 스킨 뒤를 이을 티스토리 무료 스킨 제작 프로젝트, 미넴 스킨 소개 및 설.. 정보/블로그 운영팁 2020. 12. 12.