이것저것 공부노트

워드프레스 기초강좌 본문

IT

워드프레스 기초강좌

avalanche 2017. 11. 19. 01:51

WordPress

 워 드 프 레 스 기 초


 


1. 워드프레스란 ?

- 누구나 무료로 자유롭게 사용할 수 있는 오픈소스 홈페이지 제작 소프트웨어

- 워드프레스 공식 홈페이지(ko.wordpress.org)에서 다운받을 수 있는 코어(core)파일.

  워드프레스의 기본 골격을 이루는 파일과 기능을 구축하고 제어하는 파일들로 구성

- 코어 파일을 활용하여 웹페이지의 기능과 스타일을 무한대로 확장

- 전 세계의 1/6의 홈페이지가 워드프레스로 제작

- 현 4.7버전까지 업데이트, 한글버전 제공

 

2. 주요용어

➀ 테마(theme)

웹사이트의 레이아웃과 세부 디자인을 결정하는 파일. 무료 혹은 유료로 다운받아 워드프레스 내에 설치. 사이트의 용도나 기획에 따라 활용

 

➁ 플러그인(plugin)

워드프레스 내에 설치하는 다양한 기능을 가진 프로그램. 무료 혹은 유료로 다운받아 설치

 

3. 워드프레스의 장점과 단점

➀ 장점

- 수 만개의 테마와 플러그인으로 원하는 스타일과 기능을 쉽게 확장

- 저렴한 제작비용

- 테마를 잘 선정할 시 별도의 프로그래밍이 필요 없음

- 디자인이 상대적으로 용이, 제작시간 단축

- 지속적인 워드프레스와 테마 및 플러그인 업데이트

- 웹검색 최적화 및 웹표준 준수로 사이트 검색 및 노출에 유리

 

➁ 단점

- 테마 파일 수정이 어려움

- 테마 선정 시 시행착오 가능성

- 테마 수정 시 추가 프로그래밍 비용 발생

- 한국의 웹 환경과 맞지 않는 부분이 있음 (쇼핑몰 사이트 구축과 게시판 및 속도)

- 영어가 주로 쓰여 제작 중 문제 발생 시 제작자와의 소통이 어려움

 

 

4. 워드프레스, 이런 경우에게 추천!

➀ 웹사이트를 빨리 구축하려는 경우

➁ 일단 만들고 지속적으로 보완하려는 경우

➂ 비용이 충분하지 않은 경우

➃ 웹사이트 기술 인력이 없거나 부족한 경우

➄ 콘텐츠 중심의 웹사이트를 직접 운영하고 관리하는 경우

➅ 지속적인 업데이트나 최신 웹기술을 원하는 경우

➆ sns 연동 뿐 아니라 검색 노출을 중시하는 경우

 

5. 워드프레스, 이런 경우에는 비추천

➀ 국내 사용자를 대상으로 하는 쇼핑몰 웹사이트

➁ 커뮤니티 및 멤버십 웹사이트

➂ 프로그래밍이 추가로 필요한 웹사이트

 

6. 어떠한 사이트를 만들 것인지

➀ 어떠한 목적의 사이트인가?

➁ 주된 사용자 및 방문객은 누구인가?

➂ 어떠한 기능을 가지고 있어야 하는가?

➃ 필요한 예산은 얼마인가?

➄ 필요한 서버사양은 어떻게 되는가?(하드디스크, 트래픽용량)

➅ 반응형 웹페이지인가?

➆ 기본적인 사이트맵 작성

⑧ 메인페이지 구성 기획

이미지나 디자인 중심인지, 블로그 같은 텍스트가 중심인지에 따라 메인 구성(layout)이 달라짐 메인페이지 구성을 기획해야 워드프레스 테마를 선정하기 용이

 

7. 워드프레스의 설치

➀ 서버

- 서버란 홈페이지를 구성하는 파일을 설치 및 저장하고 홈페이지를 이용하는 컴퓨터들이 전 달하는 다양한 요청들을 처리하고 전송하는 컴퓨터 혹은 소프트웨어

- 일반적으로 전문 서버 운용 업체가 제공하는 호스팅 서비스를 이용

- 하나의 서버를 독점적으로 하는 서버호스팅보다는 일반적으로 웹 호스팅 서비스를 이용

- 홈페이지의 규모와 용도에 따라 사양 결정

 

➁ 워드프레스 서버 설치사양

- PHP 5.2.4이상 (PHP언어)

- MySQL 5.0 (데이터베이스)

- UTF-8(문자)

 

➂ 자동설치

카페24(https://hosting.cafe24.com/?controller=product_basic_wordpress)

닷홈(https://www.dothome.co.kr/web/wordpress/index.php)

후이즈 (http://hosting.whois.co.kr)

등 워드프레스 호스팅을 가지고 있어 구입하면 자동 설치 가능, 대신 비용이 비싼편

 

➃ 수동설치

퍼니오 호스팅 추천(https://www.fun25.co.kr/)

아파치 서버로 메모리 할당과 업로드용량을 설정할 수 있음.

최고의 가성비. 안정적인 서버속도

 

8. 워드프레스 수동설치하기 (퍼니오 호스팅)


준비할 것 

PHP5.6 이상의 호스팅, FTP프로그램인 파일질라(fillezilla), 워드프레스코어파일 



- 파일질라 다운받기 : 

   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) 보여주는 새로운 글 알림 수, 검색엔진 차단여부(홈페이지 완성 전엔 필요)  

➃토론: 댓글과 아바타 설정

➄미디어 : 미디어 라이브러리에 보이는 썸네일이미지 크기설정

➅고유주소 : 홈페이지 주소 설정 및 카데고리와 태그분류설정


* 홈페이지 검색엔진 차단 설정

헤더에 소스에 다음과 같은 코드 입력 (100%는 아님)

<meta name = 'robots' contents='noindex,follow'/>

검색 로봇이 홈페이지를 읽어들이는 것을 차단 


14. 워드프레스 무료 기본 테마



- 워드프레스 4.7버전 설치 시 나타나는 무료 테마 

- 현재 twenty seventeen(2017) 버전까지 나와 있음

- 2015,2016,2017 테마가 기본 제공 (워드프레스는 매 해마다 테마 제공)

- 올해인 2017테마는 홈페이지에서 다른 곳으로 이동하지 않고 단지 스크롤만으로 사이트의    모든 내용을 볼 수 있도록 하는  원페이지 사이트 및 반응형 사이트 

  (예시 : http://wpdesign.kr/wordpress47/)

- 2017테마 다운로드 : https://ko.wordpress.org/themes/twentyseventeen/


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) 제작 예상 테마설치 플러그인 목록

 


18. 추천 무료 사진 사이트 목록 


https://www.pexels.com/

http://www.lifeofpix.com/gallery/

http://imcreator.com/free

http://mmtstock.com/

https://unsplash.com/

http://publicdomainarchive.com/

http://www.everystockphoto.com/

http://www.stockvault.net/

http://www.stockfreeimages.com/

https://pixabay.com/

http://kr.freeimages.com/

http://ko.depositphotos.com/


19. 추천 무료 벡터 사이트 목록


https://www.vexels.com/free-vectors/qvectors/

https://www.vecteezy.com/


20. 무료 그래픽 소스 사이트


http://www.freepik.com/

https://pixelbuddha.net/freebies

http://www.bestpsdfreebies.com/freebies/


21. 무료 아이콘 다운로드 사이트

https://thenounproject.com/


22. 추천 무료 폰트 사이트

http://www.dafont.com

http://www.1001fonts.com/

http://modangs.tistory.com/346

http://modangs.tistory.com/620


23. 추천 유료 사진 사이트 목록 (정액제)

http://www.shutterstock.com

http://www.gettyimagesbank.com/

http://www.freegine.com


24. 참고 웹 탬플릿 디자인

http://www.imcreator.com/templates


25. 참고 UI(user interface)디자인

http://lapa.ninja/

https://www.uplabs.com/



26. 워드프레스 테마추천(wordpress theme)


워드프레스를 사용하다보면 좋은 테마를 사용하는것이 중요하다고 느껴지실 텐데요.

문제는 이 테마의 수가 수만개라 과연 나에게 맞고 좋은 테마를 어떻게 찾아야 할 것인지 고민이 많이 되기 마련입니다.

테마를 구입하고 쓰면서 좋은 테마란 어떤건지 나름 기준을 적어보았습니다.



1) 제작하고자 하는 사이트의 목적에 맞는지 확인합니다.


제가 주로 사용하는 워드프레스 테마 사이트인 

테마포레스트 (www.themeforest.net)

에는 목적에 따라 테마를 구분하고 있습니다.

각각의 카데고리에 따라 어떤 용도가 있는지 알아보겠습니다.


----------------------------------------------------------------------------


blog/magazine - 개인 블로그나 언론사 잡지 형식의 테마입니다.


buddy press - 홈페이지 회원끼리의 채팅이나, 커뮤니티가 가능한 테마입니다.


corporate - 기업 사이트 테마로, 모던한 디자인이 많습니다.


creative - 포트폴리오 중심의 테마로, 개인 포트폴리오 사이트나 디자인 회사에 맞는 테마입니다. 


directory &listings- 디렉토리 검색에 최적화된 테마입니다. 정보량이 많은 사이트에 맞겠네요.


e-commerce - 온라인 쇼핑몰 전용 테마입니다.


education - 교육 컨텐츠 사이트나 학원, 어린이집, 유치원, 학교에 최적화된 테마입니다. 포인트로 콘텐츠를 구매할 수 있는 테마도 있군요.


entertainment - 음악, 공연,가수 팬사이트. 레스토랑, 카페 등 다양한 목적으로 쓰이네요. 


layers wp - 네이버 스킨같이 제작가능한 테마입니다.  제작이 직관적이고 쉬워서 인기몰이 중이네요/


mobile - 모바일사이트 전용 테마입니다.


nonprofit - 기부, 봉사 관련 사이트에 맞는 테마입니다.


real estate - 부동산 관련 사이트입니다. 위치보기와 매물보기 기능이 있네요.


retail - 소규모 가게나 매장에 어울리는 테마입니다.


technology - IT기업 스타일의 테마


wedding- 웨딩업체, 웨딩홀, 청첩장 사이트 테마입니다.


miscellaneous - 말그대로 기타등등.. 



---------------------------------------------------------------------------------------------


이 분류를 토대로 사이트의 목적에 맞는  테마를 검색합니다. 




2) 모든 브라우저에 호환되는지 확인합니다.


테마별로 익스플로러, 크롬, 사파리, 파이어폭스 등 다양한 브라우저가 호환되는지 살펴봅니다. 모든 브라우저가 호환되야 가장 좋죠 ㅎ

만약 브라우저가 호환되지 않는 테마를 쓸 경우 레이아웃이 틀어질 경우가 많아서 테마 구입 전에 고려해야 합니다.


브라우저 호환은 테마 설명에 나와 있습니다.


Compatible Browsers
 IE 8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome, Edge 

이렇게요 ㅎ



3) 테마구입수, 별점, 포럼이 활발한지 확인합니다.


테마포레스트의 메뉴 중 popular item 에 보이는 테마들은 

세계에서 가장 많이 팔린 테마로서, 상위권 테마들은 주로 total 테마로서 다양한 목적에 맞는 템플릿을 가지고 있습니다.

무엇보다도 많이 팔린 테마가 좋은 점은 안정성에 있죠~ 버그 업데이트나 고객 서비스에 잘 대응한 테마가 상대적으로 베스트셀러가 되니까요.

사용자 수와 별점 수를 보면서 테마의 버그 안정성과, 테마별 포럼을 보면서 사용자들의 요구나 질문에 대한 대답이 철저한지 보시고 안정성있는 테마를 구입하시기 바랍니다.

아 물론, 영어로 물어보셔야 되요..;;

그리고 시차도 확인 ㅎㅎ 바로 대답이 오기는 어렵겠죠. ㅎ



4) 제작이 쉬운지 확인합니다.


워드프레스 테마는 코딩이 어려우니 슬라이더 제작 플러그인인 revolution slider, 페이지 제작 플러그인인 visual composer 같은 플러그인이나 layers wp 가 내장되어 있는 테마는  제작하기가 간편하고 섬세한 커스터마이징이 되는 테마를 찾는게 좋겠죠.  이런 플러그인들은 유료라 따로 구하시려면 구입해야 한답니다. 


플러그인 구입

https://codecanyon.net/category/wordpress?_ga=1.72320851.1586898795.1478410569


5) 테마 추천


앞서 얘기한 테마 조건으로 몇가지 좋은 테마를 추천해 볼게요. :)

 

---------------------------------------------------------------------------------------------


AVADA THEME



 베스트셀러 1위인 avada theme입니다. 지금 4.0 버전이구요.  

20만 다운도드 수를 자랑합니다. 

어떤 분은 스위스 만능칼에 비유하기도 했네요. 템플릿은 16개, 

다양한 목적으로 사용 가능합니다. 속도도 빠른 편입니다. 

우리나라에도 많은 사람들이 써서 그런지 관련 포럼이 있구요.

 반응형 홈페이지입니다.

예전에는 IE 8까지 지원했었는데 현재는 9부터 지원해서 아쉽네요.



국내 아바다 포럼


https://avada.kr/

http://avadakr.modoo.at/



구매링크

http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226



가격은 60달러입니다.


호환브라우저는 IE9, IE10, IE11, Firefox,Safari, Opera, Chrome,Edge

이구요. 

쇼핑몰 테마인 woo commerce와 빌더플러그인인 fusion builder, 슬라이더 제작 플러그인인 revolution slider가 내장되어 있습니다.

지금은 테마포레스트에 가입하면 

7일 무료 체험판을 할 수 있다고 하네요. 

https://themeforest.net/wordpress/hosted




---------------------------------------------------------------------------------------------


ENFOLD THEME

 

enfold도 많이 쓰는 테마입니다. 깔끔하고 세련된  

디자인과 여러 템플릿을 가지고 있는 토탈테마입니다.  

반응형 홈페이지구요. 전 브라우저에 호환이 되는 테마라

이 테마도 베스트셀러군에 속합니다.  

기업형 홈페이지나 모던한 디자인을 원하는 분들이 좋아할 만한 테마입니다.

여기도 몇년간 상위권이라 안정적인 테마입니다.

비디오 튜토리얼도 괜찮구요. 포럼도 잘 되어 있습니다.


호환브라우저는 IE8,  IE9, IE10, IE11, Firefox,Safari, Opera, Chrome,Edge

이구요. 


구매링크

http://themeforest.net/item/enfold-responsive-multipurpose-theme/4519990


가격은 59달러입니다.

자체 빌더를 가지고 있으며 구축 난이도가 쉬운 편이고 포트폴리오의 카데고리별 구분 기능이 강력합니다. 디자인은 깔끔하고 무난합니다.

무엇보다 속도가 빠른 편입니다.


---------------------------------------------------------------------------------------------


RONNEBY THEME



많이 치고 올라와 베스트셀러가 된 테마입니다.

베스트셀러 테마 중엔 가장 디자인이 좋다고 생각하는데

테마가 좀 느린감이 아쉽네요.

46개의 풍부한 템플릿이 좋지만

호환되는 브라우저가 좀 적은게 단점입니다.

기존 템플릿에서 좀만 수정해도 멋진 사이트가 되는 테마라 

추천드려요.  


 IE11, Firefox,Safari, Opera, Chrome,Edge


구매링크

http://themeforest.net/item/ronneby-highperformance-wordpress-theme/11776839



가격은 59달러입니다.

슬라이더 제작 플러그인인 revolution slider, 

빌더 플로그인인 visual composer가

장되어 있습니다.



----------------------------------------------------------------------------


TOTAL THEME



토탈테마는 visual composer, templatera, revolution slider, layer slider등 다양한 플러그인으로 제작이 쉽고 woo commerce 플러그인으로 쇼핑몰 제작에도 좋은 테마입니다. 검색엔진최적화(SEO)로 포털사이트 검색에도 용이한 장점이 있습니다. 30개의 템플릿이 있습니다. 무난한 디자인으로 다양한 목적의 홈페이지가 가능합니다.


호환브라우저는 IE8,  IE9, IE10, IE11, Firefox,Safari, Opera, Chrome,Edge

이구요. 


구매링크

http://themeforest.net/item/total-responsive-multipurpose-wordpress-theme/6339019


가격은 59달러인데.. 세일중이네요 ㅎ 

개인적으로 templatera 플러그인때문에 구축하기는 가장 쉬웠던 테마입니다. 프론트엔드빌더라 사이트 구축확인이 바로바로 되서.. ㅎㅎ 

대신 플러그인이 좀 무겁습니다. ㅠㅠ 



---------------------------------------------------------------------------------------------


HYPER-X  THEME


포트폴리오와 디자인 회사에 잘 어울리는 테마입니다.

내장 빌더와 세심한 커스터마이징으로 제작하기 쉬운 장점이 있습니다.

급속도로 순위가 올라가고 있네요. 빠르게 홈페이지를 만들고 싶으시면 추천드리는 테마입니다.


호환브라우저는 IE8,  IE9, IE10, IE11, Firefox,Safari, Opera, Chrome,Edge

이구요. 


구매링크

http://themeforest.net/item/hyperx-portfolio-for-freelancers-agencies/13439786?s_rank=4


가격은 59달러입니다.

슬라이더 제작 플러그인인 revolution slider, 

빌더 플로그인인 visual composer가

장되어 있습니다.


---------------------------------------------------------------------------------------------


이상 활용도가 높고, 인기있는 테마를 소개해 드렸는데요. 이 테마가 아니더라도 어떤 목적에 사이트냐에 따라 베스트 테마는 달라지니 참고용으로 보시면 좋겠습니다.



27. 레볼루션 슬라이더 (revolution slider) 

워드프레스 사이트의 디자인이 돋보이는 이유중 하나로 주로 사이트 메인페이지에 있는 다이나믹한 슬라이드를 들 수 있는데요.

슬라이드로 홈페이지의 방문객들로 하여금 홈페이지의 정체성이나 슬로건, 가장 표현하고자 하는 바를 간략하고 임팩트있게 전할 수 있어 특히 회사 홈페이지 위주로 많이 쓰이고 있습니다. 

 그 중 가장 유명한 슬라이드 플러그인 중 하나인 레볼루션 슬라이더(revolution slider) 를 소개하고자 합니다.  

현재 25달러로, 16만다운로드 횟수를 자랑하는 대표적인 슬라이더 플러그인이라 할 수 있습니다. 현재 5.3버전까지 나왔습니다.



테마포레스트의 다운로드 링크는 여기입니다.

https://codecanyon.net/item/slider-revolution-responsive-wordpress-plugin/2751380?s_rank=1

아님 공식사이트에서 다운받을 수도 있구요.

https://revolution.themepunch.com/

아님 워드프레스 플러그인 메뉴에서 검색하면 바로 다운받으실 수 있으며, 구매 코드를 입력해야 활성화됩니다.

만약 영어가 자신있으신 분은 동영상 튜토리얼을 참고하세요.

https://www.youtube.com/watch?v=OIJShHQlMx0&list=PLSCdqDWVMJPPDcH_57CNZvLckoB8cimJF




'IT' 카테고리의 다른 글

초등 코딩교육이란  (0) 2017.11.29
HTML5와 태그 정리  (0) 2017.11.25
멘탈모델/애자일 UX 디자인  (0) 2017.11.25
3DSMAX 기본 인터페이스 1  (0) 2016.10.15
웹디자인 기본용어 정리  (0) 2016.03.20
Comments