티스토리 반응형 웹스킨 #2 사이드바 수정하기

저는 이렇게 깔끔한 스킨이 배포된 줄도 몰랐습니다.

빠르고, 활용도 높고, 깔끔하고.. 8ㅁ8 (감동)

물론 이전에 사용하던 wallel님 심플화이트 스킨도 너무 잘 사용했더랍니다. 완전 깔끔하고 이뻤죠!

다만 아무리 맛있는 음식도 계속 먹다보면 질리니까(...) 아니 그렇다고 질렸다는 건 아니구요...

어떻게 글을 써야..으허허..

각설하고 2015년 12월 31일에 배포된...

---

티스토리 반응형 스킨 #2의 사이드바 설정 및 공지 돌아오게 만들기

---

1. 사이드바 이름 정상화하기

해당 반응형 스킨 설정 직후 [관리]-[꾸미기]-[사이드바] 설정 가보시면 아래와 같은 모습입니다.

딱히 차근차근 따라하실 것조차 없습니다(...)

[관리]-[꾸미기]-[HTML/CSS 편집]으로 갑니다.

화면에 나타나는 소스에서 아래 부분을 찾아주세요.

(Ctrl+F로 rctps_rep_link를 검색하셔도 되고, 총 코드량이 소소하기 때문에 그냥 스크롤다운해서 찾아도 됩니다.)

같은 형태로 <s_sidebar_element>와 </s_sidebar_element> 라는 틀(!)안에 갇혀있는 애들이 보이실 겁니다.

걔네가 다 사이드바구요.

우리가 해줄 것은 아래와 같이 각각의 s_sidebar_element 옆에

이름만 <!-- 와 --> 를 덧붙여 적어주시면 됩니다.

<strong>문 안에 들어있는 내용을 우리 말로 옮겨서 각각의 <s_sidebar_element> 옆에!!

Recent Posts니까.. 또박또박 <!-- 최근 포스트 -->

모조리 이름을 붙이고 나면 대충 아래와 같은 모양이 되겠죠?

저장하시고 다시 사이드바 설정으로 가봅니다.

사이드바 설정 창을 보면 이름들이 알아보기 좋게 바뀐 것을 확인할 수 있습니다.

(공지사항은 아래 2번 작업 후 나타납니다)

2. 반응형 메뉴에 공지 돌려놓기

해당 반응형 웹스킨 설정 직후 블로그 메인 화면에서 좌측 상단의 (메뉴)를 눌러보면 공지가 없죠.

그래서 사이드바 설정하러 갔더니 이번에는 공지사항 자체가 없죠.

당황스러웠습니다.

(공지는 어디에 갔을까!)

이번에는 1번보다 더 간단합니다.

[관리]-[꾸미기]-[HTML/CSS 편집]으로 갑니다.

1번에서 찾아놨던 사이드바 최근 포스트 위에 아래 내용 복사해서 붙입니다.

<s_sidebar_element> <!-- 공지사항 -->

<div class="box_aside">

<strong class="tit_aside">Notice</strong>

<ul class="list_board">

<s_rct_notice>

<s_rct_notice_rep>

<li><a href="" class="link_board"></a></li>

</s_rct_notice_rep>

</s_rct_notice>

</ul>

</div>

</s_sidebar_element>

그러면 아래와 같은 모양새가 되겠죠?

확인하셨으면 저장하시고 사이드바 설정으로 가서

공지사항을 보이도록 설정해준 뒤 정상화 되었는지 확인하면 끝입니다.

(수정 후 돌아온 공지의 모습 8ㅁ8)

이 글이 도움이 되셨다면 '공감'을 눌러주세요 :)