워드프레스 ( 76 ) 워드프레스 루프(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. 워드프레스 초기설치후 필수 설정할 사항. 고유주소. permalinks 초기 셋팅할 사항 : 워드프레스 초기 설치하고 정식으로 글 등록하기 전에 "고유주소" 부터 설정해야 함. 사유 고유주소는 워드프레스로 만들어진 사이트의 글 들이 브라우저 창에서 보일 때의 주소가 보이는 형식을 지정하는 것이다. 이 주소는 글이 한번 발행되고 해당 글의 주소가 검색엔진에서 저장된다. 한번 설정된 주소를 나중에 변경하게 되면 검색엔진으로 들어온 방문자에게 해당 글을 제공하지 못하여 404에러가 뜬다. 한번 설정된 "고유주소"방식은 초기에 설정되면 이후 변경하지 않아야 하므로 정식 사이트 운영 전에 주소체계를 본인이 원하는 형식으로 지정해 둬야 한다. 설정법. 워드프레스 관리자 좌측메뉴 -> 설정 -> 고유주소 클릭하면 주소체계를 지정할 수 있다. 고유주소에 기록가능한 태그와 고유주소 설정방식.. 2014. 10. 18. 워드프레스 초기 설치후 도메인 주소로 보이게 하기. 문제상황. 호스팅업업체에 워드프레스 설치하면 http://도메인명/wp 의 주소로 워드프레스로 만든 사이트가 보인다. http://도메인명/ 으로 접근했을때 보이도록 하고 싶다. 2014년 11월 6일 추가: 카페24에서 워드프레스 설치시 이전에는 www/wp 폴더에 워드프레스 가 설치되었으나, 이제 www 에 워드프레스가 설치되어 http://도메인명/ 으로 접속하면 정상적으로 보이며, 아래 처리과정 거치지 않아도 됨. 해결방법. 아래 2가지 처리를 한다. 1. index.php 파일. 서버에 워드프레스가 설치된 폴더(카페24호스팅 받는 경우엔 wp 임)에 있는 index.php 를 상위 폴더(카페 24인 경우 www 임 )에 복사하고, index.php 파일 내용의 가장 아래에 있는 require( .. 2014. 10. 18. 워드프레스 방문자의 sns 계정으로 로그인, 코멘트 플러그인. 사이트 방문자의 sns 계정으로 로그인, 코멘트 가능 플러그인. Social Login https://wordpress.org/plugins/oa-social-login/ 다운수 : 319,578, 별다섯:148 25개 이상의 SNS지원. 별도의 사이트에 계정 등록해야 플러그인 사용가능함. WordPress Social Login. https://wordpress.org/plugins/wordpress-social-login/ 다운수 : 136,909, 별다섯 : 84 25개 이상의 SNS지원, 별도 사이트 계정 등록하지는 않고, 키 생성 과정을 거쳐 등록하는 방식인듯. 참고. SNS로 코멘트 기능만 있는것. Jetpack에 포함된 Comments. 설치법 설명 : http://igotit.tistory.. 2014. 10. 17. 워드프레스 1개로 멀티도메인 구축하기. - 멀티사이트에 독립 도메인 주소로 접속하기. 개요 본 글은 워드프레스에서 구축된 멀티사이트에 접속하는 주소가 독립 도메인으로 접속되게 하는 설정법 정리한다. 아래 사전 요구사항의 셋팅이 완료되어 있는 경우에는 도메인 맵핑 기능의 플러그인을 설치하고 설정만 하면 바로 워드프레스의 멀티사이트가 독립 도메인 주소를 갖는 것처럼 처리완료된다. 사전 요구사항. 본 글에서 다루는 내용은 아래의 셋팅이 달성된 상태 이후에 이뤄지므로 사전 셋팅되어 있어야 한다. 1. 워드프레스 멀티사이트 구축하기. -> http://igotit.tistory.com/88 위 링크 글에서의 멀티 사이트 구축하기는 서브디텍토리로 멀티사이트에 접속하는 설정을 하였다. 즉, 도메인이 a.com 이면 http://a.com/sub1 http://a.com/sub2 와 같은 주소로 추가로.. 2014. 10. 17. 워드프레스 jetpack 중 photon 활용. 무료 이미지 CDN 개요 - photon , 무료 이미지 CDN 본 글은 워드프레스 플러그인인 jetpack 설치하면 포함되어있는 photon 기초 활용법 정리한다. Photon 이 뭐야? Photon 은 워드프레스에서로 구축된 사이트의 이미지들을 wordpress.com clod 를 이용한 CDN 기능을 제공한다. CDN 개념 조금 더 이해 할려면 이 글 보기 -> http://igotit.tistory.com/93 1. Photon 사용 가능 상태 셋팅하기. 1. Photon 설치. Phptpn은 따로 설치하는 플러그인이 아니라, jetpack 이라는 플러그인 속에 포함되어있다. 따라서, jetpack 을 설치하면된다. jetpack 플러그인 설치법 -> http://igotit.tistory.com/92 을 따라 설치.. 2014. 10. 15. 이전 1 2 3 4 5 다음
