1. 워드프레스란 ?
•
누구나 무료로 자유롭게 사용할 수 있는 오픈소스 홈페이지 제작 소프트웨어
•
워드프레스 공식 홈페이지(ko.wordpress.org)에서 다운받을 수 있는 코어(core)파일.
워드프레스의 기본 골격을 이루는 파일과 기능을 구축하고 제어하는 파일들로 구성
•
코어 파일을 활용하여 웹페이지의 기능과 스타일을 무한대로 확장
•
전 세계의 1/6의 홈페이지가 워드프레스로 제작
•
현 6.1버전까지 업데이트, 한글버전 제공
2. 주요용어
➀ 테마(theme)
웹사이트의 레이아웃과 세부 디자인을 결정하는 파일. 무료 혹은 유료로 다운받아 워드프레스 내에 설치. 사이트의 용도나 기획에 따라 활용
➁ 플러그인(plugin)
워드프레스 내에 설치하는 다양한 기능을 가진 프로그램. 무료 혹은 유료로 다운받아 설치
3. 워드프레스의 장점과 단점
➀ 장점
•
수 만개의 테마와 플러그인으로 원하는 스타일과 기능을 쉽게 확장
•
저렴한 제작비용
•
테마를 잘 선정할 시 별도의 프로그래밍이 필요 없음
•
디자인이 상대적으로 용이, 제작시간 단축
•
지속적인 워드프레스와 테마 및 플러그인 업데이트
•
웹검색 최적화 및 웹표준 준수로 사이트 검색 및 노출에 유리
➁ 단점
•
테마 파일 수정이 어려움
•
테마 선정 시 시행착오 가능성
•
테마 수정 시 추가 프로그래밍 비용 발생
•
한국의 웹 환경과 맞지 않는 부분이 있음 (쇼핑몰 사이트 구축과 게시판 및 속도)
•
영어가 주로 쓰여 제작 중 문제 발생 시 제작자와의 소통이 어려움
4. 워드프레스, 이런 경우에게 추천!
➀ 웹사이트를 빨리 구축하려는 경우
➁ 일단 만들고 지속적으로 보완하려는 경우
➂ 비용이 충분하지 않은 경우
➃ 웹사이트 기술 인력이 없거나 부족한 경우
➄ 콘텐츠 중심의 웹사이트를 직접 운영하고 관리하는 경우
➅ 지속적인 업데이트나 최신 웹기술을 원하는 경우
➆ sns 연동 뿐 아니라 검색 노출을 중시하는 경우
5. 워드프레스, 이런 경우에는 비추천
➀ 국내 사용자를 대상으로 하는 쇼핑몰 웹사이트
➁ 커뮤니티 및 멤버십 웹사이트
➂ 프로그래밍이 추가로 필요한 웹사이트
6. 어떠한 사이트를 만들 것인지
➀ 어떠한 목적의 사이트인가?
➁ 주된 사용자 및 방문객은 누구인가?
➂ 어떠한 기능을 가지고 있어야 하는가?
➃ 필요한 예산은 얼마인가?
➄ 필요한 서버사양은 어떻게 되는가?(하드디스크, 트래픽용량)
➅ 반응형 웹페이지인가?
➆ 기본적인 사이트맵 작성
⑧ 메인페이지 구성 기획
이미지나 디자인 중심인지, 블로그 같은 텍스트가 중심인지에 따라 메인 구성(layout)이 달라짐 메인페이지 구성을 기획해야 워드프레스 테마를 선정하기 용이
7. 워드프레스의 설치
➀ 서버
•
서버란 홈페이지를 구성하는 파일을 설치 및 저장하고 홈페이지를 이용하는 컴퓨터들이 전 달하는 다양한 요청들을 처리하고 전송하는 컴퓨터 혹은 소프트웨어
•
일반적으로 전문 서버 운용 업체가 제공하는 호스팅 서비스를 이용
•
하나의 서버를 독점적으로 하는 서버호스팅보다는 일반적으로 웹 호스팅 서비스를 이용
•
홈페이지의 규모와 용도에 따라 사양 결정
➁ 워드프레스 서버 설치사양
•
PHP 5.2.4이상 (PHP언어)
•
MySQL 5.0 (데이터베이스)
•
UTF-8(문자)
➂ 자동설치
등 워드프레스 호스팅을 가지고 있어 구입하면 자동 설치 가능, 대신 비용이 비싼편
➃ 수동설치
아파치 서버로 메모리 할당과 업로드용량을 설정할 수 있음.
최고의 가성비. 안정적인 서버속도
8. 워드프레스 수동설치하기 (퍼니오 호스팅)
준비할 것
•
파일질라 다운받기 :
https://filezilla-project.org/download.php?type=client
•
워드프레스 코어파일 다운받기 : ko.wordpress.org
•
예시 호스팅 : 퍼니오 호스팅 : https://www.fun25.co.kr
9. 설치방법
➀ 퍼니오 호스팅에 가입하여 로그인 후 php호스팅 신청
➁ 원하는 사양 신청 후 결제
➂ 나의서비스 - php호스팅 관리 - 해당 호스팅 선택 후 기본정보 확인
➃ 워드프레스 코어 파일 압축 해제
➄ 파일질라 실행(파일 - 사이트 관리자 실행)
➅ 파일질라에 로그인에 필요한 기본 정보 입력
( 호스트에 외부아이피 / 포트에 ssh포트번호 / 사용자에 서버계정 아이디 / 비밀번호에 초기 DB암호 입력 후 로그인)
➆ 파일질라 오른쪽 창인 호스팅 창에 www폴더 안에 아래 워드프레스 파일 옮김, 모든 파일을 전송 완료
⑧ 퍼니오 호스팅 기본 정보 안에 기본 도메인 주소에 접속
⑨ let's go누름
⑩ 사용자명은 데이터베이스 사용자명, 비밀번호는 데이터베이스(DB)초기 비밀번호, 데이터베이스 호스트 wdb0.fun25.co.kr:18602 입력한 후 저장하기
⑪ 관리자의 아이디/비번 지정하고 로그인
설치완료. 관리자 모드 창이 뜹니다.
10. 워드프레스 홈페이지 구축 준비물
•
홈페이지 기획
•
콘텐츠 (사진, 글, 동영상등)
•
서버
(카페24, 닷홈, 나야나등 호스팅업체 가입하여 유료 혹은 무료로 신청, 1년 혹은 1달단위로 계약)
•
도메인(가비아, 후이즈 등 1년단위로 계약)
•
FTP 프로그램 (파일질라, 알ftp등)
•
워드프레스 코어파일 (ko.wordpress.org에서 다운받음)
11. 워드프레스 설치 및 홈페이지 구축에 필요한 서버정보
•
FTP 접속정보 (예시: 파일질라)
•
도메인주소
•
데이터베이스 비밀번호
•
SSH(SFTP) 포트
•
서버(DB)계정
•
호스트 (도메인 주소 혹은 ip)
•
MySQL 데이터베이스명
•
MySQL 접속 도메인
•
MySQL 접속 포트
12. 워드프레스 관리자 페이지 접속
- 주소 뒤에 / wp-admin을 붙여 접속
•
메인화면에서 로그인 할 수 있는 기능을 가진 테마는 메인화면에서 로그인
•
워드프레스 설치 중 설정했던 관리자 아이디 / 비밀번호를 입력
•
로그인 후 홈페이지 화면 위의 상단 메뉴바 중 알림판을 클릭하면 관리자 페이지 접속
13. 관리자 화면
•
테마가 설치되지 않은 기본 메뉴, 테마에 따라 메뉴 및 인터페이스가 달라짐
•
상단 메뉴바 : 메인화면으로 돌아가거나 글, 미디어, 페이지, 사용자를 추가
•
알림판 : 관리자 메인화면, 업데이트 뉴스와 워드프레스 뉴스 최근댓글, 최근활동
•
글 : 홈페이지의 블로그에 글을 올리거나 올린 글을 관리
•
미디어 : 홈페이지의 이미지 혹은 동영상을 올리거나 관리
•
페이지 : 홈페이지의 페이지 추가 및 작성, 관리
•
댓글 : 홈페이지에 올려진 댓글 관리
•
외모 : 테마, 위젯, 사용자 정의 등 홈페이지의 스타일을 설정
•
플러그인 : 홈페이지에 추가할 수 있는 다양한 기능을 가진 프로그램인 플러그인을 검색,설치 및 편집, 관리
•
사용자 : 관리자를 추가하거나 관리, 삭제 및 프로필 설정 가능
•
도구
➀ 끌어오기 : 다른 웹상의 콘텐츠를 내 홈페이지로 끌어올 수 있음
➁ 가져오기 : 다른 sns의 글이나 워드프레스의 콘텐츠를 가져올 수 있음
➂ 내보내기 : 현재 홈페이지의 모든 콘텐츠를 워드프레스 확장 RSS 또는 WXR이라 불리는 XML 파일로 압축, 새로운 워드프레스 홈페이지를 구축할 때 이전가능
•
설정 : 홈페이지의 기본 설정
➀일반 :사이트제목, 태그라인, 워드프레스 주소, 사이트주소, 이메일주소, 멤버쉽, 시간대, 날짜
➁쓰기 : 글작성 설정, 이메일을 통해 워드프레스에 글을 작성할 때 설정(POP3 접근이 가능한 비밀 이메일 계정필요)
➂읽기: 메인 페이지 설정, 블로그 포스팅 글이 한 화면에 보이는 수, 상대방이 내 홈페이지를 구독 신청했을 때 (feed) 보여주는 새로운 글 알림 수, 검색엔진 차단여부(홈페이지 완성 전엔 필요)
➃토론: 댓글과 아바타 설정
➄미디어 : 미디어 라이브러리에 보이는 썸네일이미지 크기설정
➅고유주소 : 홈페이지 주소 설정 및 카데고리와 태그분류설정
•
홈페이지 검색엔진 차단 설정
<meta name = 'robots' contents='noindex,follow'/>
15. 기본 용어
➀ 픽셀(Pixel) : 이미지를 이루는 가장 작은 단위인 네모 모양의 작은 점. 화소(畵素)
"이 그림은 해상도가 640픽셀 ×480픽셀이다."라는 말은 이 그림 속에 작은 사각형 점(즉, 화소=픽셀)이 640 ×480 = 30만 7200개 들어 있다는 뜻
➁ 해상도(resolution) : 단위로는 1인치당 몇 개의 픽셀(pixel)로 이루어졌는지를 나타내는 ppi(pixel per inch), 1인치당 몇 개의 점(dot)로 이루어졌는지를 나타내는 dpi(dot per inch)를 주로 사용. 픽셀 또는 도트의 수가 많을수록 고해상도의 정밀한 이미지를 표현.
해상도가 높을수록 이미지가 깨끗하고 선명하게 보이지만, 그만큼 1인치당 점의 수가 많아져서 많은 양의 메모리가 필요하고 결과적으로 컴퓨터 속도가 느려짐
웹상에는 72dpi를 씀 ( 가로 1인치에 72개점과 세로 1인치에 72개의 점, 총 5,184개의 점)
➂ 파비콘 : 즐겨찾기 아이콘. 즐겨찾기(favorites)와 아이콘(icon)의 합성어로, 주소창에 조그만 아이콘으로 표시되어 있다.16x16 픽셀.
16.워드프레스 홈페이지 구축 체크리스트
홈페이지 제작에 들어가기 전, 어떤 홈페이지를 만들 것인지 계획하기위한 체크리스트입니다.
1) 홈페이지의 제작 목적
2) 예상 홈페이지 제작 및 관리 예산(1년)
3) 홈페이지의 주된 사용자 혹은 타겟층
4) 원하는 홈페이지의 기능 (체크하기)
➀ sns 연동 ➁ 메일발송 ➂ 게시판 ➃ 슬라이드 ➄블로그 ➅쇼핑몰 ➆갤러리
⑧ 프로필 ⑨ 검색엔진최적화 ⑩ 약도 ⑪ 데이터베이스 검색 ⑨동영상 연동 ⑩ 예약
⑪ 회원관리 ⑫ 반응형 ⑬ 리뷰 ⑭매거진 ⑮설문조사
⑯ 그 외 ( )
5) 홈페이지의 컨셉
6) 도메인, 호스팅 구입 여부와 원하는 도메인 주소 및 호스팅
7) 필요한 서버 사양(하드용량, 트래픽)
8) 웹프로그래머, 웹디자이너 필요 유무, 필요하다면 어떻게 구할 것인지
9) 홈페이지의 메뉴 구성(사이트맵)
17. 콘텐츠, 디자인 체크리스트
1) 홈페이지 총 제작 기한 및 일정은?
2) 콘텐츠가 (사진, 글, 동영상 등) 몇 %나 준비되어 있는가?
3) 저작권 문제없는 콘텐츠인지 (사진, 글, 동영상, 디자인, 폰트 등)
4) 콘텐츠를 직접적으로 만드는 사람은?
5) 홈페이지의 디자인 컨셉 (주요색상, 원하는 느낌과 스타일)
6) 비슷한 사이트의 디자인 컨셉, 콘텐츠 내용
7) 다른 사이트와 차별화된 점
8) 플러그인, 테마 구입 여부
9) 제작 예상 테마, 설치 플러그인 목록