워드프레스/테마 424

워드프레스 Twenty Twenty-One 테마 배경색 변경하기

워드프레스의 2021년 공식 테마인 Twenty Twenty-One은 미니멀한 테마로 커스텀하기 좋도록 비어 있는 캔버스와 같습니다. 워드프레스를 설치하면 보통 이 테마가 활성화되어 있을 것입니다. 하지만 글을 작성하거나 페이지를 만들면 배경색이 녹색(파스텔 그린)으로 표시됩니다. 사용자 정의하기에서 전체 배경색을 변경하거나 커스텀 CSS를 사용하여 특정 페이지의 배경색과 글자색을 바꿀 수 있습니다. 워드프레스 Twenty Twenty-One 테마 배경색 변경하기 워드프레스를 자동 설치하면 보통 위의 그림과 같이 이공이일(Twenty Twenty-One) 테마가 활성화되고 배경색이 녹색으로 표시될 것입니다. Twenty Twenty-One 테마의 배경색은 워드프레스 알림판 > 외모 > 사용자 정의하기 >..

워드프레스 Divi 테마용 무료 블로거 레이아웃 팩 (Blogger Layout Pack) 공개

인기 워드프레스 테마 중 하나인 Divi 테마용 무료 블로거 레이아웃 팩(Blogger Layout Pack)이 10월 4일(우리나라 시각으로 10월 5일 새벽)에 공개되었습니다. Divi 테마를 개발한 Elegant Themes에서는 매주 무료 레이아웃 팩과 템플릿을 제공하고 있습니다. 워드프레스 Divi 테마용 무료 블로거 레이아웃 팩 (Blogger Layout Pack) 공개 Divi 개발사인 Elegant Themes는 매주 새로운 무료 레이아웃 팩을 제작하여 Divi 테마 라이브러리에 추가하고 있습니다. 현재 222개 레이아웃 팩과 1714개의 레이아웃을 Divi 빌더의 라이브러리에서 로드할 수 있습니다. Load From Library (라이브러리에서 로드하기) 창에서 아래로 스크롤하면 최근..

워드프레스 뉴스페이퍼 테마 스크롤 시 메뉴 숨김(스마트 스냅) 옵션

일부 워드프레스 테마에서는 사용자가 아래로 마우스를 스크롤할 때 메뉴/헤더를 숨기고 위로 스크롤할 때 메뉴를 다시 표시하는 옵션을 제공하기도 합니다. 뉴스페이퍼 테마에서는 고정 메뉴(Sticky Menu) 옵션에서 스마트 스냅(Smart snap) 항목을 선택하면 마우스 스크롤 시 메뉴가 숨겨졌다가 위로 스크롤하면 메뉴가 나타납니다. 워드프레스 뉴스페이퍼 테마 스크롤 시 메뉴 숨김(스마트 스냅) 옵션 아래 영상과 같이 마우스를 아래로 스크롤할 때 메뉴를 숨기고, 위로 스크롤할 때 메뉴를 다시 표시하면 방문자들이 아래로 스크롤하면서 글을 읽을 때 상단 메뉴의 방해를 받지 않기 때문에 UX(사용자 경험) 향상에 도움이 됩니다. 예전에 미디엄에서 이와 비슷하게 작동했지만 오늘 확인해보니 미디엄(Medium)에..

아바다 테마 이미지 레이지 로딩(이미지 지연 로드) 설정

사용자가 이미지가 있는 지점으로 스크롤할 때 이미지가 로드되도록 하는 레이지 로딩 기능을 사용하면 사이트 속도 개선에 도움이 됩니다. 워드프레스는 5.5 버전부터 이미지 레이지 로딩 기능이 추가되었습니다. 인기 워드프레스 테마인 아바다(Avada)에서는 워드프레스 네이티브 레이지 로딩과 아바다 테마의 레이지 로딩 중에서 선택할 수 있도록 옵션을 제공합니다. 아바다 테마 이미지 레이지 로딩(이미지 지연 로드) 설정하기 아바다 테마에서 이미지 레이지 로딩은 알림판 > Avada > Options > Performance 페이지의 Image Lazy Loading 섹션에서 설정할 수 있습니다. 여기에서 사이트 속도 개선을 위해 사이트의 이미지를 지연 로드하는 방법을 선택할 수 있습니다. 중요한 점은 WordP..

워드프레스 사이드바 고정하기(+아바다, 뉴스페이퍼, GeneratePress 테마)

일부 워드프레스 테마에서는 페이지를 아래로 스크롤할 때 사이드바를 고정하는 옵션을 제공합니다. 하지만 사이드바 고정 기능을 지원하지 않는 테마가 많습니다. 사이드 고정 옵션이 없는 경우 간단한 CSS 코드를 사용하거나, 워드프레스 플러그인을 사용하여 사이드바를 고정할 수 있습니다. 이 글에서는 아바다, 뉴스페이퍼, 엔폴드, GeneratePress 테마에서 사이드바를 고정하는 방법과 사이드바 고정 플러그인을 소개합니다. 워드프레스 사이드바 고정하기 아바다, 뉴스페이퍼 등 일부 테마에서는 사이드바를 고정하는 옵션을 제공합니다. 하지만 많은 테마에서 사이드바 고정 옵션을 지원하지 않습니다. 사이드바 고정 기능이 없는 경우 CSS나 자바스크립트 또는 플러그인을 사용하여 사이드바를 고정할 수 있습니다. 아바다 ..

워드프레스 Divi 테마 속도 개선 & 무료 Immigration Lawyer 레이아웃 팩 공개

워드프레스 인기 다목적 테마 중 하나인 Divi 테마는 심플하면서도 강력하여 많은 사용자를 보유하고 있습니다. 라이선스 때문에 유료 테마 중에서는 가장 많은 사이트에 설치되어 사용되고 있습니다. Divi 테마에 최적화 옵션이 추가되면서 속도가 이전보다 더 빨라졌습니다. 또한, 매주 무료 레이아웃 팩이 꾸준히 추가되어 있습니다. 지난주에는 Immigration Lawyer(이민전문 변호사) 레이아웃 팩이, 이번 주에는 Marina(계류장) 레이아웃 팩이 등록되었습니다. 워드프레스 Divi 테마 속도 개선 Elegant Themes는 PHP 프레임워크와 자산을 모듈화하여 Divi 테마를 매우 빠른 테마로 변모시켰습니다. Divi 테마를 업데이트하면 Divi > Theme Options 아래의 General ..

워드프레스 호텔 예약 테마 Rominal: 데모 로드하기

워드프레스로 호텔 예약 사이트를 구현하고 싶은 경우 호텔 예약에 특화된 테마를 사용하면 개발 비용과 시간을 단축할 수 있습니다. 이 글에서는 Rominal이라는 호텔 예약 테마의 데모를 로드하는 방법에 대해 살펴보겠습니다. 참고로 여행 예약용 테마로는 Traveler라는 테마가 많이 사용됩니다. 이 테마는 현재 11000개 이상 판매되었습니다. 그리고 호텔 예약 테마 중에서는 Hotel Booking WordPress라는 테마가 가장 많이 판매되었습니다. 이 테마는 엘리멘터 페이지 빌더를 사용하고 있으며 현재 3400개 이상 판매되었습니다. 워드프레스 호텔 예약 테마 Rominal 데모 로드하기 Rominal은 2021년 5월에 테마포레스트 마켓에 등록된 워드프레스 테마이며 출시된 지 얼마 되지 않았기 ..

아바다 테마에서 블로그 날짜 제거하기(+블로그 포스트 메타 표시/숨기기)

워드프레스 사이트에서 테마에 따라 블로그 리스트나 블로그 글에 날짜를 표시하거나 제거할 수 있는 옵션을 제공하기도 하기도 합니다. 아바다 테마에서도 블로그 페이지나 개별 글에서 날짜를 표시하거나 숨길 수 있는 기능을 제공합니다. 이러한 기능을 제공하지 않는 워드프레스 테마를 사용하는 경우에는 CSS를 사용하여 간단히 날짜 등의 정보를 숨길 수 있습니다. 아바다 테마에서 블로그 날짜 제거하기 (How to Remove Date Info from Avada Theme) 아바다 테마는 8년 이상 연속으로 판매 1위를 기록하고 있는 베스트셀링 테마입니다. Avada는 많은 테마 옵션을 제공하여 코딩 지식이 없는 초보자도 쉽게 사이트를 만들 수 있는 장점이 있어 꾸준히 사랑을 받고 있습니다. 아바다에서는 블로그 ..

워드프레스 엔폴드 테마: 헤더 투명하게 설정하기 (투명 헤더 사용)

일부 인기 테마에서는 워드프레스 사이트의 페이지 헤더를 투명하게 설정하는 옵션을 제공합니다. 예를 들어, 베스트셀링 테마인 아바다 테마에서는 Avada Page Options의 헤더 탭이나 Layout 섹션의 Header 템플릿에서 헤더 배경색을 투명하게 지정할 수 있습니다. 엔폴드 테마의 경우 개별 페이지 편집 화면에서 헤더 레이아웃을 지정할 수 있는 옵션이 제공됩니다. 워드프레스 엔폴드 테마: 헤더 투명하게 설정하기 Enfold 테마에서 투명 헤더를 사용하고 싶은 경우 해당 페이지 편집 화면의 오른쪽 페이지 속성에서 Header visibility and transparency (헤더 표시/숨기기 및 투명) 옵션을 지정하면 됩니다. Header visibility and transparency에서는 ..

워드프레스 크라우드펀딩 테마

워드프레스 크라우드펀딩 사이트를 제작하고 싶은 경우 직접 기능을 개발하는 것보다 크라우드펀딩 테마를 활용하면 시간과 비용을 절감할 수 있습니다. 수요가 그리 많지 않아서 그런지 크라우드펀딩(Crowdfunding) 테마가 많지는 않네요. 기존 사이트에 크라우드펀딩 기능을 추가하여 자금을 모금하고 싶은 경우에는 플러그인을 사용할 수 있습니다. 워드프레스 크라우드펀딩 테마 위키피디아에 의하면 크라우드펀딩이란... 소셜 네트워크 서비스를 이용해 소규모 후원을 받거나 투자 등의 목적으로 인터넷과 같은 플랫폼을 통해 다수의 개인들로부터 자금을 모으는 행위이다. '소셜 펀딩'이라고도 하나, 정확한 용어는 아니다. 주로 자선활동, 이벤트 개최, 상품 개발 등을 목적으로 자금을 모집한다. 투자방식 및 목적에 따라 지분..