Transcript wordpressbible - WordPress.com

How to install
?
WAMP설치(1)
해당 링크로 이동하면 다운로드가 시작된다.
2
1
해당 링크로 이동하면 C++2010SP1을 받을 수 있다.
먼저, wordpress가 구동할 수 있는 환경을 구축해 주어
야 한다.
WAMP는 PHP와 Apach 서버, MysQL, PHP를 한번에
설치 할 수 있어 유용하다.
WAMP설치(2)
Off-Line
On-Line
이제, 작업표시줄의 W모양의 아이콘을 확인해보도록 하자.
만약, 녹색이라면 정상 작동이지만, 주황색이라면 제대로 작동하지
않는 것이다.
(이 경우, 대게 80번 port를 누군가 사용하고 있다는 것임으로 부록 참조하여 해결토
록 하자)
이 아이콘은 위 그림과 같이 마우스 클릭에 따라 다른 메뉴를 보여
Wordpress설치(1)
이제, worpress만 설치하면되겠다.
http://ko.wordpress.org/ 에서 워드프레스 파일을 받아서 압축을
풀자.
그리고 이렇게 생성된 wordpress 폴더를 wamp가 설치된 폴더 아
래 www폴더에 넣어 준다.
Wordpress설치(2)
브라우저를 열고, 주소에 ‘localhost/wordpress’를 쓰고 이동해 보
자.
위와 같은 화면을 보게 될 것이다.
Wp-config가 없다니, ‘환경 설정 파일 만들기’를 눌러 만들어 보자.
Wordpress설치(3)
잠깐! 다음으로 넘어가기 전에 앞
서, 단 하나 준비되지 않은 것을
준비하러 가보자!
다음으로 넘어오니 이제 데이터베이스(이하 DB) 이름부터 이것저것
준비물이 필요하다고 하는데 하나씩 알아보자.
1. 데이터베이스 이름 : phpadmin에 가서 DB를 하나 생성하여 그 이름을 알려 달
라는 것.
2~3. 데이터베이스 사용자 이름 : DB연결을 위해 접근권한을 가진 사용자의 아이
디와 비번을 알려 달라는 것.
Wordpress설치(4)
1
2
자! 이제 준비는 끝났으니 다음으
로 넘어가자!
유일하게 준비되지 않은 첫 번째 문제를 해결하기 위해서 브라우저를
열어, localhost/phpmyadmin’로 가보자.
위와 같은 화면을 보게 될 것이다.
이 페이지는 mysql DB를 사용하기 위한 DBMS페이지이다.
여기서 DB를 새로 하나 생성하기 위해 Databases 탭을 선택(①번)하
고 ②번의 텍스트 상자에
Wordpress설치(5)
첫 번째 준비물인 데이터베이스 이름
root
※비밀번호를 지우고 빈칸으로 두자!
localhost
<- 이대로 두어도 된다.
이제 앞서 준비한 준비물들을 사용할 차례이다.
앞서 언급한 다섯 가지의 준비물들을 차례로 넣어준 뒤 전송해 주자.
Wordpress설치(6)
이 화면을
수 있다면,
준비물을
제대로 작성하는데
준비한 것이다.
바로없도
설치
또다시 볼
무엇인가를
작성하라고
나오는데,
별 어려움
를 실행하자..
록 설명이
잘 되어 있다.
중요한 것은 사용자 id와 비밀번호만 까먹지 않으면 된다는 사실이다.
자, 이로써 모든 준비는 끝이 났고, 이제 wordpress가 자동으로 DB와
Wordpress설치(7)
실제로 비어있던 DB도 무엇인가로 가득 차 있고, 브라우저를 활용
해 locahost/wordpressbible로 가보면
How to use
?
AdminPage 개요
앞으로 이 페이지에 들어오기 위해 기억해야 한다.
잘 보면 그렇게 어렵지 않다. Wordpress폴더에 wp-admin만 붙이면 된다.
이 버튼을 누르면 실제 페이지로 이동한다.
Post를 관리하는 메뉴이다.
업로드한 파일들을 미디어 파일들을 관리하는 메뉴이다.
Page를 관리하는 메뉴이다.
댓글을 관리하는 메뉴이다.
테마 및 메인 메뉴 등 사이트 전반의 디자인을 관리하는 부분이다.
플러그인을 설치/관리하는 메뉴이다.
사용자를 등록/관리 하는 메뉴이다.
거의 사용하지 않으리라 생각되지만, 사이트의 전체의 내용을 export/import할 수 있다.
사이트 전반의 설정을 지정 할 수 있는 메뉴이다.
이제부터 좌측 메뉴바를 순서대로 사용해서 사이트를 꾸며보도록
하자.
AdminPage 소개 – 새 글 쓰기(1)
먼저, 첫 번째 메뉴를 소개하기 전에 글쓰기에서 쓰는 글은 ‘post’이고,
3번째에 있는 페이지에서 작성하는 글은 ‘page’의 차이를 소개하면 다
음과 같다.
포스트(Dynamic) - 시간적의 역순으로 나열되는 블로그 형식의 글로
검색,
분류, 최근 글, tag, 카테고리 별 저장이 가능하다. 항상 카테고리 별로
표시.
일반적으로 뉴스나 블로그에 사용된다.
페이지(Static) - 독립적으로 나타나는 웹페지의 형식의 글로 포스트와
AdminPage 소개 – 새 글 쓰기(2)
현재 페이지에 보여줄 화면의 옵션을 선택할 수 있는 부분은
접고 펼칠 수 있는 탭이다.
작성한 글을 새로운 창에서
미리 볼 수 있다.
글 작성에는 2가지 모드가 있다.
비주얼의 경우에는 실제 페이지 에서 보여지는 대로 작성이 된다.
반면, 텍스트의 경우에는 HTML태그를 활용하여 글을 작성할 수 있다.
이렇게 텍스트 모드에 작성한 뒤 비주얼 모드로 변경시 그 내용이 비주얼 모드에서 바로 적용되어 보여지게 된다.
(실제로 완벽히 일치하지는 않지만 일부 자리나 영역을 차지 하고 있는 것을 볼 수 있다.)
작성한 글을 공개하게 된다
Post의 경우에는 작성한 글의 카테고리에 따라
보여지기 때문에 신중하게 선택해야 한다.
※ 슬러그 : 원래 신문이나 잡지 등에서 제목을 쓸 때, 중요한 의미를 포함하는 단어만
을 이용해 제목을 작성하는 방법을 말한다.
AdminPage 소개 – 카테고리/태그
기존의 카테고리를 변경/삭제 등의 관리할 수 있는 부분
태그의 경우 카테고리와 동일하기에 생략하도록 한다.
새 카테고리를 추가할 수 있는 부분
※카테고리라 하면 사이트에 나오는 메뉴로 오해할 수 있지만, wordpress의 카테고리는 단
순히 분류체계에 불과하다.
추후 post를 하나의 페이지에 보여줄 때 사용되는 것일 뿐, 이 카테고리 자체가 메뉴를 생성
AdminPage 소개 – 라이브러리 & 파일 올
파일 올리기 메뉴를 통해서 미디어 파일을 올릴 수 있다. 초기 셋팅의 경
우 2MB가 한계이다.
이를 조정하기 위해서는 wamp tray icon을 좌클릭하고 PHP menu를
클릭하여 php.ini 파일을 열고 다음과 같이 수정한다.
upload_max_filesize = 64M
post_max_size = 64M
max_execution_time = 300
업로드 된 파일을 확인하고 관리할 수 있다.
AdminPage 소개 – 새 페이지 추가
상위 옵션은 메인 메뉴에 이 페이지를 넣을 때 그 효과가 드러난다.
만약 어느 하나의 페이지가 메뉴의 자리를 차지할 때, 그 페이지의
하위 페이로 페이지를 생성하면 메뉴에 삽입 시 자동으로 하위 메뉴로
들어가게 된다. 사실 별 쓸모 없다.
Post의 경우와 동일하다.
템플릿은 쉽게 표시 스타일이라 생각하면 되겠는데,
사이드바를 표시하느냐 하지 않느냐 같이 큰 레이아웃의 변화가 있다.
이 역시 메인 메뉴와 관련된 부분으로 별로 사용하지 않을 것으로 판단되어 생략한다.
http://www.cmsfactory.net/node/661 참조
AdminPage 소개 – 댓글
사이트 내 모든 댓글을 관리할 수 있는 페이지이다.
별달리 설명이 필요 없을 듯 하여 생략한다.
AdminPage 소개 - 테마
현재 사용하는 테마가 가장 상단에 표시되고, 아래에는 내가 다운받은 테
마들이 존재하게 된다.
활성화 버튼을 누르면 손쉽게 사이트의 디자인을 바꿀 수 있다는 것이 장
AdminPage 소개 - 위젯
드래그 드롭을 활용하여 쉽게 위젯들을 활성화/비활성화 할 수 있으며,
사이드바에 들어갈 위젯도 간단히 지정해줄 수 있다.
AdminPage 소개 - 메뉴
아무리 메뉴탭이 많아도 선택된 메뉴가 실제로 보여지게 된다.
메인 메뉴들은 탭으로 표시되는데 처음엔 아무것도 없는 상태로 존재한다. 이 경우 메뉴바는 자동 생성 되는데 이때, 상하위 구분과 번호에 따라
메뉴 생성을 통해 새로 만들었다고 해서 그 메뉴가 적용되진 않는다.
일단 메뉴를 생성하면 좌측의 테마위치 라는 박스가 생기는데, 여기서 선택된 메뉴가 실제로 페이지에 보여지게 된다.
사용자가 지정한 페이지를 하나의 메뉴로 나타낼 수 도 있다.
페이지나 게시판도 메뉴에 추가할 수 있다. 체크박스를 체크하고 추가를 누르면 우측에 보여
이부분은 메뉴의 상하위 개념을 설정 할 수 있는데,간단히 마우스의 드래그 엔 드롭으로 쉽게 계층구조를 생성할 수 있다.
메뉴가 점차 많아지는 경우 그만큼 DB에 저장하는 시간이 오래걸려 php
에서 error생성할 수 있다.
(PHP fatal error : Maximum execution time of 30 seconds exceeded)
이 경우 php.ini에 들어가서 아래와 같이 코드를 수정하면 된다.
AdminPage 소개 - 편집기
수정하고자 하는 테마를 선택하면 아래에 탬플릿에 관련된 소스들이 보여진다.
실제 수정하고자 하는 파일을 선택하면 해당 페이지가 보여지게 된다.
Editor를 보고 원하는 부분을 입맛에 맞게 고쳐서 사용하면 되는데, 항상
수정하기 전에 백업을 만드는 것을 잊지 말자.
AdminPage 소개 – 플러그인
이곳은 플러그인, 쉽게 말해 이미 누군가 만들어 놓은 프로그램을 사이트
에 추가 및 관리할 수 있는 메뉴이다.
(설치 후에 바로 적용되는 것이 아니라 ‘활성화’를 시켜줘야 작동한다는 점을 주
AdminPage 소개 - 사용자
이곳은 말 그대로 사용자를 추가, 삭제 및 관리할 수 있는 페이지이다.
권한에 따라 사이트에 미칠 수 있는 영향력이 달라진다.
관리자>편집자> 글쓴이 > 기여자 > 구독자 순이고, 각 등급별로 할 수 있는 일이
AdminPage 소개 - 일반설정
사이트의 이름을 정의해주는 곳이다.
실제 워드프레스가 존재하는 주소가 필요하다.
localhost/wordpressbible 등이 되는데,
만약, 외부에서 접근하기 위해서는 이런식으로
주소값을 가지고 있어야한다.
아래 설명과 같이 실제 주와 달리 표시하길 원한다면 그 해당주소를 넣어주면
이 페이지에서는 위와 같이 날짜,시간, 제목이나 주고 등 기본적인 셋팅을 할 수
있다.
AdminPage 소개 – etc.
이 외에도 여러 많은 메뉴가 있지만, 보면 알만한 내용이기에
생략하도록 한다.
Appendix
트레이 아이콘이 녹색으로 넘어가지 않을
1
2
‘Ctrl + F’를 사용하여 ‘80’을 검색하여 ‘8080’ 으로 바꿔준다.
#이 붙은 라인을 제외하고 아마 2군데를 바꿔주게 될 것이다.
트레이 아이콘을 마우스 좌클릭 하여, Apache하위 메뉴에 있는
Httpd.conf 파일을 클릭하여 열어준다.
이 경우 다른 프로그램이 default 설정인 80번 port를 사용중일 가능성이 높다.
간단한 해결책으로는 사용중인 프로그램을 작업관리자를 열어 강제로 닫아주는
방법도 있겠지만 근본적 해결책이 되지 못한다.
이 경우에 wamp의 port번호를 수정해주는 방법을 이용하면 약간 불편하지만 지
속적으로 사용 가능하다.
위와 그림에 따라 시도해 보자. 이제 녹색으로 변하는 것을 볼 수 있을 것이다.
Font가 이상하게 보이는 문제
1
Admin의 ‘외모’메뉴 아래 ‘편집기’ 로 들어가면 기본적으로 스타일시트(style.css)가 보여진다.
2
‘Ctrl + F’를 통하여 ‘font-family’가 지정된 부분을 찾고 ‘font-family :’ 다음에 그림과 같이 사용하고자 하는 폰트 이름을 넣어준다.
가장 앞선 폰트가 없을 경우 그 다음, 그것이 없을 경우 또 다음으로 가는 순으로 표시된다는 것을 알아두자.
(단, inherit부분의 경우에는 수정할 필요가 없다.)
최초 아무런 설정 없이 사이트를 생성하면 글자가 조금씩 깨지는 것을 볼 수 있을
것이다.
이는 글씨체의 문제임으로 글씨체를 변환해 주면 된다.
결코 어렵지 않다. 위의 방법을 보고 따라 해보자.
Multi-domain 사용하기 – (1)
WAMP에 WWW폴더에는 여러 개의 사이트를 구축할 수 있는데,
매번 위 그림과 같이 index page를 거쳐 지나가야 한다면 그것도 조금 웃
긴 이야기일 것이다.
자 그럼, 어떻게 하면 자동으로 사용자의 요구에 맞는 사이트로 찾아가게
Multi-domain 사용하기 – (2)
$domain = $_SERVER['HTTP_HOST']; //서버로 접근하는 도메인 네임을 받는다.
if($domain == “주소명"){ //도메인 네임이 내가 연결코자 하는 주소와 같다면 if구문을 실행한다.
require(‘wordpress/indext.php'); // 연결하고자 하는 wordrpess의 폴더안의 index.php를 연결해준다.
}
들어가기에 앞서, 기존의 index.php를 백업해 두자. 혹시 다시 사용하
고 싶을지 모르니까 말이다.
실제로 Index 는 해당 웹사이트(폴더)가 열릴 때 기본적으로 열리게 되
는데 주로 대문이나 컨트롤러 역할을 한다.
우리는 이곳에 컨트롤러를 하나 만들어볼 예정이다.