워드프레스 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 을 따라 설치한다. 2. Photon 활성화하기. jetpack 설치후 좌측메뉴에 보이는 설정을 클릭하여(아래 그림), 포톤항목의 오른쪽에 보이는 활성화를 클릭한다. (아래 그림) 위와 같이 활성화를 해두면 이후 관리자가 추가로 설정할 사항 없다. 이후 워드프레스에서의 이미지 CDN은 자동으로 처리된다.

 

	2. 포톤 이미지 파일 용량 한계 테스팅.
	앞의 1에서 포톤을 활성화 해도 추가 설정 등이 안보인다. 사용하기 쉽다는 의미다. 평소 워드프레스 사용하듯이 하면된다. 미디어 라이브러리에 이미지 추가하듯이 이미지 업로드 하면되고, 특성이미지도 평소에 워드프레스에서 사용하듯이 하면된다. 이미지 파일은 png, jpg, gif 만 포톤을 통한 "이미지 CDN" 이 지원됨을 숙지하고 있어야 한다.  본 시험 과정에서는 포스트 하나 만들고, 워드프레스 미디어 라이브러리에 시험용이미지2개를 PC에서 업로드하고, 이 이미지를 포스트에 추가하고 웹에서 보이는 모습을 확인할 것이다. 시험 주목적은 이미지 최대 파일용량어느정도까지 허용되는가? 이 문제의 답을 확인하기 위함이다. 시험 이미지 1 : 3264 x 2448 픽셀의 jpg, 파일용량 3.69MB 크기다. 시험에 사용되는 이미지 원본 보기  -> https://googledrive.com/host/0B-X3LExoaBouZms0VmhhSmR5UUE/igotit_img/igotit_tree_3264x2448_3.7M.jpg 시험 이미지 2 :   위 이미지 1의 절만크기인 1632x1224 픽셀, 파일용량 1.6M 시험에 사용되는 이미지 원본 보기  -> https://googledrive.com/host/0B-X3LExoaBouZms0VmhhSmR5UUE/igotit_img/igotit_tree_1632x1224_1.6M.jpg 위 파일을 워드프레스의 미디어 라이브러리에 추가하면 원본이미지 특성 그대로 유지한 상태로 업로드 된다(당연한 이야기임.). 이미지 용량이 3.7M만 되어도 포톤이 페치 못 시킨다.  포톤 설명사이트에서 보면 포톤이 워드프레스의 문서 속에 있는 이미지를 포톤서버에 업로드 하는데 소요되는 시간이 10초를 초과하면 페치(포폰 CDN 서버에 파일업로드 한다는 말) 실패되고 이미지가 표현되지 못할 것이라고 되어있다. 네트워크 상태가 안 좋든지 , 혹은 이미지 용량이 큰 경우 10초 초과할 일은 충분히 발생할 수 있다. 이 문제를 해결하려면 이미지 파일사이즈를 줄여서 재시도 하라고 되어있다. 앞의 시험용 이미지1을 문서에 파일용량 3.7MB 인 원본크기(3264x2448) 이미지를  문서 저장하고 나서 사이트에서 보이는 모습 시험했다. 이미지를 문서에 넣고 첫 브라우저 접근하는 시점에 포톤CDN이 작동하는것 같다. 아래와 같이 이미지가 표현되지 못했다. 3.7M 크기의 이미지를 포톤 서버에 업로드 하는 과정이 10초를 초과하여 발생한 문제이다. 포톤 설명에서 말한대로 이미지 1개 용량이 크기 때문에 페치 실패한 상황이다. 포톤설명문에서는 파일용량을 줄여서 다시 시도하라고 하는데, 그냥 내버려두고 계속 다른 테스트 이것저것 하면서 다시 사이트 보기로 오니 페치성공되면서 정상적으로 이미지가 보인다. 아마, 추측되는 상황은 한번 페치 실패해도 사이트 접속하여 이미지를 로딩하는 시점마다 페치 재시도를 하는 것 같다. 파일용량은 그대로이지만 네트워크 속도가 개선되어 10초 이내에 업로드되어 페치 성공한 것으로 보인다 즉, 3.7M 정도의 이미지 용량이 한국에서 포톤서버에 10초이내에 업로드 가능한 경계치 정도쯤 될 것으로 보인다. 시험용 이미지2(용량 1.6M ) 시험. 페치실패없음. 페치 실패없이 한 번만에 이미지를 CDN에서 서비스 해준다. 포톤 시험중인 워드프레스 사이트에서 직접 보기.  -> http://igotit.kr/180 테스팅 결론. 포톤 사용시 1.6M 크기정도에 1632×1224 해상도 정도는 포톤에서 페치 실패발생하지 않고 안정적으로 CDN서비스 가능함. 웹에서 표현하는 웬만한 이미지에서 충분히 사용할만하다는 결론. 단, 10초라는 시간이 한계를 만들고있기 때문에 네트워크 상황따라 달라짐.

 

95.

워드프레스 Jetpack 설치. 기본 사용법.

	개요.
	본 글에서는 Jetpack 플러그인 설치, 기본설정법을 간략히 정리한다. Jetpack 은 wordpress.com 에서 만들어 배포하는 30여가지의 기능이 있는 플러그인이다. 젯팩에서 제공하는 각각의 기능 설명은 지원 사이트에서 확인한다.->  http://jetpack.me/

 

	1. 설치 - jetpack 플러그인.
	워드프레스 관리자 좌측메뉴 -> 플러그인 추가 -> Jetpack 으로 검색된 결과에서 아래 보이는 것이 설치할 대상이다. 지금설치하기 버튼 클릭하고 활성화한다. 설치하고 활성화 하면 아래화면처럼 wordpress.com 으로 연결시키라는 문구가 보인다. 연결하기 버튼 클릭한다. 아래 화면이 보인다. 아이디 비번 기록하여 Jetpack인증되어야 젯팩을 사용가능하다.
	끝. jetpack 설치.사용준비 완료.

 

	2. 기본 사용법.
	젯팩설치하면 워드프레스 관리자 좌측메뉴에 젯팩메뉴가 추가된다. 옴니서치와 사이트 통계는 기본활성화 된 상태로 되어있다. 젯팩은 30여가지의 기능이 있고 기능들을  활성화/비활성화/세부설정 하려면 아래 메뉴에서 설정을 클릭한다. jetpack 모든 기능 비활성화 하기. 젯팩이 초기 설치되면 여러가지 기능들이 활성화 되어있어서, 오히려 헷갈린다.일단 전체기능들 비활성화 시켜두고,  하나하나 활성화 시켜보면서 필요한 기능만 골라서 사용하는 것이 좋다. 젯팩 설정부에서 아래 붉은 박스에서처럼 전체 선택하고 비활성화 선택하고 적용 버튼 클릭하면 전체 기능 비활성화 된다. 각 기능별로 활성화 비활성화 가능하며, 해당 기능 이름 영역에 마우스를 가져가면 오른쪽 편에 활성화 버튼이 보인다. 각 기능의 간단한 설명을 보려면 기능의 명칭을 클릭하면 볼 수 있다. 젯팩의 모든 기능을 한번에 이해하기 불가능하다 각각의기능마다 제조사에서 제공하는 설명문을 참고하여 정보 습득한다.   http://jetpack.me/

 

92.

워드프레스에서 무료 CDN 활용(Jetpack 의 Photon, 구글드라이브를 CDN으로 이용하는 플러그인)

	워드프레스에서 CDN 활용한다 함은 무슨 의미?
	CDN(Contents Delivery Network)은 이지미, 동영상 등의 파일을 임시 저장 서버에 올렸다가, 필요시 (웹에서 이미지 보이기등) 해당 내용을 제공해주는 네트워크를 말한다. 워드프레스에서 CDN을 이용하게되면, 워드프레스로 구축된 사이트에서 보이는 이미지들이 워드프레스가 설치된 서버에 저장되지 않고 CDN 저장소로 저장되고 사이트에서 이미지가 보일 때도 워드프레스 웹서버에서 제공하는 것이 아닌 CDN을 통하여 보이게된다. 결론적으로 이미지를 저장하는 공간 및 트래픽을 모두 외부서버를 이용하는 것이다. 외부서버에 이미지 저장하고 웹에서 서비스 하는것은 클라우드 드라이브로도 가능하나, 워드프레스에서 제작된 사이트에서 사용되는 이미지들을 웹서버에 저장하지 않고, 외부서버에 저장되게 하는 방법 중에는 구글드라이브등을 이용하는 방법도 있으나(구글드라이브를 이미지 호스팅용도로 사용하기 정리글 -> http://igotit.tistory.com/55 ), 아래와 같은 단점들이 있다. 단점1. 구글드라이브 등에 올려진 외부URL 이미지는 특성이미지(썸네일이미지)로 보이지 못한다.  이 문제를 해결하기 위해서는 별도로 특성이미지만 워드프레스 미디어에 업로드 하든지, 플러그인등을 이용하여 외부URL이미지를 특성이미지로 지정하게 하는 등의 방법은 있다. 비교 : CDN 이용한 경우에는 특성이미지도 정상적으로 표현되며 별도의 처리작업 할것 없다. 단점2. 이미지 담당자의 업무부하 증가 및 숙련도를 요구한다. 워드프레스로 직접 이지지 업로드하고 처리하는 방법은 단순하게 처리되는 반면 외부URL로 이미지를 처리하는 과정은 상대적으로 업무 부하를 증가시킨다. 그 와중에 특성이미지는 별도로 워드프레서로 업로드해서 처리하든지 하는 처리까지 겹치면 지속가능한 단순 명료한 업무절차를 구축함에 방해가 된다. 무료 CDN이용하면 웹호스팅비용 절감가능. 결론적으로 웹호스팅에 있어서, 이미지들의 저장소와 트래픽을 CDN을 통하여 분산시킬 수 있다. CDN을 무료로 이용할 수 있다면 웹호스팅 비용  절감가능하다. 워드프레스CDN도입해도 이미지 업로드 등의 처리방식은 동일함. . CDN을 도입해도 이미지 처리 작업 담당자의 이미지 처리사항은 워드프레스 기본 사용법대로 이미지를 미디어에 올리면된다. 사용자 개입없이 CDN은 자동으로 이미지를 외부서버로 저장하며 웹사이트에서 이미지가 보일 때도 그 서버에 있는 이미지를 보이게 된다.

 

	워드프레스에서 도입 가능 무료 CDN 솔루션 2종.
	워드프레스에서 무료로 도입가능한 CDN  2종이 보인다. 1. Jetpack 플러그인 패키지에 포함되어있는 Photon - Jetpack 은 30여가지의 기능이 기능이 있는 플러그인이며, wordpress.com 에 회원가입해야 정상사용가능하다. Jetpack 의  기능들 중에 Photon 이라는 것이 있는데, 포톤은 워드프레스에서 CDN을 무료로 사용가능하게 해준다. 이미지 저장공간 및 제공은 wordpress.com cloud를 이용하는것이다. 포폰서비스 설명사이트 : http://jetpack.me/support/photon/ 기능요점 : 워드프레스의 포스트와 페이지 내의 이미지와 특성이미지 들을 자동으로 CDN처리한다. 무료다. 용량 제한 없는 듯. 제한사항들. - png,gif, jpg 이미지만 가능. - photon 은 이미지를 리사이징 처리를 하여 이미지를 보이게 한다.  리사이징이란 우리가 포스트에 이미지를 표현할 때 html의 width, height 로 표현한다. 우리가 글 작성하면서 큰 이미지 width 1024 를 초기에 업로드해서 문서에 표현시width=600 으로 했다면, 포톤은 이 이미지 원본이 1024여도 width-600 이미지로 축소시킨다는 의미인듯함. - 워드프레스에서 포톤으로 이미지 업로드 시간이 10초를 초과하면 업로드 실패하고 사이트에서보이는 이미지에는 엑박 뜬다. 이런경우이름을 달리하여 파일용량 줄여서 올려야한다. <- 포톤의 서비스 제한사항 보다 보면 다소 짜증난다. 이런 제한사항이 어떤 문제를 야기 할지는 실제 설치하고 경험해봐야 정확히 알 수 있을 것이다. 2. 구글드라이브를 CDN으로 이용 하는 플러그인 - 워드프레스에 플러그인을 설치하여 저장소를 구글드라이브로 한 CDN 솔루션이 가능하다. 초기비용으로 플러그인 유료(14달러)지만 구글드라이브는 15G바이트까지는 무료, 트래픽 사용료 무료인 장점이 있다. 플러그인 명칭 : Google Drive As WordPress CDN Plugin ->http://codecanyon.net/item/google-drive-as-wordpress-cdn-plugin/ 구글측 저장소의 안정성, 신뢰도와 화끈한 무료 정책 때문에 심적으로는 이쪽으로 쏠린다. 이미지 로딩 속도. CDN을 이용한 경우 포톤이든 구글드라이브든 한국에서 보이는 이미지 로딩속도는 빠르지는 않음.

 

93.

매일 정해진 시간에 컴퓨터 자동 종료 시키기 - 윈도우 기본 프로그램으로 간단히 구현.

윈도우 운영체제에서 기본 제공되는 프로그램인 shutdown.exe 와 작업스케줄러 2개의 프로그램을 이용하여,  매일 지정한 시간이 되면 컴퓨터가 자동으로 종료되게 할 수 있다.



방법요약

작업스케줄러 실행하여 새로운 작업을 등록하면서, 작업의 실행할 프로그램에 shutdown.exe /s 가 실행되게 함.





상세과정. 



시작 -> 보조프로그램 -> 시스템도구 에 작업스케줄러 클릭하여 실행. (아래는 실행 첫 화면이다.)

위 그림에서 오른쪽 "기본 작업 만들기..." 클릭하면, 마법사 실행된다.(아래 그림) 작업이름에 PC자동종료, 설명에 임의로 기록하고 다음 버튼 클릭.

등록할 작업이 실행될 주기를 결정한다. 우리는 매일 지정된 시간에 실행되기를 원하므로 매일 선택하고 다음 클릭.(아래 그림)

 

우리가 등록할 작업이 실행될 시간을 지정한다. 밤 11시 30분으로 했다. 시작일자는 손댈거 없다. 다음 클릭. (아래그림)





어떤 작업을 시킬지 지정한다. 우리는 프로그램을 시작시키려는 것이므로 프로그램 시작 선택하고 다음 클릭. (아래그림)

(아래그림)우리가 실행시킬 프로그램은 윈도우에서 기본제공되고 있는 shutdown 이라는 프로그램이다. 인수에 /s 가 컴퓨터를 종료시키는 처리다.
즉, 우리가 등록한 작업은 항상 정해진 시간에 작동되는 그때 shuddown 을 실행하면서 인수로 /s 가 전달되면서 실행된다.

위 그림에서 다음 클릭하고 마침 클릭하면 끝.

(아래그림)우리가 등록한 작업을 확인하려면서 프로그램에서 왼쪽에 보이는 " 작업 스케줄러 라이브러리" 클릭하면 화면에 현재 작업스케줄러에 등록된 모든 작업들을 볼 수 있다. 우리가 등록한 PC자동종료도 보인다.

이제 "작업스케줄러"를 닫기 한다. 작업스케줄러 프로그램이 실행되어있지 않아도, 여기에 등록된 작업은 항상 지정된 시간에 작동한다.
우리가 등록한대로 매일 밤 11시 30분이 되면 자동으로 컴퓨터가 종료된다.
 

 

90.

워드프레스 멀티사이트 만들기. 여러 사이트를 1개의 워드프레스로 구축하는 방법

	개요- 워드프레스 멀티사이트
	본 글에서는 워드프레스 멀티사이트 구축하는 방법을 정리한다. 멀티사이트의 홈으로 접속하는 주소는 서브디렉토리 방식을 예로 든다. 멀티사이트 구축하는 과정은 아래와 같이 총6 단계로 이뤄지며, 각각의 단계에서 설정방법을 완전하게 설명하고 있다. 단계1. wp-config.php 파일 수정하기. 단계2. 결정하기 멀티사이트 접근주소 결정하기. 단계3. 서브디렉토리 설정하기.(앞의 단계2에서 서브디렉토리를 사이트 접속주소로 결정했기 때문에 서브디렉토리 설정함.) 단계4. 새로운 사이트 만들고 서브디렉토리 주소로 접근하면 웹에서 보이게 하기. 단계5. 새로운 사이트의 테마 변경해보기. 단계6. 멀티사이트 설정 과정에서 기본사이트의 자동 부착된 보기싫은 /blog 제거하기. 이해하기 - 워드프레스 멀티사이트 개념. 워드프레스 멀티사이트란 서버에 설치된 워드프레스 1개로 여러 개의 다른 사이트를 만들 수 있게 하는 것. 여러 개의 다른 사이트로 방문자가 접속하는 주소의 차이에 따라 아래 3가지 경우가 있다. 아래 모든 경우에 있어서, 사이트별로 워드프레스를 설치하지 않고, 단 1개의 워드프레스만 설치된 상태에서 여러 개의 사이트를 만든다. 1. 서브디렉토리(sub-directory) 로 여러 개의 사이트가 만들어지는 경우.  각각의 사이트에 접근하는 주소가 도메인명은 동일하고 디렉토리별로 다르게 되는 경우다. 예 : 언어(중국어,영어, 일본어라 치자) 마다  사이트를 별도로 만들기로 하고, 각 언어별 사이트를 http://igotit.kr/cn http://igotit.kr/en  http://igotit.kr/jp 와 같이 서브티렉토리 주소에서 해당 사이트가 보이도록 만드는 경우. 2. 서브도메인(sub-domain) 별로 여러 개의 사이트가 만들어지는 경우. 각각의 사이트에 접근하는 주소가 도메인명 앞에 서브도메인이름을 할당된 경우이다. 예 : 언어(중국어,영어, 일본어라 치자) 마다 사이트를 별도로 만들기로 하고, 각 언어별 사이트를 http://cn.igotit.kr, http://en.igotit.kr, http://jp.igotit.kr  와 같이 서브도메인 주소에서 각 사이트가 보이도록 만드는 경우. 3. 도메인 별로 여러 개의 사이트가 만들어지는 경우. 이런 경우 보통은 각 도메인 마다 워드프레스를 설치하나,이 경우에도 1개의 서버에 설치된 워드프레스로 각 도메인별로 보이는 사이트를 1개의 워드프레스로 모두 만들 수 있다. 예 : 언어(중국어,영어, 일본어라 치자) 마다 사이트를 별도로 만들기로 하고, 각 언어별 사이트를 http://igotit.cn , http://igotit.com, http://igotit.co.jp  와 같이 "도메인" 주소로 각 사이트가 보이도록 만드는 경우. 멀티사이트 구축시 장점. - 각각의 사이트별로 회원정보를 통합관리가능. - 사이트가 여러 개 여도 관리될 워드프레스는 1개다. 단일화된 관리창구. - 1개의 워드프레스로 구축된 여러 개 사이트들간의 정보는 서로 공유가능하다.  멀티사이트 구축시 단점. - 1개 워드프레스로 여러 개의 사이트를 만들고 운영하는 것이므로, 관리상 복잡성이 발생한다.

 

	단계1. wp-config.php 수정하기.
	기본설치된 워드프레스 관리자의 메뉴에는 멀티사이트 설정하는 메뉴가 없다.이 메뉴를 보이게 하는 처리는 우리가 직접 해줘야 보인다. 메뉴이름은 "Network Seup" (네트워크 설치)이며 Tools(도규) 메뉴의 서브메뉴로 보이게 된다.  멀티사이트 설정이 이 메뉴 속에서 가능해진다. "Network Seup" 메뉴를 워드프레스 관리자에 보이게 하는 방법은 wp-config.php 파일내에 define('WP_ALLOW_MULTISITE', true); 을 추가하는 것으로 간단히 달성된다. codex에서의 설명 : http://codex.wordpress.org/Create_A_Network#Step_2:_Allow_Multisite 1. wp-config.php 파일 위치. 워드프레스 설치된 폴더루트(카페24인 경우는 wp 라는 폴더가 워드프레스 설치 폴더임.)에 있다. 아래그림의 붉은박스. 2. wp-config.php 내용에 define('WP_ALLOW_MULTISITE',true); 추가한다. wp-config.php 을 열어서, define('WP_ALLOW_MULTISITE',true); 를 기록한다.(아래그림 붉은박스). 기록위치는 wp-config.php 의 하단에 아래 그림의 파란색 줄에서 보이는 /* That's all ..*/ 구문 바로 위에 기록하면 된다. 3. 워드프레스 관리사이트에 "네트워크 설치" 추가된것 확인하기. 앞의 2에서 wp-config.php 파일에 코드 추가되어 저장하고 나서, 워드프레스 관리자를 열어보면 "네트워크 설치" 라는 메뉴가 보이게 된다(아래 그림 붉은박스). 이 메뉴를 클릭했을때 보이는 오른쪽 화면은 "워드프레스 사이트의 네트워크 생성" 이라는 제목이고 그 밑에 경고 표시가 보이는데 멀티사이트의 네트웍크 설정을 하려면 플러그인들을 비활성하고 설정하라는 말이다. 참고. 현재 사이트가 운영중인 상태에서 멀티사이트 설정하려면 플러그인을 비활성화 해야가능해지므로 서비스가 잠시 중단될것임을 고려해야한다. 운영중인 사이트 첫페이지에 "유지보수 중입니다" 문구라도 걸고 셋팅해야한다. 워드프레스에서 활성화 되어있는 모든 플러그인을 비활성화 해야 네트워크 설치 화면이 아래 처럼 설정이 가능한 상태가 된다. 이제 위 네트워크 설치 화면에서 어떻게 설정해야할지를 아래 단계2 이후 에서 상세히 설명한다.
	끝 - 멀티사이트 관리를 위한 워드프레스 관리자에서 "네트워크 설치" 메뉴 보이게 하기.

 

	단계2. 결정하기- 멀티사이트 접근 주소를 무엇으로 ?
	앞의 단계1의 마지막 그림을 보면 워드프레스에서는 여러개의 사이트에 접속하는 주소가 서브도메인 혹은 서브디렉토리 2개 중 하나만 지정가능하다.(서브도메인, 서브디렉토리 개념은 앞의 개요 부분에서 개념정리했었다. ) 서브도메인 과 서브디렉토리 모두를 지원해주진 않는다. 따라서, 우리는 멀티사이트를 서브도메인에서 운영할지 서브티렉토리에서 운영할지 초기에 결정해야한다. 우리의 선택은 아래 3개 중의 하나만 가능하다. 1개의 워드프레스로 구축할 여러 개의 사이트를 만들고 운영함에 있어서,  1. 서브디렉토리별로 사이트 만들기. 2. 서브도메인별로 사이트 만들기.(참고: DNS설정에서 서브도메인을 만들어 둬야함) 3. 도메인 별로 사이트 만들기.  (참고: 위 워드프레스 설정에 보면 도메인별로 사이트 만들기는 선택할 수 있는 것이 보이지 않는다. 즉 도메인 별로 사이트 만들기는 워드프레스에서의 설정은 서브디렉토리나 서브도메인 방식으로 여러 사이트를 생성해두고, 아래 2가지의 처리를 해주면된다.  추가처리 (1) 워드프레스에 도메인맵핑기능의 플러그인을 설치하여 도메인이 멀티 사이트중의 어느 하나로 연결되게한다. 플러그인 정보 : WordPress MU Domain Mapping -> http://wordpress.org/extend/plugins/wordpress-mu-domain-mapping/)셋팅 방법 상세 설명 -> http://ottopress.com/2010/wordpress-3-0-multisite-domain-mapping-tutorial/ 추가처리 (2) 연결시킬 도메인측  DNS설정하여 워드프레스가 있는 서버로 접속되게 한다.  선택기준은 상황마다 다르다. 본인의 요구사항이 위 3가지 중에 어떤 상황으로 서비스 할지 결정해야한다. 본 글에서 위 3가지 상황 중 1번 서브디렉토리 별로 사이트 만드는 것에 대해서 이후에 정리한다. 서브도메인이라고 해서 크게 다른것은 없다. 단, 워드프레스에서의 설정외에 자신의 도메인 관리 DNS에 서브도메인을 설정하는 처리를 추가해줘야한다.

 

	단계3. 서브디렉토리 설정법.
	앞의 단계2에서 결정 결과 자신이 운영할 멀티사이트를 서브디렉토리로 접근가능하게 하는 경우 워드프레스에서 어떻게 설정하는지 정리한다. 본 단계의 설정 과정의 결과물은 워드프레스 관리자에 서브디렉토리형식으로 멀티사이트를 운영하기 위한 메뉴가 관리자 사이트에 추가되는것까지다. "멀티사이트를 서브디렉토리로 접근한다" 의 의미, 예 : 언어(중국어,영어, 일본어라 치자) 마다  사이트를 별도로 만들었는데, 방문자들이 각 언어별 사이트를 http://igotit.kr/cn http://igotit.kr/en  http://igotit.kr/jp 와 같이 도메인명은 동일하고 도메인명 이후 부분의 이름을 달리하여 해당 사이트의 홈에 접근되게 한다. 1. 워드프레스 "네트워크설치" 에서 서브디렉토리 선택하고 설치 한다. 아래 그림처럼 "네크워크내의 사이트들의 주소"에서의 선택은 서브디렉토리를 선택한다. 그 아래 네트워크 제목에는 사이트들 여러 개를 지칭하는 명칭을 기록하면 되는데, 본 예에서는 igotit multi-sites subdir 라고 기록했다(서브디렉토리에서 만들어진 사이트들의 네트워크라는 의미).그 아래 이메일은 적당히 기록, 설치 버튼 클릭한다. 위에서 설치버튼 클릭하고 나면 보이는 화면이다. 추가의 설정 2종을 직접 처리하라는 설명이다. (위 이미지 클릭하면 큰 화면 보임) 처리사항1. wp-config.php 파일에 파란색 박스속에 있는 내용을 복사해넣어라. 처리사항2. .htaccess 파일에 파일에 파란색 박스속에 있는 내용을 복사해 넣어라. 위 2가지 처리사항을 완료하고 관리자 화면에 다시 로그인해라.   처리사항1과 처리사항2의 지시대로 수행하고(위 그림에 있는 설명대로하면됨), 처리사항2 상세. 처리사항 1은 명확히 wp-config.php 파일내의 어디에 배치하라는 설명이 있고 혼선의 여지가 업는데, 처리사항 2에서는 .htaccess 파일의 어느 부분에 추가하라는지 설명이 없다. 또한, 위 복사해야할 내용은 이미 기존의 .htaccess 파일에서 설정되는 항목들과 중복되고 있는 설정들이다. 따라서, 기존에 있는 상태에서 추가 하면 안된다. 기존에 있던것 제거하고 위 내용을 복사한다. 그 위치는 아래 그림과 같이 <IfModule ...>  와 </IfModule> 사이에 배치하면된다. 기존에 있던 것을 남겨둔 상태로 그 아래에 부분에 추가하면 워드프레스 관리사이트에서 멀티사이트 설정 부분이 정상 동작하지 않는다. 주요팁. htaccess 파일 저장시 문자인코딩 주의. .htaccess 파일저장시 인코딩을 ANSI 로 해야함. 사유 -> http://igotit.tistory.com/89 다시 워드프레스 관리자로 로그인 했을때 보이는 모습이 아래 그림이다.  변경된 부분은 최상단에 "내사이트" 라는 새로운 메뉴가 생겼다는 점이다. 서브메뉴로 네트워크 관리자가 있고, 새롭게 추가된 메뉴에서 멀티사이트를 추가하는 등의 처리가 이뤄진다.  본 단계에서는 우리가 만들 멀티 사이트들을 추가하고 삭제할 수 있는 메뉴를 워드프레스 관리사이트에 보이게 한것이다. 이후 단계에서는 실제 새로운 사이트를 하나 만들고 이 사이트가 서브디렉토리 주소로 접근하면 보이게 하는 처리에 대한 설명을 진행한다.
	끝. - 멀티사이트를 서브디렉토리 URL 로 접근가능하게 기본 설정하여, 멀티사이트를 추가하고 제거하기를 가능하게 하는 메뉴를 워드프레스 관리 사이트에 추가하는 과정까지 끝.

	단계4. 새로운 사이트 만들고 서브디렉토리로 접근하면 보이게 하기
	본 단계에서는 워드프레스에서 새로운 사이트를 하나 만들고. 또한 이 사이트에 접근하는 주소는 임의로 http://igotit.kr/theme-skeleton/ 라는 주소로 접근하면 보이도록 한다. 필요한 만큼 서브디렉토리는 임의로 만들면된다. 본 글의 예로 사용되는 http://igotit.kr/theme-skeleton/ 의 예에서는 기본 사이트 접속주소 http://igotit.kr  에서 보이는 사이트와는 전혀 다른 테마(시험 제작중인 테마인 skeleton 테마 -> http://igotit.tistory.com/85  )를 적용할 목적으로 만들어진 사이트이다. 즉 전혀 다른 2개의 사이트가 1개의 워드프레스에서 동시에 핸들링 가능하게 만든다. 이와 같은 식으로 필요한 개별적인 사이트들을 임의의 디렉토리명으로 서비스 가능하게 해준다. 1. 신규 사이트 추가하기. 워드프레스 관리 최상단 내사이트 하위 네트워크 관리자 클릭한다.(아래 그림) 그럼 좌측메뉴가 변경되면서 "사이트" 라는 메뉴가 보인다. 이 메뉴의 하위 "새로추가" 를 클릭한다.(아래 그림) 그럼 오른쪽화면에 "새로운 사이트 추가" 라는 화면이 보인다. (아래 그림) 이곳에서 붉은색 박스부분을 기록한다. 사이트 주소 : 웹에서 접근할 주소의 도메인 뒷부분 이름을 기록한다. 본 예에서는 theme-skeleton 이다. 사이트 제목 : 브라우저에서 볼때 브라우저 상단에 보이는 이름이다. 임의로 해당 사이트의 한줄정의를 기록한다. 관리자메일 : 새롭게 만드는 본 사이트의 관리자를 별도로 생성할 때는  해당 담당자의 메일을 기록하면된다. 그 메일 주소가 워드프레스 데이터 베이스에 없다면 새롭게 사용자가 생성된다. 본 예에서는 새로운 사용자를 추가할 일이 없어서 기본 사이트의 관리자와 동일한 이메일 주소를 기록했다. 모두 기록하고, 사이트 추가 버튼 클릭한다. 이제 새로운 사이트가 만들어졌다. 메뉴의 "모든 사이트"를 클릭하면 현재 만들어진 사이트 들을 볼 수 있다.(아래 그림 붉은박스) 추가로 사이트를 추가하려면 아래 그림의 "새로추가" 를 클릭하여 동일한 방법으로 등록하면된다. 이 상태에서 새로운 사이트를 보기 위한 주소인 http://igotit.kr/theme-skeleton 을 보면 아래와 같이 정상적으로 보인다.우리가 테마를 아직 설정하지 않았기 때문에 기본테마가 적용 되어 보이게 된다.
	끝 - 새로운 사이트 만들고, 서브디렉토리 주소로 접근하여 보이게 하기

 

	단계5. 새로만든 사이트 테마 변경해보기.
	새로운 사이트를 만들었으면, 새로 만들어진 사이트의 테마를 지정하고, 새글 작성, 플러그인등을 지정하기 위해서는 새로 만들어진 사이트 전용의 관리자 화면에서 이뤄진다. 사이트마다 관리자 화면이 개별적으로 주어진다. 아래 그림의 최상단 "내 사이트" 의 하위 메뉴에 사이트들 리스트가 보이게 되는데 이 중 설정하고자 하는 사이트를 클릭하면 해당 사이트 편집화면으로 변경된다. 새로만든 Skeleton 사이트를 선택해보자. igotit 은 워드프레스 설치하고 멀티사이트 구축하기전에 만들어둔 기본 사이트이다. 아래그림- 우리가 새로 만든 Skeleton 사이트의 전용 관리자 화면이다. 상단 붉은 박스에 사이트 이름이 보인다. 좌측메뉴는 모두 Skeleton 사이트 전용이다. 새로 만들어진 사이트의 테마는 기본테마가 자동으로 설정 되어있다. 새로만든 사이트의 테마를 가보면 기본테마만 1개만 보인다. 기본테마에서 만들어 뒀던 테마를 새로만든 사이트에서 사용하기 위해서는 아래처럼 새로만들어진 사이트에서도 해당 테마를 사용하겠다는 설정을 해야한다. 이를 위해서는 상단의 "내사이트" 하위 "네트워크 관리자" 를 클릭하여 네트워크 관리자 화면(아래 그림이 네크워크 관리자 화면이다) 으로 가서 좌측메뉴의 "설치된 테마"를 클릭하여 보이는 오른쪽 테마 리스트에서 새로만든 사이트에서 사용할 테마의 "네트웍크 활성" 을 클릭해줘야한다. 아래 그림에선 igotit_skeleton이라는 테마를 새로운 사이트에서 사용하기 위하여 붉은 박스의 네트워크 활성을 클릭하는 경우다.   앞에서 처럼 "네트워크 관리자" 화면에서 네트워크 활성화 한 테마는 새로만든 사이트 관리자 화면(아래그림) 의 테마 보기를 보면 해당 테마가 들어와 있음을 알 수있다(아래그림의 푸른색박스). 위 igotit skeleton 테마를 활성화하고 웹에서 보이는 모습을 보면 아래 처럼 정상 적용되었음을 알 수 있다. 참고 : 본 테마 igotit skeleton 는 시험용으로 만들어보는 테마라서 (테마 골격만 만들기 상세설명->http://igotit.tistory.com/85  ) 위 그림에서 보이는 것처럼 이 별 디자인이니 기능도 없는 상태다.
	끝.- 새로 만든 사이트의 테마변경해보기

 

	단계6. 기본사이트 고유주소 베이스에 자동부착된 /blog 제거하기.
	워드프레스로 멀티사이트를 설정하면 기본사이트의 고유주소에 /blog 를 붙여두고 고유주소 방식도 물어보지도 않고 지마음대로 변경한다. 예를들면, 기본사이트의 고유주소 체계의 베이스 주소가 멀티사이트 설정전에는  http://igotit.kr/  였다면 멀티사이트 설정하고 나면 http://igotit.kr/blog/ 로 변경해버린다. 기존에 작성했던 글이 없다면 그냥 이렇게 사용해도 되겠지만 기존에 작성된 글이 많다면 원래의 고유주소 베이스로 변경해야한다.  기본주소 베이스에서 /blog 제거하여 원래대로 만드는 방법.  아래 1, 2번과정을 반복하다보면 /blog 가 제거된다. 1. 워드프레스 관리자 기본사이트 용의 메뉴에서 고유주소를 "기본" 으로 선택하여 변경사항저장함. 2. 워드프레스 관리자 "네트워크 관리자" -> 사이트 -> 기본 사이트 선택하여 -> 설정탭 클릭하여 내려보면 permalink 가 있는데 이 주소 부분에 /blog는 없이 원래의 기본 사이트에서 사용하고 있었던 베이스 주소 뒷단의 고유주소 형식(예 : /%category%/%postname% 등)기록하고 저장. 1과 2를 처음 한번만 수행했을 때는 깔끔하게 /blog 가 사라지질 않았다. 1과 2를 5~6번 반복 하다보면 브라우저 주소창에서도 사라지고, 포스트 편집창에서 보이는 고유주소 부분에서도  /blog 가 사라진다.

 

	결론.
	본 글에서는 멀티사이트의 개념과 워드프레스1개로 여러 개의 사이트를 만들고 운영하기 위한 설정방법을 상세히 정리하였다. 멀티사이트의 홈에 접속하는 주소를 서브디렉토리인 경우를 예로 하여  설정법을 상세히 설명하였고, 새로 만들어진 사이트에 새로운 테마를 적용하는 방법도 정리했다. 테마 설정하는 것외에는 워드프레스의 기본 사용법과 동일하다. 각각의 사이트별로 관리자 화면이 별도로 할당 되어 있어 멀티사이트 를 쉽게 만들수 있고, 관리도 편리하다.

 

88.

htaccess,인코딩, ANSI,UTF-8,유니코드, Internal Server Error

문제 상황



카페24에서 아파치,php 환경에서 호스팅 상황에서, .htaccess 파일을 윈도우 메모장에서 저장할 때 유니코드나 UTH-8 인코딩 형식으로 저장한 것을 웹서버에 업로드 하면, 브라우저로  접속시 아래 처럼 Internal Server Error 를 보임.

해결책.



.htsccess 파일을 저장할 때 ANSI 로 저장해서 웹서버로 파일업로드하면 위 에러 없이 정상적인 웹사이트 보이게됨.



필수 참고 :

1. php 파일은 UTF-8 로 문자인코딩 선택하여 저장해서 업로드 해야 정상 작동함.

2. 메모장에서 문자인코딩 선택하여 저장하는법 -> http://igotit.tistory.com/84



89.

워드프레스 플러그인 만들기 시작점.

	개요
	본 글에서 워드프레스의 플러그인을 직접 만드는 시작점을 다룬다. 직접 플러그인을 만드는 과정의 기초 중의 기초. 자신이 만든 플러그인을 워드프레스에 설치하기 위해서는 php 코드 파일1개만 있으면 되며, 앞부분의 주석내에 양식에 맞게 내용기록하기만 하면된다. 플러그인 의 옵션파일로 Readme.txt 가 있는데, 플러그인 설치했을때 플러그인의 설명문에 보이는 내용이 기록된다. 본 글에서는 필수 php 파일1개와 readme.txt 파일1개 단 2개의 파일만 이용하여 플러그인을 직접 만들고 워드프레스에 설치하는 과정까지 보인다. php 파일의 내용에는 php 코드도 없다. 코드 작성은 별도의 글에서 다룬다. 본글의 모든 내용은 codex 에서 제공하는 것을 기반으로 한다. -> http://codex.wordpress.org/Writing_a_Plugin

 

	단계1. php파일과 readme.txt 파일 준비.
	php 파일 준비. 우리가 만들 플러그인의 php 파일명을 임의로 정한다. 본 예에서는 igotit-entity.php 라고 정한다. 편집기는 메모장으로 해도 된다. 단, 메모장에서 저장할때 인코딩을 urf-8 로 한다. 방법보기 -> http://igotit.tistory.com/84 워드프레스에서 플러그인으로 인식되기 위해서는 php 파일 앞부분에 주석으로 처리된 내용이 있으면 된다. codex에서 설명하는 플러그인 파일 헤더의 요구사항. -> http://codex.wordpress.org/Writing_a_Plugin#File_Headers 위 주소에서 제공하는 내용을 그대로 복사하여, igotit-entity.php 에 복사하고 적당히 수정한 내용이 아래다.  <?php /**  * Plugin Name: igotit entity  * Plugin URI: http://igotit.kr  * Description: entity handling  * Version: 1.0  * Author: igotit  * Author URI: http://igotit.kr  * License: A "Slug" license name e.g. GPL2  */ readme.txt 파일준비. readme,txt파일내용을 임의로 기록한다. 플러그인의 설명문 이면 된다. this is readme for igotit-entity plugin. Have a nice day.   2개 파일 압축하기. igotit-entity.php 와 readme.tx 를 압축하여 igotit-entity.zip 으로  만들어둔다. 이 파일을 워드프레스 플러그인 설치할 때 사용하게된다.- 아래 단계2.

 

	단계2. 워드프레스에서  만든 플러그인 설치.
	워드프레스 관리자 메뉴에서 -> 플러그인 -> 플러그인 추가하기 클릭 -> 플러그인 업로드 클릭 하여  찾아보기 버튼 클릭하여 앞의 단계1에서 만든  igotit-entity.zip  을 선택하고, 지금 설치하기 버튼 클릭하면 설치 성공했다는 화면 보인다.( 아래 그림.)
	끝 - 플러그인 설치.

 

	설치된 플러그인 둘러보기.
	우리가 만든 플러그인이 워드프레스 내에서 인식된 상태가 어떻게 보이는지 둘러보자. 설치된 플러그인 아래 그림의 붉은 박스부분에 우리가 만든 플러그인이 잘 들어와 있다. 활성화 누르면 활성화 된것으로 처리된다. (현재 코드는 추가한것이 없으므로 아무 기능은 없음. ) 플러그인 편집기에서 보이는 모습. 우리가 만든 2개의 파일이 오른쪽에 보이고 있다. 플러그인 폴더보기. 서버에서 플러그인이 설치되는 장소는 wp-content/plugins/ 폴더에 생성된다.(아래그림)

 

	정리, 이후 작업.
	정리. 워드프레스에 플러그인을 인식시키기 위해서는 php 파일1개만 준비해도 되며 파일의 앞부분에 지정된 양식을 기록하기만 하여 zip 파일로 압축하여 워드프레스 플러그인 설치하기로 간단히 워드프레스내에서 플러그인으로 인식된다. 이후 작업. php 파일에 원하는 기능을 코딩한다.

 

87.

워드프레스 테마 만들기 시작점. style.css, index.php

	개요
	본 글은 워드프레스 테마를 단 2개의 파일(style.css, index.php) 로 직접 만드는 과정을 정리한다. 테마만들기 가장 기초 중의 기초에 해당한다. 테마를 직접 만들어 보는 목적은 워드프레스 체계의 골격을 명확히 이해하기 위함이다. 워드프레스 설치 후 기본제공 되는 테마 폴더를 열어보면 간단한 테마 임에도 파일들이 많아서 코드 분석 목적에서는 도움이 안된다. 테마를 직접 만드는 과정을 진행하면서 처음 부터 수십 개의 파일로 시작하지 않는다. 테마로 인식되기 위한 최소한의 상태에서 시작하여, 워드프레스의 동작을 살펴보고, 이후 점진적으로 코드들을 추가하면서 복잡한 요소까지 살펴볼 목적이다. 그 첫번 째 작업으로, 파일2개 만으로 우리의 테마를 만들어서 압축파일로 만들어서, 워드프레스에서 설치하여 테마를 선택가능하게 해두는 것까지 진행한다. 즉, 워드프레스에서 우리가 직접 만든 테마가 인식되게 하고 활성화 시켜서 시험해보는 과정까지를 정리한다.   참조정보. 본 글의 모든 정보는 모두 워드프레스 codex http:/codex.wordpress.org/  에서 설명하는 것을 기반으로 한다. codex 에서 설명하는 테마만들기 정보 보기 -> http://codex.wordpress.org/Theme_Development

	단계1. 워드프레스에서 테마로 인식되기 위한 최소 파일 2개 준비
	codex 에서 설명하는 테마의 필수파일 2개에 대한 설명글 -> http://codex.wordpress.org/Theme_Development#Basic_Templates 에 의함. 자신이 만든 테마가 워드프레스에서 테마로 인식되기 필수파일 2개. 은 style,css 와 index,php  2개 이다. 이 파일을 메모장 같은걸로 만들자. 참고: 파일을 메모장에서 저장할때 인코딩형식을 UTF-8 로 할 것. 메모장에서 인코딩선택방법 보기 -> http://igotit.tistory.com/84

 

 

	단계2. style.css 주석에 테마정보 작성.
	style.css 의 가장 앞부분에는 주석으로 테마정보를 기록하라고 되어있다. 이에 해당하는 codex의 설명 (http://codex.wordpress.org/Theme_Development#Theme_Stylesheet) 위 주조에서는 twenty thirteen 의 헤더부분을 보이고 있는데 이 내용을 자신의 style.css 에 복사하고, 자신이 만드는 테마에 관한 정보로 수정 기록하면된다. 본 글의 예에서는 아래 처럼 만들었다. 임의로 대충기록하면 된다. /* Theme Name: igotit skeleton Theme URI: http://igotit.kr/ Author: igotit Author URI: http://igotit.kr Description: Theme Skeleton Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: skeleton Text Domain: igotitskeleton */

	단계3. index.php 내용작성.
	index.php 에는 웹에 보이기 처리를 하는 코드를 넣어야 정상이나, 지금 시작하는 시점엔 이것 마저도 코드 전혀 기록하지 않는다. html 태그도 기록하지 않는다. 아래 처럼 간단히 text 를 일단 기록하자. 웹에서 보일 내용이다.  테마 만들기 시험중. 테마명 igotit Skeleton

 

	단계4. 워드프레스에 테마 설치하기.
	이제 설치를 위하여 style.css, index.php 2개 파일을 압축파일로 만든다.  파일명은 테마명으로 하자 igotitskeleton.zip 으로 하였다. 이제, 워드프레스 관리자에서 좌측메뉴에서 -> 테마 -> 새로추가 클릭 -> 테마 업로드 클릭 하여 우리가 만든 테마압축파일 igotitskeleton.zip 을 선택하고, 지금설치하기 버튼 클릭한다. 정상적으로 설치되면 아래와 같은 설치성공했다는 화면을 보게된다.
	끝. - 가장 최소화된 파일2개(style.css, index.php) 로 직접 만든테마를  워드프레스에 등록시킴.

 

	설치된 테마 관련 둘러보기.
	가장 최소화 된 상태로 등록했음에도 관리자에서 보이는 화면은 구색을 갖추고 있다. 워드프레스의 테마선택창에 직접만든 테마가 보인다. 아래 붉은 박스에 우리가 추가한 테마가 보인다. 옆의 Twenty Fourteen 테마처럼 그림은 안보인다. 우리가 등록하지 않았으니까. 당연하다. 테마상세보기. 우리가 만든 테마의 상세보기도 지원된다. 우리가 style.css의 주석부분에 기록한 사항이 일부 보이고 있음을 알 수 있다. 테마 실시간 미리보기. 우리가 만든 테마의 실시간 미리 보기도 된다. 화면에는 index.php 에 기록했던 내용이 그대로 출력되고 있다. 그리고 왼쪽에 보이는 테마관련 설정부가 다른 테마처럼 위젯같은거 안보인다. 당연하다. 우리가 만든 테마는 달랑 style.css와 index.php 로 된 간단한 것이다. 위 화면의 왼쪽의 정적인 전면페이지 부분을 펼쳐보면 첫페이지에 보이는 사항을 선택부분도 살아있다. 그러나, 페이지를 선택한다고 해도 현재의 우리테마에선 웹에서 보이지 않는다.  지금 만들어둔 index.php 가 내에 이런 처리를 수행하는 코드가 작성되지 않았기 때문이다. 서버의 폴더를 살펴보면, 설치하고나서, 워드프레스운영중인 서버의 폴더를 보면 아래와 같다. theme 폴더내에, igotitskeleton 폴더가 자동으로 생성되어있고,  그 속에는 우리가 만들었던 2개의 파일 style.css, index.php 가 들어와있다.     활성화 하고 웹에서 보이는 모습. 우리가 만든 테마를 활성화 하고 웹에서 보이는 모습을 보면, 아래와 같이 단촐하다. 지금 화면에 보이는 것은 index.php가 보이는 중이다. 우리가 index.php 에 기록했던 텍스트가 그대로 보인다.

 

	정리, 이후 작업.
	정리. 본 글에서는 워드프레스 테마를 직접 만들기에 있어서, 가장 단순화된 시작점으로써  style.css와 index.php 파일 2개만 준비해두고, 이를 압축 하여 워드프레스에 테마로 설치하고,  관리자 화면에서 어떻게 보이는지 살펴보고 웹에서 보이는 모습까지 확인했다. style.css에 기록한 내용은  워드프레스에서 테마로 인식시키기 위한 필수 기록사항인 주석처리로 표현된 테마 정보만을 기록했다. index.php 에 기록한 내용은 php 코드나 html 태그도 없이, text만 기록하였다. 이후 작업. index.php 부분 부터 코드 추가작업 하면서, 워드프레스로 방식으로 정상 작동하기 위한 가장 기본적인 사항만을 구현하면서 코드 골격 이해. css는 수정없이 계속 내버려둠. 여기서 만든 테마가 시험 적용중인 워드프레스 사이트 -> http://igotit.kr/theme-skeleton/

 

 

85.