Divi 테마용 블로그 포스트 템플릿 하나가 추가 배포가 되었습니다. 이미 2018년에 배포를 한 호스팅 회사 레이아웃팩에 사용할 수 있는 블로그 포스트 템플릿 입니다. 저번 포스트 템플릿과 같이 사이드바는 없는 레이아웃입니다. 역시 Post Meta 부분 처리와 댓글 관련 부분은 참고할 것이 많아 보입니다. Divi 빌더, 테마를 사용하면서 블로그 포스트 디자인 변경이 쉽지 않았습니다. 4.0으로 업데이트 되면서 추가된 테마 빌더 기능으로 인해 그나마 이 부분이 해결이 되었습니다. 그 이후 이렇게 블로그 포스트 템플릿이 배포가 되어 참고할 샘플이 생겨서 만족합니다. https://www.elegantthemes.com/blog/divi-resources/get-a-free-blog-post-templa..
Elegant theme에서 결국 or 드디어 Divi 마켓플레이스를 오픈하였습니다. 호스팅도 오픈을 하더니 수익증대를 위한 마켓도 오픈을 하였다고 볼 수 있습니다. Divi 빌더의 기능이 점점 늘어나고 무료 레이아웃을 배포하고 있기는 합니다만 초보자가 한번에 쉽게 배우기는 점점 힘들어지고 있습니다. 간단히 Divi 빌더에 기능이 추가될 수록 신규유저들은 배우고 익혀야 하는 기능이 늘어나는 것이라 할 수 있습니다. 그리고 아직까지는 Divi 빌더내의 모듈의 기능에 빠진 부분들도 있기도 합니다. 이미 Divi 빌더에 적용을 할 수 있는 모듈, 레이아웃 등을 개별적으로 판매하는 곳이 많았습니다. 이런 업체 또는 개인이 Divi 마켓플레이스에서 판매를 시작했습니다. 급하게 필요한 모듈이나 익스텐션, 그리고 레..
Elegant Theme의 Extra 테마의 4.5.2 업데이트가 배포되었습니다. 업데이트 세부사항은 아래와 같습니다. version 4.5.2 ( updated 07-30-2020 ) - Fixed issue when changing the colors of the Circle Counter in different responsive view contexts. - Fixed the issue when module settings were not saved in some cases. - Fixed uncaught addEventListener error when hover over Divi Layout Block and it's not activated yet. - Updated Divi Layout p..
몇일전에 배포된 Divi 테마 Holistic Healer 레이아웃의 헤더와 푸터 탬플릿이 추가 배포되었습니다. 워드프레스 Divi 테마 Holistic Healer 레이아웃 패키지 배포 워드프레스 Divi 테마 Holistic Healer 레이아웃 패키지 배포 Divi 테마 업체인 elegant theme에서는 일주일에 한 개의 무료 레이아웃을 배포하고 있습니다. 이번주에 배포된 레이아웃 패키지는 Holistic Healer(치유사)를 위한 패키지입니다. Holistic Healer 라는게 낯�� blogwp.tistory.com Elegant Theme에서 이제는 레이아웃을 배포하고 헤더와 푸터 템플릿까지 배포를 하기 시작한 듯 합니다. 이제는 헤더와 푸터까지 배포되는 만큼 완벽한 웹사이트 디자인을 ..
Elegant Theme의 Divi 테마 4.5.1 업데이트가 배포되었습니다. 업데이트 세부 사항은 아래와 같습니다. version 4.5.1 ( updated 07-13-2020 ) - Fixed the issue preventing to switch between the tabs of the responsive options. - Added hover background when button is hovered in Visual Builder. - Allow 3rd Party Extension to use builder editable elements on their custom modules. - Fixed PHP 7.4+ deprecated passing parameters to implode i..
Elegant Theme의 Extra 테마의 4.5.1 업데이트가 배포되었습니다. 업데이트 세부사항은 아래와 같습니다. version 4.5.1 ( updated 07-13-2020 ) - Fixed the issue preventing to switch between the tabs of the responsive options. - Added hover background when button is hovered in Visual Builder. - Allow 3rd Party Extension to use builder editable elements on their custom modules. - Fixed PHP 7.4+ deprecated passing parameters to implode ..
Divi 테마 업체인 elegant theme에서는 일주일에 한 개의 무료 레이아웃을 배포하고 있습니다. 이번주에 배포된 레이아웃 패키지는 Holistic Healer(치유사)를 위한 패키지입니다. Holistic Healer 라는게 낯설기는 한데 살펴보니 해외에는 반려동물을 위한 Holistic Healer 라는 직업도 있는 듯 합니다. 총 7개 페이지의 레이아웃이 제공이 됩니다. https://www.elegantthemes.com/blog/divi-resources/get-a-free-holistic-healer-layout-pack-for-divi?utm_source=Elegant+Themes&utm_campaign=87781f91a8-Divi_Monthly&utm_medium=email&utm_..
Divi 테마와 Extra 테마가 4.5 버전으로 업데이트 되면서 프리셋 기능이 추가되었습니다. 정확히는 Divi 빌더가 새로운 기능이 추가되었다고 봐야 할 것 같습니다. 새로 추가된 프리셋 기능을 활용할 수 있는 무료 프리셋을 elegant theme에서 바로 배포를 하였습니다. 배포된 프리셋은 2018년 5월에 elegant theme에서 배포한 Digital Marketing 레이아웃 프리셋입니다. 전체적인 스타일에 대한 프리셋입니다. 버튼 모듈에서 사용할 수 있는 프리셋 Blurb 모듈에서 사용할 수 있는 프리셋 이메일 모듈에서 사용할 수 있는 프리셋 기타 여기저기 모듈에서 사용할 수 있는 프리셋입니다. 이번에 새롭게 추가된 Divi 빌더의 프리셋 기능 Divi 빌더내의 모듈에서 사용할 수 있는 ..
몇일 전 Elegant Theme에서 배포한 Spice Shop (향신료 가게) 레이아웃 무료 패키지의 헤더 및 푸터 디자인이 배포 되었습니다. 워드프레스 Divi 테마 spice shop 레이아웃 패키지 워드프레스 Divi 테마 spice shop 레이아웃 패키지 Elegant Themes에서 새롭게 배포한, Divi 테마에서 이용할 수 있는 spice shop (향신료 가게) 레이아웃 패키지입니다. 전체 레이아웃 디자인은 아래 링크에서 확인할 수 있습니다. https://www.elegantthemes.com.. blogwp.tistory.com PC로 접속했을때 보여지는 Spice Shop 테마의 헤더 및 푸터 디자인입니다. 모바일로 접속할 경우 보여지는 Spice Shop 헤더 및 푸터 디자인입니..
Elegant Theme 의 Extra 테마의 4.5 업데이트가 배포되었습니다. 업데이트 세부사항은 아래와 같습니다. version 4.5 ( updated 07-09-2020 ) - Added new Divi Presets system Extra 테마도 Divi 테마와 같이 Divi의 새로운 기능 프리셋이 추가되었습니다. Divi 프리셋 기능은 아래 링크에서 보실 수 있습니다. https://www.elegantthemes.com/documentation/divi/divi-global-presets/ Divi Global Presets - Elegant Themes Documentation Learn how to create Divi Presets and apply them to modules acro..
워드프레스에는 사용할 수 있는 정말 많은 수의 무료 테마와 유료 테마가 있습니다. 너무 많은 수의 테마들이 있어서 뭐가 나한테 맞는지 확인하다가 시간이 다 지나갈 수 있습니다. 처음 워드프레스 블로그에 입문을 하였다면 일단 무료 테마로 시작을 해보기 바랍니다. 물론 유료 테마를 사용하면 좋습니다만 일단 콘텐츠에 신경을 써서 진행하는 것을 추천해드립니다. 무료 테마 워드프레스에서 자체적으로 제공하는 무료 테마가 있습니다. 워드프레스를 설치하고 나면 몇 개의 기본 테마가 함께 설치가 됩니다만 이 테마들은 예시로 설치가 되는 것이라고 생각하면 좋습니다. 테마 개발을 위한 샘플 이라고 하면 좋을 듯합니다. 그래서 일단 무료 테마를 찾아서 설정을 해야 하는 것이 좋습니다. 무료 테마는 보통 유료 테마의 기능이 1..
Elegant Theme의 Divi 테마 4.5 업데이트가 배포되었습니다. 업데이트 세부 사항은 아래와 같습니다. version 4.5 ( updated 07-09-2020 ) - Added new Divi Presets system 4.4.9 업데이트 안내 포스팅을 하면서 4.5는 기능이 추가될 것으로 언급을 했었는데, 역시 기대를 저버리지 않고 새로운 기능을 추가했습니다. Divi 빌더에 프리셋 기능이 추가되었습니다. 살짝 살펴본 것으로는 프리셋 기능을 이용하면 한 웹사이트, 또는 웹페이지에 동일한 설정을 적용할 수 있는 것으로 보입니다. 동영상을 비롯해서 설명 부분이 추가가 되어 있으니 천천히 살펴봐야겠습니다. https://www.elegantthemes.com/documentation/divi/..
Elegant Themes의 Divi 테마 4.4.9 업데이트가 배포되었습니다. 업데이트 세부 사항은 아래와 같습니다. - Fixed conflict "Use Current Page" option with "Product Category" view type in Shop Module. - In order to increase the rating of page loading speed and to eliminate the warning from Lighthouse "Ensure text remains visible during webfont loading", the directive font-display has been added to css rules@font-face (for the Divi font..
워드프레스 닷컴에서 제공하는 젯팩(Jetpack) 플러그인이 8.7로 업데이트되었습니다. 젯팩 플러그인은 참 좋은 플러그인입니다만 워드프레스의 속도저하에 제법 영향을 미치는 만큼 많은 고민을 하게 만드는 플러그인입니다. 이유는 바로 젯팩 플러그인이 제공하는 기능들이 너무 좋기 때문입니다. 이런 젯팩 플러그인이 8.6.1에서 바로 8.7로 업데이트가 되었습니다. 바로 뒷자리가 변경된 만큼 제법 많은 부분이 추가되었습니다. 젯팩 플러그인 8.7의 업데이트 내역 Major Enhancements When inserting images into your posts, you can now choose images from your Google Photos account, or from the Pexels Free..
SEO 다섯 번째 이야기로 헤딩 태그에 관련된 이야기를 하였습니다. SEO 이야기 (5) - 매우 중요한 헤딩 태그 (Heading Tag) 검색엔진 최적화 SEO에 대한 다섯 번째 이야기는 헤딩 태그(Heading Tag)에 관한 것입니다. 가장 쉽게 웹사이트 또는 포스트의 SEO 최적화 점수를 높일 수 있는 방법이 이 헤딩 태그를 사용하� blogwp.tistory.com 헤딩 태그를 쉽게 SEO, 즉 검색엔진 최적화에 가까워지는 지름길이라고 할 수 있습니다. 물론 콘텐츠의 내용, 다른 표현으로 질이 가장 우선시 됩니다만 그럼에도 헤딩 태그를 이용해서 콘텐츠를 구성하는 것은 확실히 SEO 향상에 도움을 줍니다. Table of Contents란 Table of Contents, 줄여서 TOC 라고 합..
Elegant Themes에서 새롭게 배포한, Divi 테마에서 이용할 수 있는 spice shop (향신료 가게) 레이아웃 패키지입니다. 전체 레이아웃 디자인은 아래 링크에서 확인할 수 있습니다. https://www.elegantthemes.com/blog/divi-resources/get-a-free-spice-shop-layout-pack-for-divi Get a FREE Spice Shop Layout Pack for Divi Hey Divi Nation! Thanks for joining us for the next installment of our weekly Divi Design Initiative; where each week, we give away a brand new, free D..
워드프레스는 설치하면 활성화는 되어 있지 않지만 기본적으로 설치가 되는 플러그인이 2개가 있습니다. 이 중 하나가 바로 Hello Dolly 라는 플러그인으로 한글화된 워드프레스에는 위와 같이 헬로우 달리 라고 표기가 됩니다. 이 Hello Dolly 플러그인을 활성화 하면 관리자 화면 우측 상단에 Hello Dolly 노래의 가사가 랜덤으로 나옵니다. 처음 워드프레스가 플러그인을 도입한 1.2 버전부터 개발자들이 참고할 수 있는 샘플형식의 플러그인인데.. 아직도 남아 있습니다. 이 hello Dolly를 삭제할 수 있는 Goodbye Dolly 라는 플러그인이 제작되었을 정도로 사용에는 전혀 소용이 없는 플러그인입니다. 처음 워드프레스를 설치한 이후에 바로 삭제하는 것을 추천해 드립니다. 이 Hello..
Elegant Themes 의 Extra 테마의 4.4.9 업데이트가 배포되었습니다. 업데이트 세부사항은 아래와 같습니다. - Fixed conflict "Use Current Page" option with "Product Category" view type in Shop Module. - In order to increase the rating of page loading speed and to eliminate the warning from Lighthouse "Ensure text remains visible during webfont loading", the directive font-display has been added to css rules@font-face (for the Divi fo..
Elegant Themes 에서 새롭게 배포한, Divi 테마에서 이용할 수 있는 레이아웃 패키지 입니다. Upholstery 는 소파에 천을 씌우는 것을 이야기하는, 즉 소파 리모델링을 하는 업체를 위한 레이아웃입니다. www.elegantthemes.com/blog/divi-resources/get-a-free-upholstery-layout-pack-for-divi Get a FREE Upholstery Layout Pack for Divi Hey Divi Nation! Thanks for joining us for the next installment of our weekly Divi Design Initiative where each week, we give away brand new, free..
워드프레스 하면 떠오르는 한 가지가 바로 SEO 기능이 막강하다는 것입니다. 이 말이 나오는 것은 바로 막강한(?) SEO 플러그인들이 있기 때문입니다. 막상 워드프레스에 SEO 플러그인을 설치하고 이용할 때에는 잘 모르지만 워드프레스를 벗어나 여타 CMS로 웹사이트를 구축하고 나면 이 SEO 플러그인이 제공하던 기능을 구현하기가 정말 귀챦고 까다롭게 됩니다. 이 포스팅에서는 워드프레스의 유명 3대 SEO 플러그인에 대한 간략한 이야기를 해볼까 합니다. 워드프레스의 3대 SEO 플러그인이라고 하면 Yoast SEO, All in One SEO Pack 그리고 Rank Math 라고 할 수 있습니다. SEO 부분에 있어 큰 기능상의 차이는 없다고 보여집니다만 간략하게 특징을 이야기해보겠습니다. All in..
젯팩 플러그인은 워드프레스를 설치한 이후 어느 정도 방문자수가 있을 때까지 사용하기 정말 좋은 플러그인입니다. 특히 Wordpress.com 에서 직접 출시한 플러그인으로 통계, SNS 공유, 속도 개선, 연관 글 등 이것저것 유용한 기능을 보유하고 있습니다. 처음 워드프레스를 이용했을 때에는 없던 플러그인이였는데, 중간에 통계 기능이 생기더니 이제는 이렇게 유용한 플러그인이 되었습니다. 위에 어느정도 방문자수가 있을 때까지 사용하기 좋다고 언급한 이유는 방문자수가 늘어나면 젯팩 플러그인으로 인한 속도 저하 문제가 눈에 거슬리기 시작할 것입니다. 그리고는 젯팩 플러그인을 삭제하고 그동안 사용한 기능들을 대체하기 위해 고심하게 될 것입니다. 그럼에도 내 웹사이트와 블로그에 방문자, 정확히는 뷰가 많지 않다..
카페 24의 웹호스팅 서비스를 주로 이용하고 있습니다. 해외업체인 블루 호스트도 사용을 하고 있습니다만 국내 환경에는 카페 24의 웹호스팅 서비스가 더 적합한 것으로 보입니다. 카페 24에 처음 설정해서 이용하던 계정의 서버 환경이 시간이 지날수록 업그레이드를 해야 하는 경우가 발생하게 됩니다. PHP 5.x 환경의 계정들은 이미 PHP 7.3로 업그레이드를 마쳤는데, PHP 7.0 환경의 계정은 깜박하고 그대로 방치를 하고 있었습니다. 어느 날부터 워드프레스 관리자 대시보드에서 위와 같은 경고문을 보여주기 시작합니다. PHP 버전이 안전하지 않으니 업그레이드를 하라는 경고문입니다. 새벽 4시에 자려고 하다가 PHP 7.0 환경의 계정들을 모두 PHP 7.3으로 업그레이드하기로 합니다. 카페 24의 계정..
블로그에 글을 포스팅을 하면 작성 일자가 표시가 됩니다. 이 이후에 수정을 하면 수정 일자가 표시가 되는 것이 아닌 작성 일자가 그대로 표시가 됩니다. 큰 부분이 아닐지도 모릅니다만 방문자가 글의 작성일자를 보고 오래된 포스팅이라 생각을 할 수도 있음을 고려하면 수정일자가 표기되는 것이 훨씬 좋을 것입니다. 그렇다고 수정일자만 표시를 하기에도 좀 애매한 듯 하여 작성일자와 수정일자가 함께 표시하는 방법에 대해 포스팅을 해볼까 합니다. 영문 사이트일 경우 function et_last_modified_date_blog( $the_date ) { if ( 'post' === get_post_type() ) { $the_time = get_post_time( 'His' ); $the_modified = get..
워드프레스 유료 테마 중에서 이용자가 가장 많은 Divi 테마. Elegant theme의 가장 인기 있는 Divi 테마로 Divi 빌더가 내장된 것이 가장 큰 특징입니다. 이 Divi 빌더를 이용하여 초보자들부터 숙련자까지 쉽게 웹사이트를 제작할 수 있다고는 합니다만 일단 어느 정도 수준의 웹사이트까지는 정말 손쉽게 제작이 가능합니다만 그 이상의 웹사이트를 만들기 위해서는 적지 않은 공부가 필요한 테마이기도 합니다. 개인적으로 잘 사용하고 있으며, 만족하는 테마입니다. 좀 느린게 단점이기는 합니다만 평생 구독권을 구입한 이후 정말 요긴하게 이용하고 있습니다. Divi 테마의 블로그에서 사이드바 영역을 모바일에서 숨기는 방법 테마 빌더를 이용해서 블로그 페이지를 디자인한 경우 Divi 빌더가 4.0 버전..
전에는 플러그인을 활용하여 워드프레스에 한글폰트를 적용하는 방법을 포스팅했었습니다. 워드프레스 한글폰트 적용하기 - Rocket Font 플러그인 워드프레스 한글폰트 적용하기 - Rocket Font 플러그인 워드프레스를 설치하고 사용하다보면 정말 폰트가 눈에 거슬리기 시작합니다. 해외 프로그램인만틈 한글폰트가 기본적으로 내장되어 있지 않기 때문입니다. 이럴경우 CSS 부분을 수정하여 한글 blogwp.tistory.com 플러그인을 사용하는 방법이 가장 편합니다만 방문자가 늘어날수록 느려지는 워드프레스를 만나게 되면 이때부터 플러그인을 지우면서 대체를 해야 합니다. 나눔 고딕으로 쉽게 변경하기 @import url(‘https://fonts.googleapis.com/css?family=Nanum+Go..
Elegant Themes 의 Extra 테마는 특별히 설정을 하지 않아도 되는 좋은 매거진 테마입니다. 제 메인블로그도 이 Extra 테마를 이용하고 있는데요. 국내 사이트 중에는 이 테마를 적용한 워드프레스 블로그를 본 적이 없는 듯 합니다만 해외 블로그들을 보다보면 제법 많은 수의 사이트들을 볼 수가 있습니다. 모바일에서 사이드바 영역을 보이지 않게 하는 방법은 간단합니다. @media only screen and ( max-width: 767px ) { .et_pb_extra_column_sidebar { display:none!important; } } 테마 옵션에서 커스텀 CSS 에 위 코드를 넣어주면 됩니다. 그럼 간단하게 모바일에서는 사이드바에 위치한 위젯들이 보이지 않게 됩니다. 애드센스..
워드프레스의 사이드바가 데스크탑 모드에서는 보기가 좋지만 모바일 모드에서는 너무 스크롤을 길게 하는 단점이 있습니다. 이에 워드프레스의 사이드바를 모바일에서는 없애는 방법이 있습니다. 플러그인을 사용해서 모바일에서 보이지 않게 하는 방법이 있습니다만 간단한 부분이기에 플러그인이 아닌 적접 CSS 코드를 삽입해서 없애는 방법을 적어볼까 합니다. 만약 유료테마를 사용하고 계신다면 테마 설정에 모바일에서 사이드바가 보이지 않게 하는 설정이 있을 확률이 높습니다. 테마의 옵션을 먼저 살펴보기 바랍니다. @media only screen and (max-width:767px) { #secondary { display: none; } } 위 코드에서 max-width:767px 와 #secondary 는 각 테마마..
구글에서 직접 제작하여 배포한 워드프레스 플러그인이 하나 있습니다. 바로 구글 사이트 키트 (Site Kit) 입니다. 구글 서치콘솔, 애드센스, 애널리틱스 등에 자동으로 연결이 되는 기능이 포함되어 있습니다. 구글 사이트 키트 플러그인 설치 전 이 플러그인을 설치하기 전에 각각 구글 서치콘솔, 애널리틱스, 애드센스에 가입이 되어 있어야 합니다. 애드센스를 제외하고는 사이트 소유권만 확인이 되면 무난하게 가입이 가능한 곳입니다. 블로그를 시작하면 필수적으로 가입들을 하니깐 큰 무리는 없을 듯 합니다. 구글 사이트 키트 플러그인의 기능 특별한 기능은 없습니다. 간단한 통계를 구글의 각각 사이트에 들어가지 않고 확인을 할 수 있다 정도 입니다. 여기에 애드센스 광고를 위한 기본적인 코드와 애널리틱스 통계를 ..
Elegant Themes 의 Divi 테마의 업데이트가 배포되었습니다. 업데이트 세부사항은 아래와 같습니다. version 4.4.8 ( updated 06-04-2020 ) - Fixed a bug which caused Add New button in Layers panel to not work in some cases In Wireframe mode. - Updated Layers panel to allow adding Row/Module from empty Section/Column. - Fix vertical offset to showing with position absolute or relative on mobile. - Hid Insert Shortcode button from text ..