기존 태그 목록이 상단에 위치해 있었는데 태그목록이 많아지면 모바일에서 태그목록만 보이는 일이 생겨서
태그목록을 본문 하단으로 이동시켰습니다.
본문 카테고리의 다른글 아래쪽으로 이동하니 더 깔끔하고
상대적으로 큰 의미가 없는 태그목록이 아래로 위치해 더 깔끔해진듯합니다.
우선 Skin.html 파일 편집이 필요합니다.
<div class="tag_label">
<s_tag_label>
<span>[샾샾_tag_label_rep_샾샾]</span>
<div class="clear"></div>
</s_tag_label>
</div>
<div class="article">
[샾샾_article_rep_desc_샾샾]
</div>
샾샾은 ## 로 변경해주시면 됩니다.
Tag label 과 article 의 위치를 바꾸어주면
태그목록이 본문 하단으로 위치됩니다.
<div class="article">
[샾샾_article_rep_desc_샾샾]
</div>
<div class="tag_label">
<s_tag_label>
<span>[샾샾_tag_label_rep_샾샾]</span>
<div class="clear"></div>
</s_tag_label>
</div>
사실 귀차나서 안바꾸고 있었던 부분이었는데 애드센스와 관련되어 문제가 생길 위험도 있고 태그 목록이 지저분하여 수정한 부분인데 꽤나 마음에 듭니다.
다음은 상단 여백 조정입니다.
CSS 편집으로 넘어가
.head { position: relative; padding-top: 50px; width: 100%; text-align: center; }
Padding-top 부분을 수정하면 글 제목이 위로 올라가는걸 확인할 수 있습니다.
글제목 상단 여백 조정방법입니다.
