워드프레스 Divi 테마는 아바다 테마와 비슷한 판매량과 기능을 제공하는 베스트셀링 테마 중 하나입니다. 최근에는 AI를 이용하여 텍스트와 이미지를 생성하고, 코딩까지 하는 Divi Code AI 기능이 출시되어 보다 수월하게 Divi 테마를 사용할 수 있도록 기능을 꾸준히 향상시키고 있습니다. 워드프레스 Divi 테마: 한글 폰트 적용하기 Divi 테마를 활성화하고 사이트 언어를 한국어로 설정해도 한국어 폰트가 제대로 적용되지 않아서 어색하게 보일 수 있습니다. 저는 다음과 같은 코드를 추가하여 사용해 왔습니다. *:not(.ab-icon):not(.ab-item):not(.dashicons) { font-family: arial, 'Noto Sans KR', sans-serif; } 이렇게 하면 No..

워드프레스에서는 무료 또는 유료 목차 플러그인을 사용하여 목차를 표시할 수 있습니다. 뉴스, 블로그 사이트에 많이 사용되는 뉴스페이퍼 테마에서는 자체적으로 목차 기능을 제공합니다. 싱글 포스트 템플릿에서 Single Post Table of Content 엘리먼트(모듈)를 사용하여 목차를 표시할 수 있습니다. 워드프레스 목차 플러그인 워드프레스에서는 다양한 무료 목차 플러그인과 유료 플러그인이 있습니다. 무료 목차 플러그인의 경우 최근 Easy Table of Contents(쉬운 목차) 플러그인이 많이 사용되고 있습니다. 목차 플러그인을 생각하고 있다면 Easy Table of Contents가 무난할 것 같습니다. 깔끔하고 커스텀도 비교적 쉬운 편입니다. 다만, 목차 고정 기능 등을 원하는 경우에는 ..

워드프레스 Divi 테마는 아바다 테마와 비슷한 판매량을 자랑하는 베스트셀링 테마 중 하나입니다. Divi는 테마 빌더 기능을 처음으로 도입하여 알림판에서 커스텀할 수 있는 길을 가장 먼저 열었습니다. 이후에 아바다 등의 테마에서도 비슷한 기능을 도입했고 엘리멘터 페이지 빌더에서도 테마 빌더 기능을 추가했습니다. Divi 테마에서 글 하단에 커스텀 문구를 표시하고 싶은 경우 테마 빌더를 사용하거나 훅(hook)을 사용할 수 있습니다. 테마 빌더를 사용하면 코딩 지식이 없어도 수월하게 커스텀이 가능합니다. 워드프레스 Divi 테마: 테마 빌더(Theme Builder)를 사용하여 글 하단에 커스텀 문구 표시하기 테마 빌더 사용하기 Divi 테마나 엘리멘터 페이지 빌더를 사용하는 경우 테마 빌더를 활용하면 ..

워드프레스 뉴스페이퍼 테마로 만든 사이트와 비슷하게 만드는 작업을 최근 진행했습니다. 뉴스페이퍼는 쉽게 퀄리티 높은 사이트를 만들 수 있지만 속도면에서 GeneratePress 테마보다 느리고 트래픽도 많이 소모하는 편입니다. 이 글에서는 GeneratePress 테마의 페이지 내비게이션 번호 스타일을 뉴스페이퍼 페이지네이션 스타일과 비슷하게 변경하는 방법을 살펴보겠습니다. 워드프레스 GeneratePress 테마 페이지 내비게이션(페이지네이션) 번호 스타일을 뉴스페이퍼 스타일로 변경하기 뉴스페이퍼의 기본 데모를 로드할 경우 페이지네이션 번호 스타일은 다음과 같습니다. GeneratePress 테마의 경우 페이지네이션이 숫자로만 표시되고 아무런 디자인이 들어가 있지 않습니다. 위의 그림과 같은 스타일로 ..

GeneratePress 테마 세팅 작업을 하면서 사용자 정의하기에서 'Read More' 버튼이 표시되도록 설정했지만 이상하게 최신 글 목록에서는 'Read More' 버튼이 표시되지 않는 현상을 경험했습니다. 테마를 다른 테마로 바뀌었다가 다시 활성화하고, 플러그인도 모두 비활성화했지만 문제가 해결되지 않았습니다. 이 경우 테마 함수 파일에 코드를 추가하여 'Read More' 버튼을 표시할 수 있습니다. 워드프레스 GeneratePress 테마: 'Read More' 버튼이 표시되지 않는 경우 GeneratePress 유료 버전을 사용하는 경우 외모 » 사용자 정의하기 » Layout » Blog에서 Read more label(더 보기 라벨)을 지정할 수 있고 Display read more as..

Hotel Booking 테마는 호텔 예약 사이트 구축에 사용할 수 있는 워드프레스 테마입니다. 이 테마는 엘리멘터 페이지 빌더 기반으로 제작되었고 다양한 데모가 제공됩니다. 클라이언트가 데모 설치가 되지 않는 문제로 인해 이 테마의 데모를 설치하는 작업을 맡은 적이 있습니다. 이 테마의 데모 설치 시 오류가 발생하는 경우 참고하시기 바랍니다. 워드프레스 Hotel Booking 테마 데모 설치 호텔, 리조트 예약 사이트 등을 구축할 때 Themeforest의 호텔 예약 테마를 고려할 수 있습니다. 예약 기능은 별도의 플러그인을 구현하고 싶은 경우에는 아바다(Avada)와 같은 인기 다목적 테마를 사용하는 것도 가능합니다. Hotel Booking 테마에는 (호텔 객실) 예약 기능이 포함되어 있습니다. ..

워드프레스에서는 특정 글을 붙박이 글(추천 글)로 지정하여 최신 글 상단에 항상 표시되도록 할 수 있습니다. "블로그 상단"에 고정 옵션을 체크하여 특정 글을 붙박이 글로 지정하면 최신 글(블로그 페이지)에서는 고정되지만 카테고리 페이지에서는 보통 상단에 고정되지 않습니다. GeneratePress 테마에서는 훅(Hook)을 사용하여 카테고리 페이지에도 붙박이 글을 고정할 수 있습니다. 워드프레스에서 특정 글을 '고정 글'(붙박이 글)로 설정하기 특정 글을 최신 글 목록 상단에 항상 표시되도록 하고 싶은 경우 글 편집 화면에서 "블로그 상단에 고정"(Stick to the top of the blog) 체크란을 체크하면 됩니다. 또는, 빠른 편집 기능을 사용할 수도 있습니다. 글 » 모든 글에서 항상 상..

아스트라(Astra)는 현재 100만 개가 넘는 사이트에 설치되어 사용되고 있는 인기 워드프레스 테마 중 하나입니다. 이 테마는 무료 버전과 유료 버전이 있으며, 무료 버전에서는 기능이 제한되어 있습니다. 비슷한 테마로 GeneratePress 테마가 있습니다. 두 테마 모두 속도가 빨라서 블로그에 많이 사용되고 있습니다. 워드프레스 아스트라(Astra) 테마: 모바일 분기점 미디어쿼리 사이트의 스타일을 정교하게 변경하려면 CSS를 사용할 수 있습니다. Astra 테마를 설치하여 스타일시트에서 사용된 미디어쿼리를 모두 정리해 보았습니다. @media (min-width: 1201px) { ... } @media (max-width: 1200px) { .. } @media (min-width: 993px)..

워드프레스 테마 중 하나인 GeneratePress 테마를 사용하는 경우 사용자들이 이전 글/다음 글로 쉽게 이동할 수 있도록 개별 글 하단에 이전 글/다음 글 링크가 표시됩니다. 이 포스트 내비게이션을 제거하고 싶은 경우가 있을 수 있습니다. 제너레이트프레스 유료 버전을 사용하는 경우 쉽게 포스트 내비게이션을 비롯한 다양한 요소를 활성화/비활성화할 수 있습니다. 무료 버전을 사용하는 경우에는 CSS 코드를 사용하여 방문자에게 포스트 내비게이션을 숨길 수 있습니다. 워드프레스 GeneratePress 테마: 이전 글/다음 글 링크 포스트 내비게이션 제거하기 GeneratePress 테마 유료 버전(GP Premium) 사용 시 GeneratePress 테마의 유료 버전을 사용하는 경우에는 블로그 모듈을 ..

인기 워드프레스 테마 중 하나인 Divi 테마 판매사인 Elegant Themes는 매주 Divi 테마용 무료 레이아웃 팩을 라이브러리에 추가하고 있습니다. 최근 Divi 테마에 사용할 수 있는 베이커리 레이아웃 팩(Bake Shop Layout Pack)이 추가되었습니다. 워드프레스 Divi 테마 vs. Avada 테마 워드프레스 베스트셀링 테마인 Avada 테마와 Divi 테마는 비슷한 판매량을 기록하고 있고, 제공하는 기능도 비슷한 워드프레스를 대표하는 다목적 테마입니다. 아바다 테마는 Themeforest 마켓을 통해 판매되고 있으며 2023년 8월 말 현재 91만 개가 넘는 판매를 자랑하고 있습니다. Divi 테마는 Elegant Themes라는 개발사에서 개발하여 판매하는 다목적 테마로서 현재..