스킨 수정(2)
-
[스킨] 티스토리 Portfolio 스킨 수정하기 (커버에 링크 연결하기)
※ 본 게시물은 티스토리에서 제작 한 Portfolio 스킨을 기준으로 작성되었습니다. 최근 블로그를 다양하게 꾸미기 위해 노력하고 있는데 그중 커버 아이템의 타이틀에 링크를 연결하는 방법을 소개해드리겠습니다. 수정 방법 방법은 매우 간단합니다. 우선 스킨 편집 화면에서 홈 설정을 커버로 변경합니다. 이후 취향에 맞게 커버 아이템을 추가하고 타이틀을 입력합니다. 타이틀 입력 후 HTML의 a 태그를 이용하여 타이틀 내용을 감싸줍니다. 그리고 href 속성에는 이동하고자 하는 페이지의 링크를 작성하고, 새로운 페이지에서 창이 열리기를 원하면 target 속성에 "_blank" 값을 입력하면 됩니다. 아래 예시는 타이틀 제목을 클릭 시 새 창에서 https://blog.siyeol.com/ 으로 이동되는 코..
2019.08.30 -
[스킨] 티스토리 Portfolio 스킨 수정하기 (게시물 커버 변경)
※ 본 게시물은 티스토리에서 제작 한 Portfolio 스킨을 기준으로 작성되었습니다. 게시물 커버 변경 최근 블로그의 스킨을 Portfolio로 변경을 하였는데 대표 이미지가 없는 게시물의 상세페이지 커버 부분이 예쁘지 않아 조금 더 단정하게 변경하고자 스킨 수정을 하였습니다. 결과물 수정 방법 스킨을 수정하기 위해서는 블로그 관리 > 스킨 편집 > HTML 편집으로 접속하시면 됩니다. 위와 같은 결과물을 얻기 위해서는 HTML과 CSS를 편집하면 됩니다. 우선 HTML 파일에 게시물의 기본 커버 사진을 제거하는 코드를 추가하겠습니다. 코드는 태그 안에 작성합니다. // 커버 기본 이미지 제거 $(document).ready(function(){ if( $(".inner_header").attr("st..
2019.08.29