티스토리 (5) 썸네일형 리스트형 티스토리 사용자 정의 도메인의 숨겨진 비밀: 중복 콘텐츠, 이제 걱정 마세요! 티스토리 블로그에 사용자 정의 도메인(jincolife.com과 같은 나만의 주소)을 연결하셨다면, 한 가지 의문이 생길 수 있습니다. "분명히 새 도메인을 연결했는데, tistory.com 주소도 여전히 살아있네? 이거 중복 콘텐츠 문제로 검색 순위에 불이익을 받는 건 아닐까?"기존 tistory.com 주소가 새 도메인으로 301 리디렉션(영구 이동)되지 않는 현상 때문에, 많은 블로거들이 검색 엔진 최적화(SEO)에 문제가 생길까 우려합니다.하지만 티스토리는 이 문제를 매우 효과적으로 해결하고 있습니다. 블로그 페이지의 소스 코드를 면밀히 살펴보면, 핵심적인 단서를 발견할 수 있습니다."주소창은 그대로인데, 내부적으로는 새 주소를 쓰고 있다?"저 역시 tistory.com 주소가 커스텀 도메인으로 .. 내 블로그에 날개를 달다: Namecheap 구매 개인 도메인 티스토리 연결 가이드 jincolife의 새로운 시작을 알리는 첫 발자국입니다! 블로그 개선작업으로 jincolife.com이라는 저만의 도메인을 구매하고, 티스토리 블로그와 연결하는 여정을 막 마쳤습니다. 혹시 저처럼 개인 도메인을 구매해서 블로그에 연결하고 싶은데, 어떻게 해야 할지 막막하셨던 분들을 위해 제가 직접 경험한 연결 과정을 상세히 공유해 드리고자 합니다.특히 저렴한 가격으로 유명한 해외 도메인 업체 **Namecheap(네임칩)**에서 도메인을 구매하신 분들께 이 글이 큰 도움이 되기를 바랍니다! (구입일 기준 16,000원 정도라 가장 저렴했음, 최초인 경우 추가할인 가능)왜 개인 도메인(feat. jincolife.com)을 사용해야 할까요?본격적인 연결 가이드에 앞서, 왜 블로그에 개인 도메인을 사용하는.. 티스토리 자연스러운 페이지 로딩 페이지를 이동하면서 요소들이 화면에 표시될 때 요소나 파일이 로딩되는 속도 차이 등의 이유로 아래와 같이 부자연스럽게 표시됩니다. 간단한 작업을 통해 화면을 자연스럽게 로딩하는 효과를 구현해 보겠습니다. 해당 코드는 티스토리의 모든 스킨에 적용가능할 뿐 아니라 거의 모든 웹 사이트에 적용가능합니다. 완성코드 /* Type Selector Reset */ body { /* other styles */ animation: smoothRendering 1s ease forwards; } @keyframes smoothRendering { from {opacity: 0;} to {opacity: 1;} } 구현하기 공통 스타일 추가 관리자 페이지에 보면 좌측에 '스킨편집'이라는 기능이 있는데요. 해당 메뉴를 선.. 티스토리 - 스타일링 완성된 공통스타일 코드 /* Custom Styles */ img { border-radius: 5px; box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, .3); margin: 10px 0 !important; } .entry-content p, span, a, td { font-size: 1.2rem !important; } .entry-content h1 { font-size: 1.8rem !important; } .entry-content h2 { font-size: 1.7rem !important; } .entry-content h3 { font-size: 1.6rem !important; } .entry-content h4 { font-size: 1.5rem !impo.. 티스토리 목차 링크 만들기 티스토리에서 글을 쓰다 목차가 필요해서 목차에 hyperlink를 다는 기능을 찾아보았습니다. 결론은 없더군요 ㅎㅎ 그래서 검색을 해 보니 결국 html블록을 통해 입력하는 형식으로 구현하길래 저도 한번 만들어 보았습니다. 방식은 가장 일반적인 목차를 태그를 사용하여 HTML블록에 지정하고 해당 섹션의 아이디와 연결하는 방법으로 구현하였는데요. 구현하기 먼저, 상단에 목차라는 글을 쓰고 아래 코드를 HTML 코드 블록에 삽입합니다. 미팅참석하기 화면공유하기 채팅하기 상대방이 공유한화면 크게보기 화면 레이아웃 바꾸기 전체화면 ※ HTML블록 찾기 그러면 저장된 글에서 아래와 같이 표시되는데요. 다음으로 해당 섹션을 id요소로 연결만 해 주면 됩니다. 주의할 점은 목차의 각 메뉴의 태그 href요소에 사용된.. 이전 1 다음
