워드프레스(WordPress)
1. APM setup을 설치
- 서버로 사용하실 컴퓨터에 Apache, mysql 을 다운로드 받아 설치하여 웹 서버로서의 환경을 만들어 줘야 한다.
- 리눅스의 경우 서버에 쓰기 권한이 있어야 한다.
- http://www.apmsetup.com/ 사이트에서 APM Setup을 설치하면 된다.
- APMSETUP은 윈도우에 APM( Apache, PHP, MySQL )를 사용할 수 있도록 자동으로 설치, 설정 해주는 프로그램이다.
1) Mysql 계정 준비
- Mysql에 워드프레스에서 사용할 사용자 권한을 하나 만들거나 준비해야 한다. (root 계정을 그냥 사용해도 된다.)
- mysql 사용을 위해 브라우저에서 127.0.0.1/myadmin/ 입력하면 phpMyaAmin 로그인 화면 나온다.
- 기본값인 id : root / password : apmsetup 입력하면 로그인이 된다.
2) 데이터베이스 생성
- 로그인 후 데이터베이스 탭 클릭, 새 데이터베이스 만들기에서 테이블 이름을 정해 만든다. ex) testdb
2. 워드프레스 설치
1) wordpress.org/ 에서 워드프레스를 다운로드 받는다.
- ko.wordpress.org/ 에서 한글로 다운로드 받으실 수도 있지만 영문 버전이 한글 버전에 비해 안정적이다.
2) 파일들을 apache의 www 폴더에 복사한다. (다운로드 받은 파일의 압축을 풀어서 apache 서버가 설치된 곳의 www 폴더에 복사)
- Apm Setup을 설치했다면 htdocs 폴더에 복사하면 된다.
3) 환경설정
- 설치된 컴퓨터의 IP를 웹브라우저(인터넷 익스플로러)의 주소창에 입력한다.
- Create a Configuration File을 클릭한다.
- 다음 화면에서 Let’s go!를 클릭한다.
4) db명, 유저이름, 패스워드를 입력 후 Run the Install 클릭
- database name에는 phpMyAdmin에서 만든 db명을 넣는다. ex) testdb
- id : root / password : apmsetup (기본 설정)
- 나머지는 그냥 두면 된다.
5) Run the install을 클릭하면 사이트 정보를 채워넣는 화면이 나온다.
- 사이트 제목과 관리를 위한 아이디, 비밀번호, 이메일을 입력한다.
- site title은 자유롭게 넣는다. ex) test site
- 아이디와 패스워드는 phpMyAdmin에서 설정한 것을 넣는다. ex) admin, 12345678
- 이메일 입력 후 인스톨을 하면 된다.
6) 입력한 관리자 아이디를 확인하는 화면이 나타나면 로그인하면 된다.
- 브라우저의 url창에 자신의 IP를 입력하면 워드프레스의 index.php가 표시된다.
- 관리자 로그인은 브라우저의 url 창에서 자신의 ip/wp-admin 형식으로 치면 된다.
3. 기본 환경 설정
1) 만들어진 사이트 확인
주소창에 자신의 IP를 입력하면 만들어진 기본 사이트가 화면에 나타난다.
2) 관리화면 들어가기
자신의 IP/wp-admin 을 주소창에 입력하면 관리자 로그인 화면이 나온다. 위에서 설정한 관리자 아이디와 패스워드로 로그인한다.
3) 기본 설정 변경
관리자 화면의 Settings>general 메뉴 : 사이트 제목, 관리자 이메일, 날짜 포맷 변경
4) 메뉴 추가, 삭제, 변경하기
- 메뉴 삭제 : 관리자 화면의 pages를 클릭하여 나타난 목록에서 삭제할 페이지를 체크한 후 move to trash를 적용
- 메뉴 추가 : 관리자 화면의 pages에서 add new를 클릭하여 제목과 내용 입력후 update 버튼을 클릭
- 메뉴 변경 : 관리자 화면의 pages에서 바꾸고 싶은 메뉴명 위에 마우스를 가져가면 나타나는 EDIT를클릭하여 화면의 표시된 부분을 바꾸고 update 버튼을 클릭
5) css 추가 적용하기
관리자 화면의 appearance>editor를 클릭하면 css를 추가할 수 있는 화면이 나타난다.
5. 워드프레스에 테마 설치
- wordpress.org/themes/ 혹은 포털사이트에서 wordpress theme로 검색하여 원하는 테마를 다운로드 받아 사용한다.
- 유료와 무료 테마가 존재
- 여기서는 다운로드 받은 zigzag 테마를 기준으로 설명합니다.
1) 테마 다운로드
http://themeforest.net/item/zig-zag-responsive-wordpress-template/1348607
사이트에서 해당 테마 다운로드하여 임의의 장소에 압축을 풀어 놓는다.
2) 테마 설치
다운로드 받은 파일 안의 help>help_file.html 문서를 참고
- 관리자 화면(ip/wp-admin)에서 Appearance > Themes > Install Themes의 Upload를 클릭
- [파일선택]을 클릭하면 나타나는 화면에서 압축을 풀어놓은 zigzag 테마의 zip파일을 선택
- Install Now 버튼을 클릭
- 설치된 내용을 Activate를 클릭하여 활성화 시키면 된다.
'웹접근성과 웹표준' 카테고리의 다른 글
이메일에 html 적용하기 (0) | 2017.09.08 |
---|---|
웹표준 사이트 실습 예제 #6 PC/모바일 반응형 웹 (0) | 2013.08.26 |
모바일 웹사이트 구축과 반응형 웹 (0) | 2013.08.24 |
네이버 검색을 이용한 input바 만들기 (0) | 2013.08.23 |
웹표준 사이트 실습 예제 #5 HOME 화면 (수정) (0) | 2013.08.22 |