워드프레스 일기의 워드프레스/테마 477

이 글에서는 워드프레스 테마 중 하나인 GeneratePress에서 이미지 캡션 스타일을 변경하는 방법에 대해 살펴보겠습니다. 참고로 GeneratePress 테마는 꼭 필요한 기능만 탑재하여 속도가 빠른 것이 특징입니다. 워드프레스 사이트 속도가 느려 고민인 경우 GeneratePress 같은 가벼운 테마를 이용하는 것도 한 방법일 수 있습니다. GeneratePress 테마에서 워드프레스 이미지 캡션 스타일 변경하기 GeneratePress 테마에서 이미지 캡션은 글자 크기가 본문과 비슷하고 색상도 비슷하여 본문 텍스트와 구분이 잘 안 되어 마음에 들지 않을 수 있습니다. 이미지 캡션이 마음에 들지 않으면 CSS 코드를 사용하여 쉽게 이미지 캡션의 스타일을 입맛에 맞게 변경할 수 있습니다. 다음 CS..

워드프레스에서 설명서 사이트를 만들고 싶은 경우 설명서 & 지식 기반 테마를 사용할 수 있습니다. Manual - Documentation, Knowledge Base & Education WordPress Theme 테마가 이 부문에서 많이 사용되고 있습니다. 뉴스페이퍼 테마에서 특정 카테고리 글들을 위와 같은 방식으로 설명서를 만들고 싶은 경우 해당 카테고리의 사이드바에 글 리스트를 표시하면 비슷하게 구현이 가능할 것입니다. 뉴스페이퍼 테마 카테고리별 다른 사이드바 설정(+설명서 사이트) 자바스크립트는 오래전에 공부한 적이 있지만 너무 오래되었고 기억에 남아 있는 것이 없어 처음부터 공부해야 상황입니다. 몇 년 전에 책을 몇 권 구입하고도 바쁘다는 핑계로 아직도 시작을 못하고 있습니다. 이번에 W3S..

워드프레스 인기 테마 중 하나인 OceanWP가 5주년 기념으로 최대 40% 할인을 진행한다고 하네요. 또한, ​OceanWP는 Ocean Gutenberg Blocks라는 구텐베르크 블록 플러그인을 새롭게 출시했습니다. 엘리멘터(Elementor)와 같은 페이지 빌더에 의존하지 않고 더 빠른 사이트를 만들 수 있을 것 같습니다. 워드프레스 OceanWP 테마 할인 + 새로운 구텐베르크 플러그인 출시 OceanWP 소개 페이지에 의하면 설립자인 Nicolas는 2012년에 처음으로 워드프레스와 코드에 심취하여 워드프레스를 시작하게 되었고 2013년부터 소규모 업체를 설립하여 워드프레스 테마를 판매하기 시작하였다고 합니다. 매번 고객사 사이트를 만들 때마다 작업을 새롭게 해야 하는 번거로움을 깨닫고 몇 개..

워드프레스 인기 테마 중 하나인 엔폴드(Enfold) 테마가 최근 4.8.6.5 버전으로 업데이트 후에 태블릿과 모바일 기기에서 로고가 비정상적으로 크게 표시되는 오류가 발생하고 있는 것 같습니다. 이 경우 이 글에서 설명하는 방법으로 엔폴드 테마 로고 크기를 변경할 수 있습니다. After updating to Enfold version 4.8.6.5, the logo size will be larger than before in moble and tablet devices. If you are experiencing this issue, you can change the size of the logo using a CSS code. 워드프레스 엔폴드 테마 로고 크기 변경하기(+Enfold 업데이트 후..

인기 워드프레스 매거진 테마인 뉴스페이퍼(Newspaper)는 뉴스, 매거진, 블로그 사이트 제작에 많이 사용됩니다. 뉴스페이퍼 테마에서 카테고리 템플릿은 크게 기본 템플릿을 이용하는 방법과 Cloud Library 템플릿을 이용하는 방법이 있습니다. 이 글에서는 뉴스페이퍼 테마 카테고리 페이지 설정 방법에 대하여 살펴보겠습니다. 워드프레스 뉴스페이퍼 테마 카테고리 템플릿 설정 방법(How to set Newspaper category template) 뉴스페이퍼 테마는 tagDiv Cloud Template을 사용하여 헤더에서 푸터까지 워드프레스 알림판 내에서 모든 요소를 만들 수 있습니다. 카테고리 페이지는 뉴스페이퍼 기본 템플릿과 tagDiv Cloud Library 템플릿을 이용하여 만들 수 있습..

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

인기 워드프레스 테마 중 하나인 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..

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