하위메뉴 작성된 게시글 수 가독성
변경하기 전
보시다시피 하위메뉴 옆에 표시된 숫자들이 분리되지 않아 가독성이 현저히 떨어집니다.
소괄호()로 숫자를 묶어주면 가독성이 훨씬 높아질 듯 합니다.
예를 들어 '블로그설정 6' 과 '블로그설정 (6)' 어느 것이 눈에 더 잘 들어오십니까?
숫자를 괄호로 묶어준 것이 눈에더 잘 들어옵니다.
STEP :: 1
블로그 관리의 HTML/CSS 탭에서 CSS 설정으로 들어갑니다.
그리고 'secondNav'를 검색하셔서 아래쪽에 secondNav가 몰려있는 곳으로 스크롤을 내립니다.
그럼 위 이미지와 동일한 부분을 찾으실 수 있는데, 이곳에 태그추가를 통해 괄호를 넣어줄 것입니다.
그리고 폰트사이즈를 조절하여 눈에 확연히 들어오게끔 할 것입니다.
STEP :: 2
보시는 바와 같이 display:none; 와 font-size 사이에 태그를 입력해줍니다.
위와 같이 입력하셔야지 숫자 전과 후에 '(', ')'가 묶이게 됩니다.
태그가 적힌 메모파일은 아래에서 다운받아 주시면 됩니다.
그리고 폰트사이즈도 조절하여 글씨의 크기를 키워줍니다.
11~12 정도의 크기가 적당합니다.
이 부분은 여러분의 취향대로 입력하시면 됩니다.
변경한 후
보시는 바와 같이 하위메뉴 옆 게시글 수 표시 숫자에 괄호가 묶인 것을 보실 수 있습니다.
확실히 전과 비교하였을 때 가독성이 높아진 것을 느낄 수 있습니다.
또 글자와 숫자가 분리되어 눈에 확 들어옵니다.
블로그에 방문하는 사람들로 하여금 편의성 또한 상승하겠습니다.
공감과 댓글은 제게 큰 행복이랍니다 :)