본문 바로가기
티스토리 스킨 수정하기: 구글 맞춤검색 기능 적용하기 이 블로그에는 최근 공개된 티스토리 매거진 스킨인 Magazine이 적용되어 있습니다. 스킨 그대로 사용해도 괜찮지만 저는 이전 레이아웃과 거의 비슷하게 바꾸었습니다. 데모의 헤더를 보면 왼쪽에 블로그 이름이 표시되고, 오른쪽에 검색 아이콘과 메뉴 아이콘이 배치되어 있습니다. 저는 PC 버전에서는 이전 스킨과 비슷하게 만들었습니다. (모바일 버전은 모바일 스킨을 사용하고 있습니다.) 블로그 타이틀 옆에 배너가 표시되도록 했고, 메뉴는 메뉴 아이콘을 클릭했을 때 표시되도록 하는 대신 메뉴 아이콘을 삭제하고 메뉴 항목이 표시되도록 메뉴 내비게이션을 막코딩으로 추가했습니다.ㅎㅎ 검색 아이콘은 CSS를 사용하여 오른쪽 끝으로 위치를 이동시켰습니다. 이 부분에 대해서도 기회가 되면 수정하는 방법을 설명해보겠습니다.. 2019. 5. 1.
티스토리의 신규 스킨 Magazine으로 변경해보았습니다 티스토리에서 지난 25일에 공개한 Magazine 스킨으로 변경해보았습니다. 레이아웃은 이전과 거의 동일합니다. 댓글 시스템은 티스토리 기본 댓글과 Disqus 댓글을 동시에 표시했었지만 Disqus 댓글 사용 빈도가 거의 제로여서 디스커스 댓글은 적용하지 않았습니다. 홈 설정에서 "커버" 대신 "최신 글"을 선택하면 첫 페이지에 사이드바가 표시되지 않습니다. 억지로 PC에서 사이드바가 표시되도록 설정해보았습니다.ㅎㅎ HTML 소스를 살펴보니 첫 페이지에서 사이드바가 display:none을 사용하여 숨겨져있네요. 즉, 사이드바가 로드는 되지만 표시만 되지 않았던 것입니다. display:none을 display:inline-block으로 지정하고 콘텐츠 섹션과 사이드 섹션의 너비를 적절히 조정했습니다... 2019. 4. 28.