+ Development/Tistory6 [Tistory] 티스토리 컨텐츠 내 이미지 테두리 적용하기 티스토리(Tistory)를 사용하면서 컨텐츠 내 여러 이미지를 첨부하였다. 그러나, 테두리가 적용되지 않아서 컨텐츠 내 글 사이에 이미지 있는 부분이 조금 어울리지 않아 보였다. 그래서 이미지마다 테두리가 생기도록 설정을 해보려고 한다. 1. 현재 이미지 테두리 확인 아래 이미지처럼 현재는 글 사이에 있는 이미지가 그대로 노출되는 것을 확인할 수 있다. 2. HTML 편집 화면으로 이동 우선 티스토리 관리자 화면으로 들어가서 "꾸미기 > 스킨 편집"을 선택하자. 그 후 "html 편집" 선택 후 "CSS" 항목으로 이동하자. 검색을 통해서 ". entry-content figure"를 검색해보자. 검색을 해보면 대략 1451줄에 아래와 같이 내용을 확인할 수 있다. (줄 번호는 설정에 따라 다를 수 있다.. 2022. 1. 31. [Tistory] 티스토리 Book Club Pagination 수정하기 티스토리(Tistory) Book Club 스킨을 사용하는 도중, 글의 개수가 많이 지면서 Pagination 그러니깐 페이지 수가 나오는 부분에서 기존과 다르게 한 줄이 아닌 두줄로 변경된 것을 확인할 수 있다. 위 내용처럼 확인된 부분을 한번 수정해보도록 하자. 1. HTML 편집 화면으로 이동 우선 티스토리 관리자 화면으로 들어가서 "꾸미기 > 스킨 편집"을 선택하자. 그 후 "html 편집" 선택 후 "CSS" 항목으로 이동하자. 2. 기존 설정 찾기 이제 "CSS" 항목에서 검색을 통해서 기존 설정을 찾아보도록 하자. 검색을 통해서 ". pagination"을 검색해보자. 검색을 해보면 대략 1256줄에 아래와 같이 내용을 확인할 수 있다. (줄 번호는 설정에 따라 다를 수 있다.) 해당 부분을.. 2022. 1. 30. [Tistory] 티스토리 Book Club 스킨 썸네일 정사각형으로 수정하기 티스토리(Tistory)에 스킨 중 Book Club 스킨을 사용하고, 특히 리스트 타입인 "뉴북"을 사용하는 경우 홈 화면에서 글 옆에 있는 사진이 잘린다거나, 대칭이 안 맞게 설정되어 있다. 올린 이미지는 정사각형으로 250 x 250 Size이다. 그럼 해당 부분을 정사각형 형식으로 나오도록 설정하는 방법에 대해서 알아보도록 하자. 1. HTML 편집 화면으로 이동 우선 티스토리 관리자 화면으로 들어가서 "꾸미기 > 스킨 편집"을 선택하자. 그 후 "html 편집" 선택 후 "HTML" 항목으로 이동하자. 2. 기존 설정 확인하기 HTML 편집 화면으로 들어가서 "article_rep_link"를 검색을 하자. 검색하면 아래와 같이 썸네일(Thumbnail) 이미지 크기가 C 230x300으로 설정.. 2022. 1. 23. [Tistory] 티스토리 댓글 원하는 문구로 수정하기 티스토리(Tistory)에 글을 읽고 댓글을 달수 있다. 이때 댓글에는 카카오 티스토리(Tistory) 팀에서 적어놓은 고유 맨트인 "여러분의 소중한 댓글을 입력해주세요." 적혀 있다. 이 맨트를 보다는 내가 원하는 맨트로 작성해놓는다면 좋을 것 같다고 생각이 들었다. 그럼 원하는 문구로 수정을 하는 방법에 대해서 알아보도록 하자. 1. HTML 편집 화면으로 이동 우선 티스토리 관리자 화면으로 들어가서 "꾸미기 > 스킨 편집"을 선택하자. 그 후 "html 편집" 선택 후 "HTML" 항목으로 이동하자. 2. 기존 맨트 찾기 이제 "HTML" 항목에서 검색을 통해서 기존 맨트를 찾아보도록 하자. 기존 맨트는 "여러분의 소중한 댓글을 입력해주세요."이고 검색을 통해서 찾으면 아래와 같이 쉽게 찾을 수 있.. 2022. 1. 8. [Tistory] 티스토리 로딩 화면 설정하기(Set up a Tistory Loading Screen) 티스토리(Tistory)에서 구글 애드센스, 카카오 애드핏 등 광고들을 설정했다면 여러 상황에 따라 티스토리 로딩 속도가 느릴 수 있다. 로딩 속도가 느릴 경우 광고, 이미지 등을 전부 불러오지 못해서 작성한 글에 내용이 모두 보였는지 알 수가 없다. 그래서 전부 불려 올 때까지 로딩 화면이 나오도록 설정하는 방법에 대해서 알아보도록 하자. 1. 로딩에 사용할 이미지 구하기 우선 로딩에 사용할 이미지를 구하자. 제일 쉬운 방법은 구글, 네이버, 다음 등 검색 사이트에서 "로딩 이미지"로 검색하거나, 아래 무료 아이콘 사이트에서 원하는 로딩 이미지를 다운로드하면 된다. https://icons8.com/icons/set/loading 2. 로딩 이미지 설정하기 일단 다운로드한 이미지의 이름을 가능하면 "l.. 2021. 9. 26. [Tistory] 티스토리 트위터 위젯 설정하기(Set up a Tistory Twitter Widget) 티스토리나 여러 블로그 등에서 사이드바에 트위터 위젯이 설정되어 사용되는 경우가 있다. 그럼 이와 같이 설정하는 건 어떻게 작성하는지 한번 알아보도록 하자. 1. 티스토리 관리자 > 플러그인 > 배너출력 설정 하기 일단 티스토리 관리자에서 좌측 하단에 "플러그인"을 클릭하자. 그럼 많은 플러그인들이 있으며 그중 "배너출력" 이 사용 중인지 확인해보고 사용 중이 아니라면 선택 후 사용할 수 있도록 배너 출력 플러그인을 적용하도록 하자. 2. 트위터 ID 확인하기 먼저 본인의 트위터 ID 혹은 트위터 URL을 복사하도록 하자. 예) 트위터 ID : @info_lab 트위터 URL : https://twitter.com/info__lab 3. 트위터 위젯 생성 하기 이제 티스토리에 적용할 트위터 위젯을 생성해.. 2021. 9. 18. 300x250 300x250 이전 1 다음
