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

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

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

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

지난주에 구글로부터 워드프레스 사이트의 글 하나에 대하여 뜬금없이 "새로운 모바일 사용 편의성 문제가 감지됨" 경고가 날아왔습니다. 해당 글이 발행된 지 몇 년이 지났는데, 갑자기 이런 경고가 날아와서 조금 의아했습니다. 이런 경고를 받으면 문제가 되는 페이지를 모바일에서 접속하여 문제가 되는 부분을 파악하여 대처할 수 있습니다. 보통은 간단한 CSS를 사용하여 쉽게 대응이 가능할 것입니다. 워드프레스에서 클래식 편집기(고전 편집기)로 작성한 글에서 이런 경고가 표시되면 블록 에디터로 변환하면 문제가 해결될 수 있습니다. 워드프레스: 모바일 사용 편의성 - 콘텐츠 폭이 화면 폭보다 넓음 경고 "새로운 모바일 사용 편의성 문제가 감지됨" 경고 메일이 오면 "모바일 사용 편의성 문제 해결하기" 버튼을 클릭하..

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

GeneratePress 테마가 설치된 워드프레스 사이트에 관련 글 관련 PHP 코드를 Element로 추가할 때 "Special characters must be escaped : [ < ]" 오류가 발생하는 문제에 대한 질문이 네이버 카페에 최근 올라온 적이 있습니다. 보통 GeneratePress 테마의 Elements를 사용하여 PHP 코드를 추가하더라도 문제가 발생하지 않습니다. 이런 문제가 발생할 경우 확인할 사항과 우회 방법에 대하여 살펴보겠습니다. 워드프레스: Special characters must be escaped 오류 워드프레스 제너레이트프레스 유료 버전을 사용하는 경우 Elements 모듈을 사용하여 대시보드(알림판)에서 PHP 코드를 원하는 곳에 추가할 수 있습니다. "워드프레..

사이트에 브레드크럼(Breadcrumb)을 표시하면 방문자들이 쉽게 이동 경로를 클릭하여 이동할 수 있고 구글 등 검색엔진에서는 검색 결과에 브레드크럼 경로를 표시하므로 SEO에도 유리합니다. 이 글에서는 GeneratePress 테마에서 Rank Math SEO 플러그인의 브레드크럼을 적용하는 방법에 대하여 살펴보겠습니다. 워드프레스 GeneratePress 테마에 Rank Math 브레드크럼 적용하기 Rank Math SEO 플러그인의 블레드크럼 활성화하기 Rank Math 플러그인의 브레드크럼 기능을 사용하려면 먼저 Rank math 플러그인에서 브레드크럼 기능을 활성화해야 합니다. Rank Math 검색엔진 최적화 » 일반 설정 » Breadcrumbs로 이동하여 Breadcrumbs 기능 활성화..

워드프레스 유료 테마에서는 푸터에 표시되는 Copyright 문구를 변경할 수 있는 옵션을 보통 제공하지만, 무료 테마에서는 대체로 그런 옵션이 제공되지 않습니다. GeneratePress 테마에서도 프리미엄 버전에서는 테마 옵션 내에서 변경이 가능하지만 무료 버전에서는 저작권 문구를 변경하는 옵션이 지원되지 않습니다. 그러나 후크를 사용하여 쉽게 변경이 가능합니다.속도가 빠른 워드프레스 테마를 원하는 경우 GeneratePress 테마가 좋은 선택일 수 있습니다("워드프레스 GeneratePress 테마: 구글 페이지 스피드 인사이트 점수" 참고).[ 이 글은 2023년 8월 19일에 마지막으로 업데이트되었습니다. ]워드프레스 GeneratePress 테마 Copyright 문구 변경하기Generate..

워드프레스 GeneratePress 테마를 사용하는 경우 최신 글과 카테고리/태그 등 아카이브 페이지에서 더 보기 버튼이 Read More 텍스트로 표시됩니다. GeneratePress 테마의 무료 버전에서는 텍스트로만 표시되고 유료 버전에서는 버튼으로 표시하는 옵션이 제공됩니다. 무료 버전을 사용하더라도 CSS를 사용하여 위의 그림과 같이 버튼으로 바꾸는 것도 가능합니다. Read More 버튼의 문구를 여러 가지 방법으로 변경할 수 있습니다. GeneratePress 테마: Read More 텍스트 변경하기 GeneratePress 테마의 유료 버전(GP Premium)을 사용하는 경우 Blog 모듈을 활성화한 다음, 외모 » 사용자 정의하기 » Layout » Blog에서 Read More 텍스트를..

구글 웹페이지 속도 측정 사이트인 페이지 스피드 인사이트(PageSpeed Insights)에서는 사이트의 콘텐츠를 분석하여 페이지의 속도과 성능을 개선할 수 있는 최적화 방법에 대한 통찰력을 제공합니다. PageSpeed Insights 사이트에서 워드프레스 사이트를 분석할 때 그림과 같이 점수가 표시되지 않고 성능, 접근성, 권장사항, 검색엔진 최적화(SEO) 등 모든 항목에 대하여 물음표가 표시되는 경우가 있습니다. 구글 페이지 스피드 인사이트(PageSpeed Insights) 사이트 분석에 실패하는 경우 페이지 스피드 인사이트에서 웹사이트 성능 측정 시 모든 항목에 대하여 물음표가 표시되는 경우 개별 측정 항목에 대해서는 아래 그림과 같이 세부 항목에 Error! 문구가 표시됩니다. 가령 개별 ..