잔머리로 세상을~~

워드프레스 테마(theme)소개-15탄_slideone

워드프레스 테마(theme)소개-15탄_slideone(이하 슬라이드원) 입니다.

어느덧 워드프레스 테마 소개 열다섯째 입니다 

슬라이드원은  한페이지로 구성된 독특한 형태의 One Page Parallax, Ajax WP Theme 테마입니다 이테마는 한페이지에서 이동을 하며 보여주는 간단한 워드프레스 테마입니다  

제작자는 GoodLayers입니다  제가 일전에 소개한 모더나이즈(Modernize 테마소개 3탄)와 더갤러리(The Gallery 테마소개 11탄)를 만든 제작자죠  유명한 제작자입니다. 

이제 테마 설명 들어갑니다.  

이화면은 첫페이지만 더미파일을 가져와 첫화면만 구성해본 예입니다.--테마샘플보기

워드프레스 테마명 : Slideone(슬라이드원)

1. 테마가격(달러) : $40에  themeforest 에서 팝니다

2. 테마 URL : 

http://themeforest.net/item/slide-one-one-page-parallax-ajax-wp-theme-/1470920?WT.ac=search_thumb&WT.seg_1=search_thumb&WT.z_author=GoodLayers

http://themes.goodlayers.com/slideone/

3. 테마의 장단점 : 

장점:  

1. 간결한 반응형웹(다른 반응형 웹과는 조금 다른형태로 보여줍니다. 메뉴별로 보입니다. 설명하기가 좀 어렵네요. 보시는게 더욱 빠를 겁니다. http://themes.goodlayers.com/slideone/)

2. 한페이지로 구성 

3. 블로그 및 포트폴리오 있음 

4. contack us 등 일전에 소개한 테마와 구성이 비슷함->좀만 이해하면 쉬운 테마임   

5. 지원하는 브라우져 IE8, IE9, Firefox 3,Firefox 4, Safari 4, Safari 5,Opera, Chrome

 등등이 있습니다.

테마 포레스트에 기재된  장점은 아래와 같습니다.

Theme Features

• .pot file for localization available(지역화, 현지화를 위한 .pot file)
• Unlimited Color(무제한 컬러)
• 6 Footer Layouts(6가지형태의 footer)
• 350+ Fonts Available(350가지 이상의 폰트사용가능)
• Drag Drop Page Builder(드래그 드롭페이지 빌더)
• Drag Drop Slider Manager(드래그 드롭 슬라이드 매니져)
• Built-in Translator (번역을 위한 폼제공)
• Built-in Shortcodes(숏코드 제공)
• Font Uploader (폰트 업로더)
• Logo Uploader(로고 업로더)
• Background Uploader(배경 업로더)
• 15 Pre-Defined Background Patterns(15개의 배경 제공)
• Thumbnail Options(썸네일 옵션)
  • Static Image(고정이미지)
  • Slider(슬라이드)
  • Video(비디오)
  • Light Box Option(라잇 박스 옵션- 누르면 창이 생성되면 커지는 효과)
• Price Table(가격표)
• Social Share for Posts(포스트를 위한 소셜 나눔 기능)
• Social Link on Header (헤더에 소셜 링크 제공)
• 3 Image Sliders (3가지 형태의 이미지 슬라이드)
  • Nivo slider (니보 슬라이더)
  • Anything Slider(애니씽 슬라이더)
  • Flex Slider(플렉스 슬라이더)

위와 같은 특징이 더 있네요..

단점이라함은 첨 보고 걍 할라면 어렵습니다. 하지만 비디오 강의를 보고 하시면 쉽습니다.

더미데이터를 가지고 와도 테마옵션에 가서 별도의 메뉴설정을 해야하기 때문에 그걸 모르면 한참 헤맨 답니다.

슬라이드 원은 작은 회사나 깔끔한 구성을 원하시는 분이 쓰시면 좋을 듯 싶습니다.

우리나라에서는 이러한 기능의 홈페이지는 많지 않기 때문에 독특한 멋을 원하시는 분들에게도 좋은 테마인거 같습니다.

이상 잔머리(네이버 워드프레스카페  아이디: 인생은복불복) 이였습니다.  ^^;  

워드프레스 테마(theme)소개-14탄_slash

워드프레스 테마(theme)소개-14탄_ Slash(이하 슬래쉬) 입니다.

정말 오랜만에 열네번째 테마 소개입니다 반응형  풀백스크린동영상 테마입니다..

이테마는 이미지를 강조할 수 있는 핀터레스트 타입 워드프레스 테마입니다  이제테마 설명 들어갑니다.  

워드프레스 테마명 : Slash(슬래시)

1. 테마가격(달러) : $45에  themeforest 에서 팝니다

(먼저 돈을 예치하고 사면 $45 그냥 페이팔로 계산하면 $2인가 더 낼껍니다 예치하고 사시는게 이득입니다 -  themeforest 테마구입 팁- *_* )   

2. 테마 URL : 

http://themeforest.net/item/slash-wp/701905?WT.ac=search_thumb&WT.seg_1=search_thumb&WT.z_author=Dream-Theme

http://sl.dream-theme.com/wp/demo1/

3. 테마의 장단점 : 

장점:  

1. 반응형웹,

2. 독특한 핀터레스트 형식의 블로그, 포트폴리오(슬래시 모양입니다.)

3. 블로그에 앨범식으로 구성가능 

4. 동영상백그러운드, Fullwidth slide, 포토갤러리 독특한  기능   

5. 지원하는 브라우져 IE7, IE8, IE9, Firefox 3,Firefox 4, Safari 4, Safari 5,Opera, Chrome

 등등이 있습니다.

여려 형태제공하는 블로그 포트폴리오

3가지 형태의 포스트형식

반응형 웹

단점: 

첫화면의 동영상백그러운드를 설정하려면 Jwplayer를 다운 받으셔서 설치하셔야 합니다.

저는 이거 하다가 포기를 했습니다. 잘 됐는지 안됏는지 안되더라고요. .안되면 뭐 뜨던가. .됐으면 뭔가 나오던가... 아 짱놔... ㅋㅋ 

첫화면 동영상으로 잡기 힘들더라고요.. 안 됩디다. 저 못 했습니다.. 담에 되면 다시 성공의 팁을 을... ㅋㅋ  추가 설명드리겠습니다.

일단 이테마는 제가 다니는 회사(엠디솔루션)에서 워드프레스 펜션테마로 선정하였습니다

물론 워드프레스 펜션테마는 있습니다  그러나 반응형 펜션 테마가 거의 없습니다. 

(일단 있는 반응형 워드프레스펜션테마를 구매해서 샘플은 만들어 놨습니다. 이건 담에 소개하도록 하죠 ) 

이가 없으면 잇몸 다른 테마를 워드프레스 펜션테마로 .. 

시원한 이미지로 펜션을 소개하는 테마로 슬래시를 선택했습니다. 일단 첫화면과 메뉴만 설정해 놓았습니다. 

담엔 식당테마를 소개토록 할께요.. 연말이라.. 소개가 좀 없어 죄송합니다. 

이상 잔머리(네이버 워드프레스카페  아이디: 인생은복불복) 이였습니다.  ^^;  

워드프레스 자식테마(child theme)만들기

Wordpress 자식테마(child theme)만들기에 도전해봅니다.

일단  Childe Theme(자식 테마)에 대해 알아보겠습니다.

Child Theme(자식테마)은 Style.css 파일을 제외한 모든 파일들을 Parent Theme(부모 테마)으로부터 자동으로 물려 받는 테마를 말합니다

Child Theme(자식테마)를 만드는 이유

이번 코어업데이트 이후 각종 테마들이 업데이트를 단행 했습니다. 테마가 업데이트 되면 노력해서 바꿔놓은 코드, css가 덥어 씌워져 다시 해야됩니다. 어딜고쳤지? 지난번꺼 남겨둘껄 하고 생각합니다 

우씨...

하지만 child theme를 만들면 사용하면 이런 걱정에서 해방이 된다고 하네요... 

일단 테마를 설치합니다. 

글구 자식테마(child theme)폴더를 만듭니다.

Child 테마의 Style.css 파일 만들기

메모장 같은 텍스트 에디터 프로그램을 사용해서 style.css 파일을 만듭니다. 제일 윗 줄부터 아래와 같은 형식으로 주석문을 생성합니다 이 주석문은 워드프레스 해당 테마의 정보로 사용이 됩니다.

/*
Theme Name:     Avada Child
Theme URI:      http: //mdsolution.net/
Description:    Child theme for the Avada theme
Author:         Janmori
Author URI:     http: //janmaori.tystory.com
Template:       Avada
Version:        0.1.0
*/

위의 주석문 중에서 Theme Name과 Template 정보는 반드시 있어야 하고 나머지는 선택사항 입니다.

• Theme Name: 자식 테마의 이름
• Theme URI: 테마를 다운 받을 수 있는 주소나 테마를 설명해 놓은 곳
• Description: 테마에 대한 간략한 설명
• Template: 부모 테마가 설치된 디렉토리 이름, 대소문자 구별함
• Author: 템플릿 제작자 이름
• Author URI: 템플릿 제작자 홈페이지 주소

위의 css 파일을 자식 테마의 디렉토리로 업로드 하게 되면 자식테마가 완성이 됩니다. 하지만 앞에서 말했던 바와 같이 style.css 파일은 부모 테마로부터 물려받지 않기 때문에 child theme을 활성화 시켜보면 제대로 레이아웃이 갖춰져 있지 않게 됩니다. 따라서 부모 테마에서 CSS 정보를 import를 사용해서 부모 테마의 css 파일로 불러와야 합니다.

예를 들면 아래와 같이, 알림판의 ‘Appearance>Editor’로 가서 style.css에서 import를 사용해서 Parent theme의 css 화일을 불러옵니다. 그리고 하단에 수정할 부분을 수정합니다.

/*
Theme Name: Avada Child
Description: Child theme for the Avada
Author: Your name here
Template: Avada
*/

@import url("../Avada/style.css");
 
여기서 수정합니다. ^^;

다른 파일의 수정방법 알아보기

css 파일은 앞의 방법처럼 수정을 하면 되는데, 만약 header.php 나 index.php 파일과 같은 다른 파일을 수정하고 싶다면, 부모 테마에서 그 파일을 자식테마로 복사해서 수정하면 됩니다.

워드프레스 자식테마(child theme)만들기 마무리!!
워드프레스의 강점 중에 하나인 child theme을 이용한 테마 수정은 이미 널리 알려져있고 실제 많은 블로그에서 자식테마(child theme)를 이용하여 부모테마(parent theme)를  수정, 커스터마이징하고 있습니다  여러분도 현재 테마를 수정하고자 하실 때는 자식테마(child theme)를 이용하시면 부모테마(parent theme)가 업데이트 되어도 자식테마(child theme)에 수정한 것들은 계속 유지보존되기 때문에 걱정없이 수정 및 업데이트를 하실 수 있을겁니다. 

단, 그리나 부모 테마의 파일들을 참조하기 때문에 로딩 속도가 약간 느려지는 단점도 있답니다. 참고하세요.

이상 잔머리(네이버 워드프레스카페  아이디: 인생은복불복) 이였습니다.  ^^;   

워드프레스 테마(theme)소개-12탄_ Bangkok press

워드프레스 테마(theme)소개-12탄_ Bangkok press(이하 방콕프레스) 입니다.

열두번째 테마 소개가 되는군요...

반응형 블로그&매가진인 방콕프레스는 쉽습니다.

소개 3탄에 있었던 modernize(이하 모더나이즈)와 11탄에 소개한 the gallery(이하 더 갤러리)를 만든 팀이 만든 거라 사용방법도 모더나이즈나 더갤러리랑 거의 같다고 보시면 되겠습니다. 조금 다른건 형태죠... 이건 블로그&매거진 용이니.... 

테마명 : Bangkok Press

1. 테마구입비(달러) : $45  themeforest  

2. 테마 URL : 

http://themeforest.net/item/bangkok-press-responsive-news-editorial-theme/1613446?sso?WT.ac=search_item&WT.seg_1=search_item&WT.z_author=GoodLayers

http://themes.goodlayers.com/bangkokpress/

3. 테마의 장단점 : 

장점:  

1. 반응형웹,

2. 고급스러운 디자인, 다양한 위젯 지원

3. 쉬운구성,2가지 슬라이드 

4. , IE8, IE9, Firefox 4, Safari, Chrome지원

제가 쓰는 거보다 테마설명에 나와있는것을 쓰는것이..... 편할 것 같습니다.

Theme Features

• .pot file for localization available
• SEO Optimized
• Unlimited Color
• 6 Footer Layouts
• 10+ Blog styles
• 450+ Fonts Available
• Drag Drop Page Builder
• Drag Drop Slider Manager
• Built-in Translator
• Built-in Shortcodes
• Font Uploader
• Logo Uploader
• Background Uploader
• 15 Pre-Defined Background Patterns
• 4 Custom Post Types
  • Portfolio
  • Gallery
  • Testimonial
  • Price Table
• Thumbnail Options
  • Static Image
  • Slider
  • Video
• Price Table
• Social Share for Posts
• Social Link on Header
• Video Tutorial for Setting Up as Demo Site

워드프레스 테마(theme)소개-11탄_ the gallery

워드프레스 테마(theme)소개-11탄_ the gallery(이하 더갤러리) 입니다.

벌써 열한번째 테마를 소개가 되는군요...

반응형 포트폴리오 테마인 the gallery는 쉽습니다.

소개 3탄에 있었던 modernize(이하 모더나이즈)를 만든 팀이 만든 거라 사용방법도 모더나이즈랑 거의 같다고 보시면 되겠습니다. 

테마명 : the Gallery

1. 테마구입비(달러) : $45  themeforest  

2. 테마 URL : 

http://themeforest.net/item/the-gallery-automatically-generated-gallery-/2128369?ref=GoodLayers

http://themes.goodlayers.com/?theme=thegallery

3. 테마의 장단점 : 

장점:  

1. 반응형웹,

2. 고급스러운 디자인

3. 쉬운구성, 폴더별로 갤러리 구분할 수 있음 

4. , IE8, IE9, Firefox 4, Safari, Chrome지원

단점 :

1.이미지가 많아 약간 무거운 감 있음 

4. 테마구성화면 (우리회사 엠디솔루션 워크샵에서 찍은 사진으로 대강 만들어 봤습니다. )

일단 메인페이지만 구성해 봤습니다. 이테마는 여러 작가의 사진 또는 여러 행사별로 갤러리 구성하여 보여줄수 있어 좋은 거 같습니다. 

아직 내용은 구성이 되지 않았습니다.  좀더  보강되면  기능 설명을 더 넣도록 하겠습니다. 

문의있으시면. .댓글... 

여기에 사용된 테마가 궁금해요?~~ 궁금하면  500원!! ^^;;

이상 잔머리(네이버 워드프레스카페  아이디: 인생은복불복) 이였습니다.  ^^;  

워드프레스 테마(theme)소개-6 vivo_비추천테마

그동안 추천 테마만 적었었는데, 비추천 테마도 함 적어봅니다.

1. 테마구입비(달러) : $45 테마명 : vivo themeforest 에서 구입