티스토리 블로그에 카테고리별로 공통적인 삽입문구 넣기

Posted by 공부하는호랑이 雨香
2014.09.19 13:30 웹프로그래밍/자바스크립트

제가 쓰고있는 또다른 티스토리 블로그에

새로운 카테고리를 하나 만들었습니다.


스마트폰 배경으로 쓸만한 움짤 애니매이션GIF들을 모으면서

카테고리 이름은 "스마트폰 배경화면" 입니다.


그런데 매번 포스팅 할때마다 "스마트폰 배경용으로 적합한 세로사이즈 위주 입니다."라는 글을 넣어주고는 싶은데 매번 넣어주기도 뭣 합니다.


그래서 이 카테고리에는 자동적으로 포스팅 상단에 위 설명문구를 집어넣기로 했습니다.


티스토리 고수분들 께서는 다른방법으로 훨씬 효과적으로 할수있는 무슨 방법이 있는지 모르겠지만,

제가 생각한 방법으로 간단하게 한번 적용해 보았습니다.


위 사진에 보시면 박스(테이블)로 둘러쌓인 부분이 자동적으로 삽입된 문구 입니다.

"스마트폰/스마트폰 배경화면" 카테고리에만 자동적으로 삽입되고 다른 카테고리에는 삽입되지 않습니다.


적용방법을 소개해 드리겠습니다.


관리자모드 에서 "HTML/CSS 편집"을 클릭합니다.


이곳 skin.html 에서 카테고리 정보를 얻을수 있는곳을 찾아야 합니다.

카테고리명 치환자는 "[샵샵_article_rep_category_샵샵]" 이더군요.

"[샵샵_article_rep_category_샵샵]"이 적혀있는곳을 찾습니다.



<div class="box_category">

   <a href="[샵샵_article_rep_category_샵샵]" class="category">[샵샵_article_rep_category_샵샵]</a>

</div>


 

제 스킨의 경우에는 위처럼 제목밑에 카테고리를 표기하는곳이 있습니다.

그곳의 <a> 태그에 자바스크립트에서 참조할수 있도록 아이디를 넣어줍니다.


 


 

<div class="box_category">

   <a name="catename" id="catename" href="[샵샵_article_rep_category_샵샵]" class="category">[샵샵_article_rep_category_샵샵]</a>

</div>

 


 

 

혹시몰라 "name"도 같이 적어줬습니다.


그리고 공통문구를 적어줄 자리에 다음처럼 자바스크립트로 적어줄 문구를 적도록 합니다.

(if 문구로 원하는 카테고리가 맞으면 문구를 출력한다.)



<script type="text/javascript">

if (document.getElementById("catename").innerHTML=="스마트폰/스마트폰 배경화면"){

  document.write("<table border='1' width='100%'><tr><td align='center'>이곳에 소개해드리는 움짤(애니매이션GIF)들은<br>스마트폰 배경화면으로 쓸만한,<br>세로방향 움짤들 또는 세로로 늘려도 보기 괞찮은 것들 위주로 소개해 드리고 있습니다.</td></tr></table>");

}

</script>



저는 본문내용 위에 적을것이므로 본문 바로위에 끼워넣었습니다.



위처럼 카테고리를 판단해서 꼭 문구를 삽입하는것 이외에도 다른 여러가지를 하실수 있습니다.


그리고 이 기능은 모바일에는 적용되지 않습니다.




 

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

이 댓글을 비밀 댓글로