DevDory의 블로그

블로그 스킨 및 디자인 변경! 본문

소식

블로그 스킨 및 디자인 변경!

DevDory 2018.03.17 21:32

안녕하세요! DevDory입니다.


오늘은 제가 블로그 스킨과 디자인을 변경했습니다.



위의 사진은 블로그의 메인 페이지에요! (http://blog.devdory.com)


태터데스크와 HTML, CSS 편집을 통하여 메인 페이지를 더 간결하고 깔끔하게 변경했습니다.

그리고 왼쪽의 사이드바에 카테고리를 추가함으로써 방문자 분들이 더 편리하게 카테고리 별 게시글을 쉽게 확인할 수 있도록 했습니다.

왼쪽 사이드바의 글자색은 흰색이 깔끔했지만 기존의 사이드바 배경의 이미지에는 배경이 밝아 글자가 잘 보이지 않아 저작권에 문제가 없는 오로라 이미지로 변경하였습니다.


그리고 사이드바 우측의 게시글(본문) 위치를 전체화면 으로 할 경우 가로가 너무 길어 글 읽기가 불편하다는 점을 파악하여 가로의 크기를 줄이고 남는 영역에는 CSS의 position:fixed; 기능을 이용하여 스크롤을 따라다니는 긴 광고를 배치하였습니다.




위의 사진은 본문 게시글의 사진입니다.

태터데스크로 수정한 메인 페이지와 가로의 크기는 동일하고, 역시 스크롤을 따라다니는 광고를 우측에 배치하였습니다.

글의 가독성을 높이고 방문자분들의 편의를 위해 여러가지 시도를 해보는 중이니 많은 피드백 부탁드립니다.



마지막으로 게스트북(방명록)의 이미지입니다.

피드백을 남겨주시면 검토 후 반영을 하도록 최선을 다할 예정이니 많은 피드백 부탁드립니다!



기존의 블로그는 도메인 변경 후 검색 누락으로 인해 블로그를 폐쇄하고 새로 개설한 현재 블로그의 스킨 변경 후 HTML, CSS 편집 과정중에 지워진 네이버와 구글의 웹마스터도구 메타태그를 깜박하고 새로 안넣었더니 방문자 수가 많이 줄어들었네요.




아무튼 오늘은 블로그의 전체적인 디자인을 변경해 보았는데 혹시 궁금하신점이나 도움이 필요하신 분은 방명록 작성, 혹은 댓글을 남겨주세요!

제가 도와드릴 수 있는건 최대한 도와드리도록 하겠습니다.




이 글이 도움이 되셨다면,

로그인이 필요없는 아래의 공감(♡) 버튼을 눌러주세요.


감사합니다!

0 Comments
댓글쓰기 폼