워드프레스 일기의 GeneratePress 테마 71

워드프레스 GeneratePress 테마 사이드바 설정하기

워드프레스 GeneratePress 테마는 빠른 속도 때문에 우리나라에서도 수익형 블로그에 많이 사용되고 있습니다. 제너레이트프레스 테마에서는 테마 옵션을 통해 전체적으로 사이드바를 설정할 수 있고, 개별 페이지와 글에서도 사이드바 레이아웃을 지정할 수 있습니다. 워드프레스 GeneratePress 테마 사이드바 설정하기 아바다나 뉴스페이퍼와 같은 다목적 테마를 사용하면 페이지에 따라 다른 사이드바를 지정하는 등 정교한 설정이 가능합니다. GeneratePress 테마의 경우 페이지에 따라 다른 사이드바를 지정하는 옵션은 제공되지 않지만, 페이지/글에 따라 사이드바 레이아웃을 다르게 지정하는 것은 가능합니다. 예를 들어, 특정 글이나 페이지에 사이드바를 표시하지 않거나 사이드바 위치를 다르게(가령, 전체..

GeneratePress 테마 포스트 사이드바 너비 조정하기(+Merch 템플릿)

워드프레스 GeneratePress 테마에서는 사이트 라이브러리를 통해 미리 만들어진 템플릿을 로드하여 활용할 수 있습니다. Merch 템플릿은 우커머스 쇼핑몰이나 블로그 사이트 운영에 활용할 수 있는 레이아웃 중 하나인 것 같습니다. Merch 데모를 로드하면 블로그 글에는 사이드바가 표시되지 않습니다. 이 글에서는 제너레이트프레스 테마의 블로그 포스트에 사이드바를 설정하고 너비를 조정하는 방법에 대해 살펴보겠습니다. GeneratePress 테마 포스트 사이드바 너비 조정하기(+Merch 템플릿) 제너레이트프레스 테마에서는 Site Library를 통해 미리 제작된 레이아웃을 로드하여 활용할 수 있습니다. 사이트 라브러리에서 데모를 로드하는 방법은 다음 글을 참고해보세요. 워드프레스 GenerateP..

워드프레스 GeneratePress 테마 사이트 라이브러리 데모 로드하기

워드프레스 유료 테마에서는 대부분 데모를 제공합니다. GeneratePress 테마에서도 Site Library라는 라이브러리에서 미리 만들어진 사이트를 로드할 수 있는 기능을 제공합니다. 이 글에서는 제너레이트프레스 테마의 사이트 라이브러리에서 사전 제작된 사이트를 로드하는 방법에 대해 살펴보겠겠습니다.참고로 랜딩 페이지를 만들려는 경우 GeneratePress나 Divi 테마 등에서 제공하는 데모를 사용할 수 있습니다. 워드프레스로 쉽게 랜딩 페이지 만들기 (feat. 엘리멘터, GeneratePress, Divi) - 워드프레스 정보꾸러미워드프레스에서 쉽고 빠르게 랜딩 페이지로 만들고 싶은 경우 미리 만들어진 템플릿을 활용하는 것을 고려할 수 있습니다. 많은 사용자들이 엘리멘터 빌더를 활용하여 랜딩..

워드프레스 GeneratePress 테마의 Read More 버튼의 URL에서 "#more-" 제거하기

워드프레스 GeneratePress 테마에서 블로그와 전면 페이지에서 Read More 버튼을 표시하는 경우 Read More 버튼의 URL에 '#more-123'과 같이 '#more-'가 추가됩니다. 이 More 앵커를 제거하고 싶은 경우 제너레이트프레스 테마에서는 제공하는 [**generate_more_jump**] 필터를 사용할 수 있습니다. 워드프레스 GeneratePress 테마의 Read More 버튼의 URL에서 '#more-' 제거하기 워드프레스 테마 사용자 정의하기에서 GeneratePress 테마의 최신 글이나 블로그에 Read More 버튼을 표시하는 옵션이 제공됩니다. 그러나 Read more 버튼의 URL에 [**#more-123**]과 같은 앵커가 추가되는 경우가 있습니다. 가령..

워드프레스 제너레이트프레스 테마 블랙 프라이데이 세일(GeneratePress)

블랙 프라이데이가 다가오면서 일부 테마가 할인 판매를 시작했습니다. 제너레이트프레스(GeneratePress) 테마가 블랙 프라이데이를 맞이하여 세일을 실시하고 있습니다. 속도가 빠른 사이트를 원하는 경우 GeneratePress 테마를 사용하면 속도가 괜찮게 나올 것입니다. [참고*블랙 프라이데이(Black Friday)는 11월의 넷째 주 목요일인 추수감사절 다음날로, 미국에서 연중 가장 큰 규모의 쇼핑이 행해지는 날입니다. 올해 블랙 프라이데이는 2021년 11월 26일입니다.*] 워드프레스 제너레이트프레스 테마 블랙 프라이데이 세일(GeneratePress) 속도가 빠른 테마로 평가받고 있는 GeneratePress 테마가 블랙 프라이데이 맞이 할인 행사를 진행하고 있습니다. 할인 폭이 아쉽지만 ..

워드프레스 글자 크기 조절하는 방법(폰트 사이즈 줄이기/키우기)

빈번하게 받는 질문 중 하나가 글자 크기를 줄이거나 키우는 방법에 대한 것입니다. 워드프레스에서는 상황에 따라 다양한 방법으로 글자 크기를 줄이거나 키울 수 있습니다. 워드프레스 글자 크기 조절하는 방법 테마나 플러그인에서 글자 크기 조절 옵션을 제공하는 경우 먼저는 테마나 플러그인에서 글자 크기 조절 옵션을 제공하는지 체크해보시기 바랍니다. 아바다, 엔폴드, 뉴스페이퍼 등 다목적 유료 테마를 사용하는 경우 비교적 세세하게 글자 크기를 조절할 수 있습니다. 또한, 엘리멘터 페이지 빌더와 같은 페이지 빌더를 사용하는 경우에도 비교적 상세하게 글자 크기/글자색 등을 조정할 수 있습니다. 무료 테마에서는 글자 크기 조절 옵션이 부족할 수 있습니다. CSS를 잘 모르는 경우 유료 테마를 사용하는 것이 스트레스를..

워드프레스 이미지 캡션 스타일 변경하는 방법(+GeneratePress 테마)

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

워드프레스 GeneratePress 테마에서 Yoast SEO 브레드크럼 적용하기

워드프레스 SEO 플러그인에서는 브레드크럼 기능이 탑재되어 있어 테마에서 브레드크럼 기능을 제공하지 않을 경우 SEO 플러그인에서 제공하는 브레드크럼을 사용할 수 있습니다. 이 글에서는 GeneratePress 테마에서 Yoast SEO 브레드크럼을 적용하는 방법에 대하여 살펴보겠습니다. Yoast SEO의 브레드크럼 설정하기 Yoast SEO 플러그인을 설치하고 활성화했다면 알림판 > SEO > Search Appearance 페이지로 이동하여 Breadcrumbs 탭에서 브레드크럼 관련 설정을 할 수 있습니다. Yoast SEO에서 브레드크럼을 설정해도 자동으로 블로그 글이나 페이지에 브레드크럼이 표시되지는 않습니다. 아래의 방법을 통해 원하는 곳에 Yoast SEO 브레드크럼을 표시하도록 코드를 추..

워드프레스/SEO 2021.09.26

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

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

워드프레스 헤더 고정하기 (+아바다, 엔폴드, Divi, 뉴스페이퍼, GeneratePress 테마 등)

홈페이지에서 페이지를 아래로 스크롤하면 헤더가 고정되도록 하는 기법이 많이 사용됩니다. 워드프레스에서는 여러 가지 방법으로 헤더를 고정할 수 있습니다. 아바다, 엔폴드, Divi 테마, 뉴스페이퍼, GeneratePress 등 일부 테마에서는 헤더 고정 옵션을 제공합니다. 테마에서 헤더 고정 옵션을 제공하는 경우에는 테마의 기능을 사용하면 편리합니다. 테마에서 헤더나 메뉴를 고정하는 옵션을 제공하지 않으면 CSS 코드를 사용하거나 플러그인을 사용할 수 있습니다. CSS 코드로는 정교하게 고정하지 못하기 때문에 자바스크립트를 활용하면 보다 정교하게 고정하는 것이 가능합니다. 코딩 지식이 없다면 무료 플러그인을 사용하면 편리합니다. 워드프레스 헤더 고정하기 이 글에서는 몇 가지 테마에서 헤더를 고정하는 방법..