사이드바 ( 6 ) 워드프레스 테마 ROYAL footer 설정방법. 개요 워드프레스 테마 중 ROYAL 의 footer 부분 표현 방법 정리. 관련사전정보.ROYAL테마 설치 및 기본설정 -> http://igotit.tistory.com/189 ROYAL 테마의 footer 설정법. 개념 :로얄테마에서는 푸터영역에 표현되는 컬럼 1개에 사이드바(Custom Sidebar) 1개를 표현하며, 여기서 컬럼이란 Visual Composer 로 만들어진 row 내부에 사용자가 생성한 컬럼이며, 임의로 개수 지정가능함. ROYAL 테마의 footer 설정 전체 흐름. 1. 위젯에서 "Custom Sidebar" 를 임의 이름(예: Product List)으로 새로 생성한다. - Custom Sidebar 는 로얄테마에서 제공하는 기능임. 푸터영역의 1개 컬럼에 사이드바 1개 표.. 2014. 11. 10. 워드프레스 테마 만들기 9편. CSS 이용하여 레이아웃 만들기. 본 글은 "워드프레스 테마 만들기" 시리즈 글 9편이며, 8편에 연결된 내용임. 워드프레스 테마 만들기 8편. searchform.php추가. 보기 -> http://igotit.tistory.com/163 개요. 본 글에서는 테마의 style.css 에 css 구문 추가하여 웹페이지에서 보이는 레이아웃을 만드는 과정을 설명한다. 본 글에서는 CSS개념같은 기초적인 사항은 별도의 설명없이 진행된다. 최소한 아래 CSS의 개념은 알고있는 상태에서 가능한 작업이다. CSS 요점정리 보기 -> http://igotit.tistory.com/146CSS 선택자 활용정보 요약 -> http://igotit.tistory.com/166CSS 파일 만들기 -> http://igotit.tistory.com/169 설.. 2014. 10. 30. 워드프레스 테마 만들기 6편. 사이드바 위젯 추가, sidebar.php 템플릿 추가. 본 글은 "워드프레스 테마 만들기" 시리즈 글 6편이며, 5편에 연결된 내용. 5편을 보고 이 글을 봐야함. 워드프레스 테마 만들기 5편. header.php다듬기, 메뉴추가, functions.php, page.php 추가. 보기 -> http://igotit.tistory.com/129 개요. 본 글에서는, 아래 2가지 사항을 상세히 정리한다. 1. 제작중인 테마의 functions.php 에 코드추가하여 "사이드바와 위젯"를 사용가능하게 한다. 이 처리작업으로 워드프레스에서의 메뉴 외모 하위에 "위젯"이 추가된다.(위젯과 사이드바는 같이 관리된다. 즉, functions.php 에서는 sidebar 를 등록하는 함수로 사이드바를 사용가능하게 설정하게 되며 위젯사용하는것을 별도로 처리하지 않아도 워드.. 2014. 10. 23. 워드프레스 사이드바,위젯 개요. 활용예, 개발 정보. 개요 본 글은 워드프레스로 만들어진 사이트에서 흔히 보게되는 사이드바 개요 글이다. 사이드바가 웹페이지에 배치되는 예, 위젯과 사이드바, 위젯과 사이드바를 활용하는예(링크로 소개됨), 마지막으로 사이드바를 구현 해야 하는 개발자에게 필요한 정보(링크로 소개됨) 를 정리한다. 사이드바. 웹사이트에 정보를 표현할 때 사이드바에 표현하기 적합한 정보는 메인에 보이는 컨텐츠와는 다른 류들이 많이 배치된다. 포스트 리스트라든지 광고배너를 넣기도 하고, 네비게이션 용도로 많이 사용한다. 그러나 그 기능이 한정된 것은 아니다. 위젯은 모두 사이드바에 넣어서 표현될 수 있다. 사이드바는 모든 웹페이지에서 항상 보일수도있다. 선택적으로 보일 수도 있다. 회사소개에는 안보이고 제품페이지에서만 보인다든지. 1. 사이드바 의.. 2014. 10. 23. 웹페이지 목차, 스크롤 따라다니게 하기, sticky, floating 개요 - 스크롤 따라다니는 목차 구현대상 본 글에서는 워드프레스의 글의 목차가 앞부분에 고정되지 않고 사용자가 브라우저 스크롤 해도 차례가 따라 다니도록 구현한다. 필요성 웹사이트에 게시된 1페이지 문서의 길이가 길고, 헤딩 부가된 제목이 여러 개 있는 문서는 차례를 보여주면 매우 유용하다. 통상 문서의 첫 부분에 고정된 차례가 제시 되는 경우가 많으나(아래 그림), 사용자가 웹브라우저를 아래로 스크롤 하면 차례는 보이지 않게된다. 문서 내에서 다른 부분으로 찾아가려면 다시 문서의 상단으로 와서 차례를 보고 찾아가야 한다. 안 좋다. 위 문제를 해결하기 위하여 본 글에서는 차례를 사이드바의 위젯에 배치하고 스크롤을 따라다니게 구현한다. 사용자가 스크롤 해도 차례는 계속 보이므로 문서내의 다른 곳으로 찾아.. 2014. 10. 5. 워드프레스 Q2W3 Fixed Widget 플러그인 설치,기본사용법-사이드바 위젯이 스크롤 따라다니게 하는 것. 개요- 플러그인 Q2W3 Fixed Widget 본 글에서는 플러그인 Q2W3 Fixed Widget 설치 와 기본 사용법을 보인다. 플러그인의 기능 : 브라우저 화면을 스크롤 해도 위젯이 따라 다니게 한다. 모든 위젯에 적용가능하다. 플러그인 URL : https://wordpress.org/plugins/q2w3-fixed-widget/ 1. 설치하기 - Q2W3 Fixed Widget 워드프레스 관리 사이트 좌측메뉴 -> 플러그인 -> 플러그인 추가하기 -> 우 화면 검색창에 Q2W3 Fixed Widget 기록하고 검색하여 보이는 아래 플러그인을 지금 설치하기 버튼 클릭하여 설치하고 활성화 한다. 플러그인을 설치하고 나면 관리자 사이트의 메뉴에 아래 처럼 Fixed Widget Options 추가.. 2014. 10. 4. 이전 1 다음