공개 SW 솔루션설치 & 활용가이드 응용 SW > 콘텐츠배포 제대로배워보자 How to Use Open Source Software Open Source Software Installation & Application Guide
CONTENTS 1. 개요 2. 기능요약 3. 실행환경 4. 설치및실행 5. 기능소개 6. 활용예제 7. FAQ 8. 용어정리
- 3-1. 개요 소개 주요기능 전세계에서가장많이쓰이는세계 1 위 CMS 엔진워드프레스 워드프레스는전세계 CMS 사용량의 28%, 전세계 CMS 마켓점유율이 59.5% 에이름 (2017 년 9 월현재 ) 국제웹표준준수, SEO 최적화, 다양한피드백기능등기존의국내웹사이트들과는차별화된장점 콘텐츠관리기능 주기적인업데이트시스템 ( 코어, 플러그인, 테마 ) 플러그인시스템 ( 기능 ) 테마시스템 ( 디자인 ) 멀티사이트기능 대분류 응용 SW 소분류 콘텐츠배포 라이선스형태 GPLv2 (or later) 사전설치솔루션 LAMP (Linux, Apache, MySQL, PHP) 실행하드웨어 특징 보안취약점 OS(Linux or Windows) 가설치될수있는최소사양지원 다양한국가, 언어, 디바이스를고려해야하므로웹표준준수 10 년이상꾸준한기능개선으로인해상업솔루션보다높은완성도 테마, 플러그인, 호스팅, 커머스등글로벌생태계 주기적인업데이트시스템 ( 코어, 플러그인, 테마 ) 버전 4.8.1 (2017 년 9 월기준 ) 취약점 ID : CVE-2017-1001000 심각도 : 7.5 HIGH(V3) 취약점설명 : 원격사용자는 REST API 엔드포인트의결함을악용하여대상시스템에대한상승된권한을얻을수있음 대응방안 : 4.7.2 이상으로업그레이드 참고경로 : https://blog.sucuri.net/2017/02/content-injection-vulnerability-wordpress-rest-api.html 개발회사 / 커뮤니티 Automattic, Inc / wordpress.org 공식홈페이지 https://wordpress.org
- 4-2. 기능요약 WordPress 의주요기능 주요기능 콘텐츠관리기능 주기적인업데이트시스템 (One-click Update) 플러그인시스템 ( 기능확장 ) 테마시스템 ( 디자인 ) 멀티사이트기능 커머스기능 REST API 지원 최신웹기술도입 Calypso 공개 지원여부지원지원지원지원지원지원지원지원
- 5-3. 실행환경 WordPress 는 Windows 환경에서도운영될수있지만, 보통은 LAMP 환경위에서실행된다. LAMP 환경은 Linux OS, Apache Web Server, MySQL DBMS, PHP Programing Language 를의미한다. Linux OS
- 6-4. 설치및실행 세부목차 4.1 워드프레스다운로드 4.2 워드프레스압축해제및 FTP 접속 4.3 워드프레스파일업로드 4.4 워드프레스 > 환경설정파일설정 4.5 워드프레스 > 설치 4.6 워드프레스설치완료 4.7 워드프레스로그인화면및관리자화면 4.8 워드프레스멀티사이트확장 > 옵션추가 4.9 워드프레스멀티사이트확장 > 네트워크설치메뉴추가 4.10 워드프레스멀티사이트확장 > 네트워크설치화면 4.11 워드프레스멀티사이트확장 > 네트워크생성화면 4.12 워드프레스멀티사이트확장 > 옵션추가 4.13 워드프레스멀티사이트확장 > 로그인화면및관리자화면 4.14 워드프레스멀티사이트확장 > 네트워크관리자화면
- 7-4. 설치및실행 4.1 워드프레스다운로드 영문버전워드프레스는 wordpress.org 사이트에서, 국문버전워드프레스는 ko.wordpress.org 사이트에서다운로드 받을수있다. https://wordpress.org/ https://ko.wordpress.org/
- 8-4. 설치및실행 4.2 워드프레스압축해제및 FTP 접속 워드프레스를로컬 PC 에다운로드하고이를압축해제한다. 압축해제된파일은원격의웹호스팅으로업로드해야 하는데, 이때 FTP 정보가필요하다. 또한필요한 FTP 정보는파일프로토콜, 호스트이름, 포트번호, 사용자이름, 비밀번호 등이필요하다. 이문서에서는워드프레스를원격의웹호스팅에설치하는것을가정하고있다. 워드프레스압축해제 (WP 4.8.1 기준 ) FTP 접속정보 호스트이름 : ex) domain.com 사용자이름 : ex) domain 비밀번호 : ex) password
- 9-4. 설치및실행 4.3 워드프레스파일업로드 FTP 클라이언트프로그램을이용하여원격웹호스팅에접속한후, 압축해제한워드프레스파일을원격저장소에복사한다. 로컬 PC ( 자신의 PC) 원격저장소 (ex) 웹호스팅 ) 복사
- 10-4. 설치및실행 4.4 워드프레스 > 환경설정파일설정 (1/3) 웹브라우저의주소창에해당도메인주소를입력하면워드프레스환경설정파일설정화면을볼수있다. 이문서에서는 install.catchkin.net 을임시도메인주소로사용한다. [Let s go!] 버튼을눌러다음단계로진행한다.
- 11-4. 설치및실행 4.4 워드프레스 > 환경설정파일설정 (2/3) 데이터베이스연결상세를입력해야하는데, 이입력화면에서는데이터베이스이름, 사용자명, 비밀번호를정확히입력해야 하고, 데이터베이스호스트와테이블접두어는기본값을사용해도무방하다. 각항목입력후 [ 저장하기 ] 버튼을눌러다음단계로진행한다.
- 12-4. 설치및실행 4.4 워드프레스 > 환경설정파일설정 (3/3) 원격저장소 (ex) 웹호스팅 ) 에쓰기권한 (write) 이있는경우 wp-config.php 파일이자동생성되기때문에하단에서보는 단계는생략되는데, 그렇지않은경우 wp-config.php 파일을수동으로생성해줘야한다. wp-config.php 파일내용은 기본제공된다. wp-config.php 파일생성후 [ 설치실행하기 ] 버튼을눌러다음단계로진행한다.
- 13-4. 설치및실행 4.5 워드프레스 > 설치 워드프레스설치에필요한사이트제목, 사용자명, 비밀번호, 이메일주소, 검색엔진접근여부에관한정보들을입력한다. 각항목입력후 [ 워드프레스설치하기 ] 버튼을눌러다음단계로진행한다.
- 14-4. 설치및실행 4.6 워드프레스설치완료 워드프레스가정상설치된결과화면을볼수있다. [ 로그인 ] 버튼을누르면로그인페이지로이동한다.
- 15-4. 설치및실행 4.7 워드프레스로그인화면및관리자화면 워드프레스로그인화면에서사용자명 ( 또는이메일주소 ) 과비밀번호를입력후 [ 로그인 ] 하면워드프레스관리자화면을 볼수있다. 워드프레스로그인화면 워드프레스관리자화면
- 16-4. 설치및실행 4.8 워드프레스멀티사이트확장 > 옵션추가 워드프레스는최초설치시싱글사이트로설치되지만, 몇가지옵션을추가하면멀티사이트로확장할수있다. 멀티사이트란한사이트에서국문, 영문, 중문등다국어사이트를제작할수있다는것을의미한다. 멀티사이트로확장 하려면 wp-config.php 파일에 WP_ALLOW_MULTISITE 옵션을추가해야한다. wp-config.php 파일에다음라인추가 define('wp_allow_multisite', true);
- 17-4. 설치및실행 4.9 워드프레스멀티사이트확장 > 네트워크설치메뉴추가 wp-config.php 에 WP_ALLOW_MULTISITE 옵션추가후, 워드프레스관리자화면을새로고침 (F5) 하면워드프레스관리자 > 도구에네트워크설치메뉴가추가된것을볼수있다. [ 네트워크설치 ] 메뉴를누르면네트워크설치화면으로이동한다.
- 18-4. 설치및실행 4.10 워드프레스멀티사이트확장 > 네트워크설치화면 네트워크설치방식에는서브도메인과서브디렉토리의 2 가지방식이있다. 서브도메인은도메인앞에서브도메인이 붙는방식이고, 서브디렉토리는도메인뒤에서브도메인이추가되는방식이다. 사이트주소는나중에수정할수없으니 신중하게선택한후결정해야한다. 이글에서는서브디렉토리방식을선택해서설치를진행한다. 각항목입력후 [ 설치 ] 버튼을눌러다음단계로진행한다.
- 19-4. 설치및실행 4.11 워드프레스멀티사이트확장 > 네트워크활성화 워드프레스사이트의네트워크생성을위한기능을활성화하려면 wp-config.php 와.htaccess 파일에하단의옵션을추가 해야한다. 다음장인 4.12 에설명된옵션추가후 [ 로그인 ] 버튼을눌러다음단계로진행한다.
- 20-4. 설치및실행 4.12 워드프레스멀티사이트확장 > 옵션추가 1 wp-config.php 파일과 2.htaccess 파일에추가되는옵션 1 wp-config.php 파일에다음라인추가 define('multisite', true); define('subdomain_install', false); define('domain_current_site', 'install.catchkin.net'); define('path_current_site', '/'); define('site_id_current_site', 1); define('blog_id_current_site', 1); 2.htaccess 파일에다음라인추가 RewriteEngine On RewriteBase / RewriteRule ^index\.php$ - [L] # add a trailing slash to /wp-admin RewriteRule ^([_0-9a-zA-Z-]+/)?wp-admin$ $1wp-admin/ [R=301,L] RewriteCond %{REQUEST_FILENAME} -f [OR] RewriteCond %{REQUEST_FILENAME} -d RewriteRule ^ - [L] RewriteRule ^([_0-9a-zA-Z-]+/)?(wp-(content admin includes).*) $2 [L] RewriteRule ^([_0-9a-zA-Z-]+/)?(.*\.php)$ $2 [L] RewriteRule. index.php [L]
- 21-4. 설치및실행 4.13 워드프레스멀티사이트확장 > 로그인화면및관리자화면 네트워크사이트를위한로그인화면은싱글사이트로그인화면과동일하지만, 로그인이후관리자화면에서는 내사이트 > 네트워크관리자메뉴가추가된것을볼수있다. 워드프레스로그인화면 워드프레스멀티사이트관리자화면
- 22-4. 설치및실행 4.14 워드프레스멀티사이트확장 > 네트워크관리자화면 네트워크관리자화면은싱글사이트관리자화면과달리샐운사이트를생성할수있는메뉴로구성된것을볼수있다. 내사이트 > 네트워크관리자화면을볼수있으면멀티사이트설치가완료된것이다.
- 23-5. 기능소개 세부목차 5.1 콘텐츠관리기능 5.2 주기적인업데이트시스템 (One-click Update) 5.3 플러그인시스템 ( 기능확장 ) 5.4 테마시스템 ( 디자인 ) 5.5 멀티사이트기능 5.6 커머스기능 5.7 REST API 지원 5.8 최신웹기술도입 Calypso 공개
- 24-5. 기능소개 5.1 콘텐츠관리기능 워드프레스는글, 카테고리, 페이지등콘텐츠를손쉽게생성하고관리할수있다. 워드프레스 3.0에서 custom post type 기능이새로추가되었는데, 이기능이추가됨으로써기본형태콘텐츠외포트폴리오, 게시판등다양한타입의콘텐츠를생성하고관리하기가용이해졌다. 콘텐츠생성시업로드되는이미지, 동영상등미디어파일도일괄관리할수있다.
- 25-5. 기능소개 5.2 주기적인업데이트시스템 (One-click Update) 워드프레스는년간 2~3차례코어업데이트가발생하며이때최신기능추가, 보안이슈패치, 버그수정등이이루어진다. 따라서주기적인업데이트를유지하는것이워드프레스를안정적으로운영하는데있어서중요하다. 워드프레스에서는관리자화면에서 One-click(Update Now 버튼클릭 ) 으로손쉽게업데이트를진행할수있으며, 매뉴얼방식인수동으로도업데이트할수있다.
- 26-5. 기능소개 5.3 플러그인시스템 ( 기능확장 ) 워드프레스는기능확장을위한공통의규칙인플러그인시스템을통해다양한기능을손쉽게확장할수있다. 워드프레스플러그인은워드프레스커뮤니티사이트인 wordpress.org 사이트에서일괄관리되며, 이곳에등록된대부분의플러그인은무료로배포되지만, 최근에는 Lite와 Pro 버전을따로분리해서배포되는플러그인도많아지고있다. 2017년 9월현재약 52,000개가넘는플러그인이등록되어있다.
- 27-5. 기능소개 5.4 테마시스템 ( 디자인 ) 워드프레스는디자인을수용하기위한공통의규칙인테마시스템을통해다양한디자인을관리하고있다. 워드프레스테마는플러그인과달리상용으로판매되는유료테마시장이활성화되어있다. 무료테마는워드프레스커뮤니티사이트인 wordpress.org에서일괄관리되고있고, 유료테마는 themeforest.net 사이트에서구입할수있다. 유료테마는테마당 40~60달러비용으로구입할수있으며, 2017년 9월현재약 10,000개이상의테마가유료로판매되고있다. 워드프레스테마디렉토리테마포레스트워드프레스테마
- 28-5. 기능소개 5.5 멀티사이트기능 워드프레스는기본설치시싱글사이트로설정되지만, 옵션을추가하면멀티사이트로확장될수있다. 멀티사이트란한사이트에서국문, 영문, 중문등다국어사이트를제작할수있다는것을의미한다. 워드프레스관리자화면 ( 싱글 ) 워드프레스관리자화면 ( 멀티 )
- 29-5. 기능소개 5.6 커머스기능 워드프레스기본설치시커머스기능이없지만, 우커머스라는플러그인을설치하면커머스사이트로확장될수있다. 우커머스는워드프레스커머스플러그인으로독자적으로발전하여왔지만, 2015년 5월워드프레스관리회사인 Automattic, Inc에서우커머스를인수한이후워드프레스를대표하는커머스플러그인이되었다. 2017년 9월현재우커머스의누적다운로드수는 300만이상이며, 우커머스정보는 https://woocommerce.com/ 에서얻을수있다.
- 30-5. 기능소개 5.7 REST API 지원 REST API 기능이이전워드프레스에서는플러그인에서지원되었으나워드프레스 4.4부터는워드프레스코어기능에서지원되기시작하였다. 워드프레스에 REST API 기능이추가됨으로써기존워드프레스 3.0 버전에서 Custom Post Type 기능이추가되면서블로그에서 CMS로발전된것과같이블로그, CMS에서 APP 플랫폼으로확장될수있는토대가마련되었다.
- 31-5. 기능소개 5.8 최신웹기술도입 Calypso 공개 지난 2015년 11월 23일에 Calypso 라는새로운관리자인터페이스가공개되었다. Calypso는기존 PHP와 MySQL에기반했던코드를버리고웹의미래라고할수있는 JavsScript & API-driven 인터페이스를실제구현한새로운시도라고볼수있다. 기술스펙으로보면, Calypso는프런트앤드기술로페이스북이공개한자바스크립트라이브러리 React를, 백앤드기술로자바스크립트서버사이트개발플랫폼인 Node.js를채택하였고, 워드프레스코어와통신하는방법으로는 Restful API를택하였다.
- 32-6. 활용예제 세부목차 6.1 유료테마선정및구입 6.2 워드프레스설치 6.3 유료테마구성요소확인 6.4 유료테마설치및활성화 6.5 관련플러그인설치 6.6 관련플러그인활성화 6.7 데모콘텐츠가져오기 6.8 데모콘텐츠가져오기완료화면 6.9 사이트편집
- 33-6. 활용예제 6.1 유료테마선정및구입 앞서배운워드프레스설치과정과유료테마를활용하여간단하게유료테마를워드프레스에설정하는방법을살펴보자. 선정된유료테마는인기테마중하나인 Bridge 테마이며, 테마포레스트사이트에서 Bridge 테마를구입할수있다. 테마포레스트선정베스트판매테마리스트 Bridge 테마구입상세페이지
- 34-6. 활용예제 6.2 워드프레스설치 워드프레스는앞서설치한최신버전인 4.8.1 국문버전을설치하고, 싱글사이트로서진행함을가정한다. 임시도메인주소는 install.catchkin.net 을사용한다. 워드프레스로그인화면워드프레스관리자화면 ( 싱글 )
- 35-6. 활용예제 6.3 유료테마구성요소확인 Bridge 테마구입후이를로컬 PC에다운로드하고압축해제한다. Bridge 테마구성요소는 documentation, licensing, xml export, bridge.zip, bridge-child.zip으로구성되어있고, 이중에서테마에해당되는파일은 bridge.zip 파일이다. 참고로 bridge.zip를부모, bridge-child.zip를자식테마라고하는데, 부모테마는이후업데이트될것을고려하여이파일에서는커스터마이징을하지않고자식테마에서커스터마이징을한다.
- 36-6. 활용예제 6.4 유료테마설치및활성화 유료테마설치는외모 > 테마 > 새로추가 > 테마업로드에서수행할수있으며, [ 파일선택 ] 버튼을누른후앞서 bridge.zip 파일을선택하고 [ 지금설치하기 ] 버튼을눌러설치를진행한다. 테마를성공적으로설치하면 [ 실시간미리보기 ], [ 활성화 ], [ 테마페이지로돌아가기 ] 옵션을볼수있는데, 이중 [ 활성화 ] 버튼을눌러테마를활성화한다.
- 37-6. 활용예제 6.5 관련플러그인설치 Bridge 테마를활성화하면외모 > 테마에서활성화된테마를볼수있다. 활성화된테마위부분을보면 Bridge 테마와관련된플러그인을설치하라는메시지를볼수있는데, [Begin installing plugins] 버튼을눌러관련플러그인설치페이지로이동한다음모든플러그인을선택한후 [ 적용 ] 버튼을눌러설치를진행한다.
- 38-6. 활용예제 6.6 관련플러그인활성화 플러그인설치후에는반드시활성화 (Activate) 를하여야테마에적용된다. 관련플러그인을모두활성화되면 Install Required Plugins 화면에서더이상설치및활성화할플러그인이없다는메시지를 볼수있다.
- 39-6. 활용예제 6.7 데모콘텐츠가져오기 다음으로는 Bridge 테마에서제공되는데모콘텐츠를워드프레스로이관하는과정이필요한데, 이를위해관리자 > Qode Import 페이지로이동한다. 이관작업에는 Demo Site, Import Type, Import attachments 옵션을선택해야하는데, 이예제에서는 Demo Site에 Demo - Original 을, Import Type에 All을, Import attachments에체크를선택하였다. 옵션선택후에는 [Import] 버튼을눌러다음단계로진행한다.
- 40-6. 활용예제 6.8 데모콘텐츠가져오기완료 데모콘텐츠가져오기가완료되면, Import is completed 메시지를볼수있다. 데모콘텐츠를올바르게가져왔는지확인하기위해사용자화면으로이동하면하단우측이미지처럼정상적인레이아웃및 데모콘텐츠를볼수있다. 이경우데모콘텐츠를올바르게가져온것이다.
- 41-6. 활용예제 6.9 사이트편집 유료테마를활용할경우테마및관련플러그인설치, 데모콘텐츠가져오기완료한다음이테마에서제공되는틀안에서현재콘텐츠를자신의콘텐츠로교체해가면서사이트를제작하는것이일반적입니다. 최근유료테마의경우대부분페이지빌더가제공되며, 이빌더를활용하면누구나어렵지않게사이트의레이아웃및콘텐츠를수정할수있다. Visual Composer 페이지빌더편집화면
- 42-7. FAQ Q 워드프레스는주로어디에서사용되고있는지요? & A 국내에서는워드프레스를블로그, 홈페이지용도로주로사용하고있습니다. 회원정보및보안이중요한기관및대기업보다는중소기업의홍보용홈페이지제작에주로활용되고있으며, 특히수출기업의외국어홈페이지제작에워드프레스가많이활용되고있습니다. Q 워드프레스테마란무엇인가요? & A 워드프레스의외관을담당하는것을테마라고합니다. 워드프레스에서는다양한유 / 무료테마가있으며테마만변경하면얼마든지웹사이트의디자인변경이가능합니다. 무료테마정보는워드프레스테마페이지 (https://wordpress.org/themes/) 에서, 유료테마는테마포레스트 (https://themeforest.net/category/wordpress) 에서얻을수있습니다.
- 43-7. FAQ Q 워드프레스플러그인이란무엇인가요? & A 워드프레스플러그인이란기능확장을위한공통의규칙이라고말할수있으며, 대표적인플러그인으로는게시판, 컨택폼, SNS공유버튼, 팝업, 스팸방지필터등이있습니다. 워드프레스플러그인관련정보는워드프레스플러그인페이지 (https://wordpress.org/) 에서얻을수있습니다. Q 워드프레스일반적인정보나제작정보는어디서얻을수있나요? & A 국내의경우, 워드프레스의일반적인정보는한국워드프레스사용자모임 (https://kopress.kr/) 에서얻을수있고, 워드프레스홈페이지제작정보는워드프레스홈페이지제작 Make BCT(http://makebct.net/) 에서얻을수있습니다.
- 44-8. 용어정리 용어글 (post) 카테고리 (category) 태그 (tag) 미디어 (media) 페이지 (page) 댓글 (comment) 테마 (theme) 플러그인 (plugin) 설명 블로그의기본콘텐츠, 카테고리와태그선택가능, 예약글기능 글이분류되는저장소, 복수로지정가능하며, 보모 - 자식같은계층 (hierarchy) 구조 글과관련된연관키워드지정기능, 복수지정가능 이미지, 동영상등의멀티미디어를의미하고미디어라이브러리를통해관리 정적인콘텐츠를담는페이지 글또는페이지에의견을남기는수단 워드프레스에서외관 ( 즉, 디자인 ) 을담당하는개념 워드프레스에서기능확장을담당하는개념
Open Source Software Installation & Application Guide 이저작물은크리에이티브커먼즈 [ 저작자표시 비영리 동일조건변경허락 2. 0 대한민국라이선스 ] 에따라이용하실수있습니다.