지속가능티끌 ( 988 ) 워드프레스 테마 만들기 5편. header.php 다듬기, 메뉴 추가, functions.php, page.php 추가하기. 본 글은 "워드프레스 테마 만들기" 시리즈 글 5편이며, 4편에 연결된 내용임. 워드프레스 테마 만들기 4편. 테마에 single.php 추가하여 포스트 1개 보기 구현하기. 보기 -> http://igotit.tistory.com/126 개요. 본 글에서는, 1. 테마의 header.php 에서의 요구사항을 검토하고, 2. 1의 요구사항대로 header.php 를 코드정리한다.3. functions.php를 테마에 추가하고, 우리의 테마에서 메뉴 편집 가능하게 하고, 4. header.php에서 메뉴를 표현하는 코드 추가하여 웹페이지에서도 메뉴가 보이게 하고, 5. 페이지를 볼 수 있는 page.php 를 테마에 추가한다. 테마만들기 4편(http://igotit.tistory.com.. 2014. 10. 22. 워드프레스 테마의 functions.php 기능 이해, 코딩 방법 개념잡기 개요 본 글은 워드프레스 테마의 구성파일 중 하나인 functons.php 의 기능 및 functions.php에 특정기능을 구현하는 코딩 흐름 간략히 정리한다. 1. 워드프레스 테마파일 중 functons.php 워드프레스의 테마의 구성파일들은 여러 개가 있고, 가장 간단하게 테마파일로써 워드프레스에서 인식되게 할려면 style.css와 index.php 만 있어도 된다. 이는 테마로써의 인식될 때 필요한 최소파일일 뿐 실제 테마로써의 기능을 충실히 수행하기 위해서는 포스트를 표현하는 single.php, 카테고리 표현하는 category.php, 페이지 표현하는 page.php 를 추가해야한다. 대부분이 정보를 웹에 표현하는 류들인데, functions.php는 웹에 표현하는 기능은 하지 않고, 플러.. 2014. 10. 22. php 에서 콜론 php 에서의 콜론은 {} 대신 사용하는 것. while문 에서 {} 을 : 과 endwhile; 로 해도된다. while () { ;;; } 위 {}부분을 아래 처럼 콜론과 endwhile; 로 감싸는 것이 동일함. while() : ;;; endwhile; if 문 역시 마찬가지. if() { ;;; } 위 구문은 아래 구문과 동일함. if() : ;;; endif; 127. 2014. 10. 22. 워드프레스 테마 만들기 4편. 포스트 표현용 템플릿 single.php 추가하기 본 글은 "워드프레스 테마 만들기" 시리즈 글 4편이며, 3편에 연결된 내용임. 3편을 보고 이 글을 봐야함. 워드프레스 테마 만들기 3편. index.php에 Loop 구현하기. 보기 -> http://igotit.tistory.com/125 개요 본 글에서는 테마(이름 : Skeleton) 에 포스트 표현용 템플릿 single.php 를 추가하여 웹페이지에서 포스트 1개를 볼 수 있는 기능을 구현한다. 테마만들기 3편(http://igotit.tistory.com/125 ) 의 코드상태에서 추가되는 부분만 정리됨. 1.테마에서 포스트 표현용 템플릿 single.php 워드프레스는 항상 기본포스트와 기본 페이지를 작성할 수 있는 상태로 되어있다. 워드프레스 관리자 메뉴에 보이는 포스트와 페이지 가 그것.. 2014. 10. 22. 워드프레스 테마 만들기 3편. Loop 구현하기. 본 글은 "워드프레스 테마 만들기" 시리즈 글 3편이며, 2편에 연결된 내용임. 2편을 보고 이 글을 봐야함. 워드프레스 테마 만들기 2편. index.php수정,템플릿추가. 보기 -> http://igotit.tistory.com/122 개요. 본 글에서는 테마(이름 : Skeleton) 의 index.php 파일에 Loop 코드 영역을 구현하고 작성한 포스트 리스트가 표현되도록 한다. 이전 2편 글 (http://igotit.tistory.com/122 ) 이후부터의 코드 수정사항이 적용되므로 2편을 숙지한 상태에서 본 글을 봐야 함. 본 글에서 다루는 내용은 Loop에 대한 기본 이해를 바탕으로 하므로, 아래 Loop 에 대한 기본 이해사항 숙지하고 있어야 함. 워드프레스 루프(Loop) 이해하기... 2014. 10. 22. 워드프레스 루프(Loop) 이해하기. - 웹페이지에 정보 표현 하는 코드부 개요 본 글은 워드프레스에서 가장 중요한(혹은 워드프레스의 특징적인) 처리방식인 Loop 에 대한 이해를 위한 목표로 하여 간략히 정리된다. 본 글의 내용은 아래 codex에서 제공하는 정보를 기반으로 한다. 1. The Loop in Action 보기 -> http://codex.wordpress.org/The_Loop_in_Action 2. The Loop 보기 -> http://codex.wordpress.org/The_Loop 1.워드프레스에서 Loop의 기능 1. 워드프레스의 Loop 은 템플릿 파일(index.php , single.php,... 같은 php파일들을 의미함)내에 구현되어 "웹페이지에 정보를 보이게 하는 처리"를 수행한다. 2.1의 글에서 "정보"란 워드프레스에서 작성된 post.. 2014. 10. 21. 워드프레스 테마 만들기 2편. index.php 수정하고 템플릿 추가하기. 본 글은 "워드프레스 테마 만들기" 시리즈 글 2편이며, 1편에 연결된 내용임. 1편을 보고 이 글을 봐야함. 워드프레스 테마 만들기 1편. 시작점 style.css, index.php 보기 -> http://igotit.tistory.com/85 개요. 본 글은 이전 "워드프레스 테마만들기 시작점" 에서 만들어 뒀던 index.php 파일의 내용을 html 형식에 맞게 온전한 html 문서로 수정해서 html 형식으로 표현된것 맛보기를 하고, index.php 파일을 워드프레스 형식대로 변경하는 작업까지 정리 한다. 이 과정에서 추가의 템플릿 파일 2개 (header.php, footer.php) 가 테마에 추가된다. 1편 글에서는 워드프레스에서 테마로 인식되는 최소한의 파일인 style.css, in.. 2014. 10. 21. 워드프레스 웹페이지 구조와 구성요소인 템플릿 파일 이해하기. 개요. 본 글은 워드프레스에서 웹페이지 표현시의 구조와 이들 구조를 구성하는 모듈화된 워프의 템플릿 파일에 대한 정보들을 정리한다. 용어 : 웹페이지 는 워드프레스로 구축된 사이트를 웹브라우저에 볼 때의 한 화면을 지칭한다. ( 워드프레스 에서의 "포스트"와 "페이지" 라고 표현할때의 "페이지"를 의미하지 않는다. ) 본 규칙은 다른 테마를 활용할 때, 혹은 자신이 직접 테마를 만들 때 모두 필요한 기본 개념 이해사항이다. 본 글의 내용은 codex 에서 제공하는 아래 3가지 정보 를 기반으로 요점만 정리한다. 1. Stepping into Template -> http://codex.wordpress.org/Stepping_Into_Templates 2. Template Hierarchy -> http.. 2014. 10. 21. 워드프레스가 테마를 보이게 하는 내부 처리 과정 간략히 살펴보기. 개요 본 글에서는 워드프레스가 우리가 지정한 테마를 보이게 하는 내부 절차를 파악해 본다. 설명. 워드프레스에서는 우리가 만든 테마를 어떤 내부 과정을 거쳐 보이게 하는지 궁금하다. 테마의 예로 http://igotit.tistory.com/85) 에서 만들었던 가장 간단한 테마를 보자. 위 주소에서 만들었던 테마는 style.css, index.php 파일 2개로 만든 초간단 테마였고, 테마의 index.php 에는 아래 처럼 달랑 text만 기록했었고(php코드도 아니고, html도 아님.), 테마 만들기 시험중. 테마명 igotit Skeleton 이것이 웹에서 보일 때는 아래처럼 보였었다. 위 사이트를 보면서 -> 사이트의 루트로 접속했는데 왜 테마폴더의 index.php가 보이지? 이런 의문이 .. 2014. 10. 20. WooCommerce Multilingual 플러그인 설치하기. 다국어 플러그인 WPML 환경에서 우커머스 사용시 개요 본 글에서는 WooCommerce Multilingual 플러그인 설치와 이와 연동된 WPML 의 추가 플러그인 설치과정을 정리한다. 설명. 워드프레스에서 다국어 구축용 플러그인 WPML 설치하였고, 동시에 WooCommerce 를 설치하여 숍을 구축하려고 하는 경우 WooCommerce에서도 다국어 지원 설정을 세밀하게 하기 위한 WooCommerce Multilingual 이라는 플러그인을 추가 설치한다. 섬세하다는 말은 사용법이 복잡하다는 말과 같다. 이것을 설치하지 않아도 우커머스에서 다국어 설정은 가능함. 이 플러그인은 설명서를 꼼꼼히 보면서 설정 진행해야 가능. 직관적이질 못함. WooCommerce Multilingual 사용자 설명서 -> http://wpml.org/documenta.. 2014. 10. 19. 워드프레스 우커머스 설치, 둘러보기. 개요. 본 글은 워드프레서 우커머스를 설치와 , 기본 설정 사항 정리한다. 우커머스(WooCommerce) : 워드프레스에서 쇼핑몰 구축가능한 플러그인. 1. 설치 & 기본설정. WooCommerce 1.우커머스 설치. 워드프레스 좌측메뉴 -> 플러그인 -> 플러그인 추가하기 클릭 우화면에서 -> 검색에서 woocommerce 엔터 여러 개 보인다. 아래 첫번째 것이 설치해야할 것임. "지금 설치하기" 버튼 클릭하여 설치하고 활성화 하기. 우커머스를 설치하고 나면 좌측메뉴에 WooCommerce, Products 가 추가된다. (아래 그림) 2. 한글 설치하기. 우커머스는 한글언어가 지원된다. 위 그림에서 파란박스속의 버튼 클릭하면 한글언어팩이 설치된다. 3. 우커머스 페이지 설치하기. 상품판매와 관련된.. 2014. 10. 19. 워드프레스 bbPress 설치, 기본사용법. 개요. 본 글에서는 워드프레스에서 포럼(게시판) 구축용 bbPress 플러그인 설치와 기본 사용법을 정리한다. 1. 설치 bbPress 설치하고 활성화하기. 워드프레스 좌메뉴 -> 플러그인 추가하기 -> bbPress 검색하여 아래 보이는 플러그인. "지금 설치하기" 버튼 클릭하여 설치하고 활성화 시킨다. bbPresss 관련 추가된 것 둘러보기. 좌측메뉴에 Forums, Topics, Replies 가 추가되었고, 도구에도 Forums 가 추가되었다. Forums 는 자유게시판, Q&A 게시판 에 해당한다. Topics는 게시판에 기록되는 1개의 게시글에 해당한다. Replies 는 게시글에 달린 덧글에 해당한다. 도구에 있는 Forums 에서는 Repair Forum, Import Forumsm Re.. 2014. 10. 19. 워드프레스 회원가입폼, 로그인폼, 회원관리 플러그인 검토. 워드프레스 기본 회원가입폼은 아래 특징을 갖는다. 가입절차. 1. 아이디와 메일만 기록가능하다. 아이디와 메일 기록하고 등록 하면, 2. 1의 이메일로 임시비번이 전달된다. 1에서의 아이디와 메일로 받은 임시비번을 이용하여 로그인한다. 3. 로그인해서 임시비번을 정식비번으로 변경한다. 우커머스를 설치한 경우에도 기본 회원가입방식은 위 와 동일하고 일단 회원가입하고 나서 배송주소등을 추가 기록하는 방식이다. 위의 기능만으로는 사용불가하다. 전용 플러그인이 필요하다. 1. 회원가입시점에 사용자가 자신의 비밀번호 지정가능할것. 2. 회원가입폼이 제공되어야 하며, 가입폼에 임의 필드 추가가능하게 할것. 3. 로그인 폼이 제공될것. 4. 회원의 비번 분실시 재발급 처리기능 있을것. 위 3가지가 핵심요구사항이며, .. 2014. 10. 19. 워드프레스 WPML 설치,기본설정 (WPML 다국어 지원 플러그인) 개요. WPML - 워드프레스에서 다국어 사이트 구축 워드프레스 다국어 지원 플러그인 중에 WPML 설치방법, 기본 설정 정리. WPML 구입처 http://wpml.org/purchase/ 에서 3종이 제공되나 195달러짜리가 유용해보임. - 이 사이트에서 구매하고 나서 필수 회원가입해야함. WPML이 설치되는 도메인을 기록해서 키를 받고, WPML 설치한 워드프레스 플러그인 관리 하는곳에서 키를 기록해야 정상사용가능함. 관련정보 : 워드프레스 다국어 지원 플러그인 조사 결과 WPML이 최선이라 판단됨. -> http://igotit.tistory.com/114 1. 설치. - WPML 1. WPML 플러그인 zip파일 준비. WPML은 유료이므로 구매 사이트 (http://wpml.org/purcha.. 2014. 10. 18. 워드프레스 다국어 지원 플러그인 조사. 다국어 지원 플러그인 조사. 1. 012 Ps Multi Languages 소개 : http://blog.naver.com/lofi/50154013471 사용경험 : 셋팅시 _config.php 파일의 내용을 수정하고, 파일명을 config.php 로 수정해야한다. config.php 에서 다국어 영어, 일어, 중국어, 한국어등을 지정 하는 설정하고 플러그인 사용하는것으로 설정하면, 새글쓰기, 페이지쓰기 할 때 config.php 에서 지정된 언어별로 제목및 글내용을 모두 따로 작성가능한 상태가 달성된다. 또한 설정 -> 일반에 지정된 언어별로 사이트제목등을 개별적으로 설정할 수 있다. 그러나, 위 상태가 전부이며, 사이트상에서 사용자가 언어 선택을 하게 하려면, 메인컨텐츠메뉴는 Custom Post t.. 2014. 10. 18. 워드프레스 연동 데이터베이스에 생성되는 테이블들. 워드프레스는 MySQL 를 데이터베이스로사용한다. 워드프레스 초기 설치시 , 데이터베이스에 생성된 테이블은 총 11개이며, 전체 리스트는 아래 그림과 같다. 테이블 중에서 wp_posts - post 와 page 의 글 들이 저장되는 곳은 wp_posts "1개"의 테이블에서 글과 페이지가 모두 저장됨. - wp_posts 의 세부필드는 아래 와 같음. 워드프레스로 멀티 사이트 구축시 생성되는 데이터베이스 테이블. 아래 테이블은 워드프레스에서 멀티사이트를 생성하고, 서브디렉토리로 신규 사이트를 1개 추가한 경우에 추가된 테이블 이다. 파란색부분은 워드프레스 초기 설치시 생성된 테이블 11 개. 빨간색은 워드프레스를 멀티사이트 셋팅 한 경우 신규 생성되는 테이블 6개이다. 녹색은 신규사이트를 추가하면 생성.. 2014. 10. 18. 워드프레스 멀티사이트 셋팅 중 네트워크 설치 에서 서브디렉토리 설치 못한다는 에러 만날 때 조치법. 문제상황. 워드프레스로 멀티사이트 구축하기 위하여 wp-config.php 파일을 수정하고 워드프레스 관리자로 다시 로그인하면 정상적으로는 아래 화면처럼 서브도메인, 서브 디렉토리 선택화면이 보여야 정상이다. (_ 이 처리법 상세 설명 -> http://igotit.tistory.com/88 의 단계1 의 설명참조할것.) 그런데, 간혹 엉뚱하게도 아래 화면처럼 "워드프레스 설치가 새로운 것이 아니기 때문에.. " 서브디렉토리 형식으로는 못만든다는 말과 함께 서브 도메인만 가능하다는 말이다.(위의 정상적인 설정화면과는 다름을 알 수있다.) 워드프레스 설치 직후에 처음으로 멀티사이트 구축과정임에도 이런 화면을 만나게 되는 경우가 있다. 해결방법. 1. wp-config.php 에 추가했던 define('WP.. 2014. 10. 18. 워드프레스 초기 설치후 필수 설정사항. 관리자 이메일 설정해둘것. 관리자 이메일 초기 셋팅해둬야 하는 이유. 워드프레스 초기설치하고나면, 관리자 자격의 사용자로 자동 등록되어있다. 메일주소부분이 워드프레스 설치하는 과정(예: 카페24등에서 워드프레스 자동설치등)에서, 임의의 메일주소로 기입되어있다. 이 주소를 실제 사용하는 이메일 주소로 변경해둬야 한다. 워드프레스를 멀티사이트로 구축하지 않으면 언제든지 변경가능하기 때문에 운영중에 변경가능하므로 초기에 신경쓸 필요없다. 하지만, 워드프레스를 멀티사이트로 설정하고 나면 관리자의 메일 주소의 @뒷부분이 사이트 도메인명과 같은 경우에 메일 전송이 안되서 메일변경 절차가 달성 안된다. 따라서, 워드프레스 초기 설치 후에 관리자 메일 주소를 실제 사용하는 것으로 변경해 두는 것이 속 편하다. 설정법. 워드프레스 관리자 좌메뉴 .. 2014. 10. 18. 이전 1 ··· 50 51 52 53 54 55 다음
