사이드바 하단에 추가하기

간단설명

1. html의 푸터가 시작되기 전 부분에 사이드바 요소 삽입한다
2. 관리자 모드/사이드바에 사이드바2가 생성됨을 알수있다
3. 사이드바2에 원하는 항목을 드래그해서 옮겨 놓는다
4. 드래그해서 사이드바2에 옮겨놓은 항목들을 skin.html에서도 새로 삽입한 요소 사이에 각 항목들을 옮겨 놓는다(기존의 사이드바부분에 위치하고 있음)
5. border등을 맞추기 위해 css를 수정한다

 

■ 본문이 끝나고 사이드바 끝나고 푸터가 시작되기 전에 사이에 카테고리를 추가한다.아래 코드 바로위에 넣으면 된다

 

■ html에서 위사항 검색하여 바로위에 아래항목을 추가한다
변경전 html

 

■ 위와 같이 추가하면 관리자 페이지에서 사이드바 항목 클릭하면 사이드바2 가 생성된다
원하는 카테고리를 사이드바2로 드래그하여 넣어준다

 

■ 사이드바2에 넣은 각항목을 위에서 추가한 <!--사이드바항목 넣는곳 --> 이 위치로 옮겨 넣어주면 된다
최근게시물, 최근댓글, 태그리스트, 즐겨찾기 를 추가한 예이다

 

변경후 html
■ 본문과 사이드바와 추가된 하단사이드바의 구획을 위해 border를 추가해 준다
변경후 html
■ 하단 사이드바 상부에 border를 추가하여 본문 부분은 border가 겹치므로 본문 하단부 border를 삭제해 준다
변경후 css

 

---

 

note

다운로드 :하단에_사이드바_추가.txt

참고사이트 : http://blog-pleur.tistory.com/