어포스트 스킨 수정 사항 추천 2개

제목 서식

어포스트 스킨이 전체적으로 다 마음에 들지만 몇 가지 커스터마이징을 하면 좋을 만한게 있다. 하나는 제목 서식이다. 지금 이 블로그에도 적용되어 있는 '제목1, 제목2, 제목3'에 대한 서식에 대해 스킨 개발자님이 별도로 만들어 넣지는 않으셨다. 다 필요가 있어서 그런 것이겠지만, 전체적인 가독성을 따져볼 때 제목 서식이 있는 것이 없는 것보다는 낫다고 생각이 든다.

그렇게 생각하는 이유는 그렇게 구성을 해야 스킨에서 제공되는 자동목차와의 결합시 최적의 성능을 발휘할 수 있기 때문이다. 목차가 보이게 되면 해당 목차가 눈에 쉽게 띄어야 더 효과적일 것이다. 그런 측면에서 글자 크기 키우고 굵게 표시하는 것과 제목이 구분이 되지 않는 상황은 옳다고 생각이 들지 않는다.

/* 글 제목1,2,3 스타일 */
.tt_article_useless_p_margin h2 {
	text-align: left;
	border-left: #517135 12px solid;
	border-bottom: 1px solid #517135;
	padding: 3px 0 10px 10px;
	margin: 30px 0 20px 0;
}
.tt_article_useless_p_margin h3 {
	text-align: left;
	border-left: #548a25 8px solid;
	border-bottom: 1px solid #548a25;
	padding: 3px 0 10px 10px;
	margin-bottom: 15px;
}
.tt_article_useless_p_margin h4 {
	text-align: left;
	border-left: #71b932 6px solid;
	border-bottom: 1px solid #71b932;
	padding: 3px 0 10px 10px;
	margin-bottom: 15px;
}

그래서 스킨 편집의 HTML편집에 들어가서 CSS에 위의 코드 블럭을 추가해 버리면 좋다. 그렇게 적용을 해 두고 자동 목차까지 사용하는 것으로 해두면, 본문 상단에는 목차가 나오고 그 목차에 맞게 본문에서도 확실하게 튀어 보이는 제목들이 보이게 된다.

일부 필요한 부분만 읽는 사용자들에게는 이 방식이 효과적일 것이다. 체류 시간 등에 대한 분석을 할만큼 유요한 접속 통계가 나오는 블로그도 아니지만, 목차를 잠시 보는 사람의 비율이 절반은 된다고 생각을 한다면, 그리 나쁜 전략은 아닐 것이다.

번역 플래그 가운데 정렬

두번째는 이번 v3 업데이트에 추가하신 자동 번역 관련된 FLAG의 정렬이다. 여러가지 방법 중 9개 언어 모드로 설정을 하게 되면 왼쪽으로 붙은 형태로 국기들이 나타나는데, 내 눈에는 이 부분이 조금 덜 이쁘다.

그래서 이것을 수정해 주는 것이 좋다. 수정하는 방법은 너무 쉽다. 관리자 -> 스킨편집 -> HTML로 들어간 후 'flag'로 검색을 하면 flag가 뭉쳐 있는 부분이 보이게 된다. (290행 정도에 나타남)

그곳에 시작하는 부분에 ul class="translation-links" 라고 나오는 부분에서 align="center" 이것만 추가를 해 주면 된다. 아래와 같이 말이다.

개인적으로는 언어 하나 빼고 4개 4개로 해서 직사각형태를 해 두고 싶기도 하지만, 그렇게까지 이 곳을 유심히 볼만한 사람도 없고, 사실 이용할 사람도 거의 없다고 보이기 때문에 정렬만 가운데로 해 두었다.

이 정도만 해 두어도 어포스트를 쓰시는 다른 분들과는 뭔가 조금 다른 듯한 느낌을 줄 수 있다.

이상 어포스트 세팅을 해 나가면서 연구하는 팁을 마친다.

저작자표시 비영리 변경금지

어포스트 스킨 수정 사항 추천 2개