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

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

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

워드프레스 Autoptimize 플러그인을 캐시 플러그인과 함께 설치하여 잘 세팅하면 사이트 속도를 개선할 수 있습니다. 이런 플러그인을 사용할 때에는 캐시 플러그인 등 다른 유사한 기능을 제공하는 플러그인의 설정과 중복되지 않도록 주의를 기울여 설정하는 것이 중요합니다. 이 플러그인을 사용할 때 "Your ShortPixel image optimization and CDN quota has been exhausted..." 경고가 표시되는 경우가 있습니다. 이 경고가 표시될 경우 대처 방법에 대하여 살펴보겠습니다. 워드프레스 Autoptimize 플러그인: Your ShortPixel image optimization and CDN quota has been exhausted 경고가 표시되는 경우 Au..

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

워드프레스 관련 네이버 카페에 망보드 플러그인을 활용하여 방문자가 글을 작성하도록 허용할 때 게시판 게시물 내에 링크를 추가할 경우 nofollow 속성을 추가할 수 있는 방법에 대한 질문이 최근에 올라온 적이 있습니다. 망보드 스킨 파일을 수정하여 링크에 nofollow를 추가하는 것이 가능합니다. 워드프레스 망보드 플러그인: 사용자가 등록하는 게시물 내의 링크에 nofollow 속성 추가하기 Rank Math SEO 플러그인의 기능 사용하기 쉬운 방법으로는 SEO 플러그인의 기능을 활용할 수 있습니다. 예를 들어, Rank Math 플러그인에서는 외부 링크(eternal link)에 [**nofollow**] 속성을 추가하는 옵션이 있습니다. Rank Math 검색엔진 최적화 » 일반 설정 » 링크 ..

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

다소 특이한 워드프레스 이전 작업을 맡았습니다. PHP 버전이 5.3이고 워드프레스 버전도 오래된 4.7 버전에 설치된 워드프레스 사이트를 동일한 PHP 환경과 워드프레스 버전으로 세팅된 서버로 이전하는 작업이었습니다. 아바다 테마가 설치되어 있었는데, 마찬가지로 버전이 4.0.2로 매우 오래되었습니다. 클라이언트가 데이터와 디비를 사용하여 이전을 했지만 Fatal error: Cannot unset string offsets.. 오류가 발생하면서 로그인이 되지 않은 현상이 발생했습니다. 워드프레스 이전 후 Fatal error: Cannot unset string offsets... 오류가 발생하는 경우 워드프레스를 안전하게 운영하려면 가능한 경우 워드프레스 버전, 테마와 플러그인 버전을 모두 최신 버..

워드프레스에서 쇼핑몰을 운영하려는 경우 WooCommerce 플러그인을 사용할 수 있습니다. 우커머스를 사용하면 추가 플러그인을 사용하여 우리나라 PG사를 통한 결제가 가능합니다. 우커머스에서 주문 기능을 비활성화하여 우커머스를 제품 소개 카탈로그 사이트를 만드는 도구로 활용하는 것도 가능합니다. 워드프레스 우커머스 주문 기능 비활성화하기 우커머스로 상품 페이지를 만들면 그림과 같이 장바구니 버튼이 표시되어 방문자들이 구매가 가능해집니다. 우커머스 훅(Hook) 사용하기 워드프레스 우커머스 쇼핑몰에서 주문 기능을 비활성화하여 장바구니 버튼을 제거하고 싶은 경우 다음과 같은 코드를 차일드 테마 내의 함수 파일에 추가하도록 합니다. /** * This code modifies the WooCommerce d..

네이버 카페에 워드프레스닷컴에서 카페24로 이전한 후에 이미지가 엑박으로 표시디는 문제와 관련된 질문이 올라와서 이 문제를 잠시 살펴보았습니다. 워드프레스닷컴(가입형)에서 설치형으로 이전 후 이미지가 표시되지 않는 문제 워드프레스닷컴(WordPress.com)은 가입형 워드프레스로서 무료 요금제와 유료 요금제가 있습니다. 가입형은 비즈니스 요금제 이상에서만 외부 테마와 플러그인 설치가 가능하고 애드센스 광고를 게재할 수 있어 제약이 심한 편입니다. 하지만 트래픽을 워드프레스닷컴에서 감당하므로 방문자 수가 많을 경우 경제적인 옵션이 될 수 있습니다. 사이트 이전 후에 이미지가 엑박으로 표시되는 경우가 있습니다. 이 경우 어떤 에러가 표시되지 않는지 체크하여 문제의 원인을 찾아야 합니다. 예를 들어, 500..