워드프레스-기본-강의(심화)

Download Report

Transcript 워드프레스-기본-강의(심화)

워드프레스 플러그인&테마

린치핀소프트 한광희

1

수업 자료 안내

1.

www.linchpinsoft.com/lecture

(

강의자료 다운

)

2.

http://52.68.215.28/network/wp-signup.php

(

기초강의때 회원가입하셨다면 해당 사이트 이용하시면 됩니다

!)

3.

사용자명

/

사용디렉터리명 꼭 확인

!

비밀번호

12345

일괄적용

4.

사용자 사이트

: http://52.68.215.28/network/

입력한디렉토리명

관리자페이지

: http://52.68.215.28/network/ login.php ->

접속후 로그인

입력한디렉토리명

/wp-

2

목차

1.

플러그인

&

테마 소개

2.

실습 환경 구성

(

기본강의때와 동일

)

3.

실습 플러그인

A. JetPack Plugin

(

다양한 기능 제공하는 범용적인 플러그인

)

B. Kboard

(

한국형 게시판

C. Master slider

(

)

이미지 슬라이더

)

D. Page Builder

(

포스트

/

페이지 레이아웃 생성

)

E. Popups

(

팝업 만들기

F. Yoast Seo

)

(

구글에 최적화된 콘텐츠 작성하기

/SiteMap

G. TinyMce Advanced

(

콘텐츠 작성 기능 강화하기

H. Contact Form7

(

콘택트 폼

)

)

생성

)

4.

그외의 유용한 플러그인 소개

5.

레퍼런스

3

1.

플러그인

&

테마 소개

4

1.테마&플러그인 비교(예시)

테마(theme)

1. 각종 화면 효과와 전체 레이아웃 커스

터 마이징

2. 반응형 홈페이지 구성

3. 매거진 / 뉴스 사이트 같은 사이트에

적합한 전체 디자인 구성

4. 브라우저 버전 호환성

플러그인(Plugin)

1. SNS 공유/좋아요 플러그인

2. 쇼핑몰 기능(Woocommerce)

3.SNS 홈페이지 구성(Buddypress)

4. 연락처 폼, 사이트 통계, 스팸 탐색, 회

원관리,썸네일 재생성 등

웹 사이트의 디자인을 바꾸거나 전체적

인 시스템 성격을 바꾸고 싶을때 테마 변

웹 사이트의 디자인이나 레이아웃에 영

향을 미치지 않으며 특정 기능을 추가하

고자 할 때 플러그인 사용

보통 웹사이트의 기능을 확장할 때 이용

5

1.테마&플러그인 비교(예시)

테마

워드프레스에서 테마란 홈페이지의 외관을 구성하는 디자인과 기능을 수행하는 파

일의 모음입니다

.

구체적으로 말해서 워드프레스 핵심 프로그래밍 코드에 영향을 주

지 않고 홈페이지의 디자인을 바꿀 수 있게끔 합니다

.

또한 워드프레스 테마에는 홈페이지 디자인을 바꾸는 프로그래밍 코드가 포함되어

있으며 특정 테마의 경우 플러그인까지 포함되어 있는 경우도 있습니다

.

플러그인

플러그인이란

PHP

프로그래밍 언어로 작성된 확장 기능이라고 생각 할 수 있습니

.

워드프레스 기본 기능 이외에 추가 기능을 이용하고 싶을 때 개발자가 개발해 놓

은 플러그인을 설치하여 이용 할 수 있습니다

.

테마와 플러그인은 워드프레스 생태계의 중요한 핵심입니다

.

공개된 수만 개의 테마와 플러그인으로 프로그래머나 전문가가 아닌 일반 사용자도

퀄리티 높은 웹사이트를 만들어 활용 할 수 있습니다

.

6

2.

실습환경 구성

7

실습환경 구성

8

실습환경 구성

9

실습환경 구성

10

실습환경 구성

11

실습환경 구성(관리자 페이지 예시)

12

3.

실습 플러그인

13

데모 페이지

URL

http://52.68.215.28/network/de mo

14

A. JetPack

JetPack은 우선 wordpress.com 사이트에 가입후 해당 계정을 자신의 워드프레스

젯팩플러그인에 연동하여 사용합니다(wordpress.com 가입이 필수적)

그러므로 JetPack은 어떠한 기능이 지원되는지만 소개해드리도록 하겠습니다.

15

B. Kboard 게시판

Kboard는 코스모스팜에서 개발된 한국형 게시판입니다.

사용법: http://www.linchpinsoft.com/워드프레스-kboard/

16

C. Master Slider

Master Slider는 이미지 슬라이더를 손 쉽게 만드는 무료 플러그인입니다.

이외에도 Revolution Slider, Meta Slider등 다양한 유/무료 플러그인이 있습니다.

17

D. Page Builder

페이지 빌더(Page Builder)는 아래 화면처럼 포스트의 레이아웃을 동적으로 만들어

줍니다. 보통 메인페이지 또는 특정 페이지 레이아웃을 손쉽게 만드는데 이용합니

다.

18

E. Popups

Popups(팝업스) 플러그인은 아래 화면처럼 팝업을 만들수 있으며 노출될 페이지,

팝업 해지기간과 팝업 내용등을 아주 쉽게 설정할 수 있는 플러그인입니다.

플러그인 사용법 : http://www.linchpinsoft.com/워드프레스-팝업창popup-플러그

인-소개/

19

F. Yoast SEO

Yoast SEO는 사이트의 사이트맵(SiteMap)을 자동 생성해주며, Goolge검색엔진에

최적화된 콘텐츠인지를 체크합니다!

20

G. TinyMCE Advanced

TinyMCE Advanced 플러그인은 기보적인 워드프레스 텍스트 에디터의 기능을 한

층 더 강화해주어 페이지/포스트 작성시 더욱 높은 자율성을 부여합니다.

TinyMCE Advanced 사용안내 : http://www.linchpinsoft.com/tinymce-advanced-플

러그인/

21

H. Contact Form7

콘택트폼7 플러그인은 아래 화면처럼 “콘택트 폼”을 자유롭게 만들수 있습니다. 여

러 개의 콘택트폼을 만들어서 페이지/포스트에 삽입 할 수 있습니다.

Contact Form 7 안내 : http://www.linchpinsoft.com/contact-form7콘택트-폼-7플

러그인-이용하기/

22

4.

플러그인 소개

23

Woocommerce ( 쇼핑몰 플러그인 )

워드프레스를 이용하여 쇼핑몰을 구축할 수 있는 플러그인으로 국내의 PG사(KG이니

시스,LG데이콤 등)과 연동하는 추가 플러그인을 통하여 쇼핑몰 구축 가능

Duplicate Post ( 포스트 복제 플러그인 )

테스트 페이지 또는 페이지빌더와 같은 포스트 내에 레이아웃을 생성해두고 해당 레

이아웃을 재사용하고 싶을때 포스트 복제를 이용하여 편집가능

Duplicator ( 백업 및 이전 플러그인 )

워드프레스 데이터베이스 및 모든파일을 백업 할수 있는 플러그인. 백업을 통하여 자

료보존뿐만 아니라 웹 호스팅 또는 웹 서버로 워드프레스를 이식할 수 있는 기능

Wordpress Multisite ( 워드프레스 멀티사이트 )

워드프레스는 다수가 하나의 사이트를 운용할수도 있고 다수가 여러사이트를 운용할

수도 있습니다. 하나의 웹서버에서 여러명이 여러 개의 워드프레스사이트를 운용하고

싶을때는 워드프레스 멀티사이트를 이용하면 됩니다. 여러분들이 실습하신 실습사이

트가 워드프레스 멀티사이트로 구성되었습니다.

24

5.

레퍼런스

25

4. 레퍼런스

1. 린치핀소프트 블로그 : http://www.linchpinsoft.com/blog/

2. 워드프레스 공식 사이트 : https://ko.wordpress.org/

3. Wordpress Codex : http://codex.wordpress.org/

4. 한국워드프레스 사용자 모임 http://kopress.kr/

5. Tuts+ 워드프레스 튜토리얼 http://code.tutsplus.com/categories/wordpress

6. Themeforest.net http://themeforest.net/category/wordpress

7. Learn wordpress.com https://learn.wordpress.com/

무료 Theme 검색 TIP

1) Google 검색 > 검색 키워드 예시 “Best wordpress free themes “

2) https://wordpress.org/themes/ 에서 검색

26

Q&A

27

워드프레스 및 테마&플러그인 문의는 아래 연락처로 연락주시면 자세하게

안내해드리겠습니다.

린치핀소프트 한광희

Homepage : www.linchpinsoft.com

E-Mail : [email protected]

HP : 010 - 3247 - 6657

28