워드프레스 일기의 워드프레스 1710

워드프레스 Divi 테마는 아바다 테마와 비슷한 판매량을 자랑하는 베스트셀링 테마 중 하나입니다. Divi는 테마 빌더 기능을 처음으로 도입하여 알림판에서 커스텀할 수 있는 길을 가장 먼저 열었습니다. 이후에 아바다 등의 테마에서도 비슷한 기능을 도입했고 엘리멘터 페이지 빌더에서도 테마 빌더 기능을 추가했습니다. Divi 테마에서 글 하단에 커스텀 문구를 표시하고 싶은 경우 테마 빌더를 사용하거나 훅(hook)을 사용할 수 있습니다. 테마 빌더를 사용하면 코딩 지식이 없어도 수월하게 커스텀이 가능합니다. 워드프레스 Divi 테마: 테마 빌더(Theme Builder)를 사용하여 글 하단에 커스텀 문구 표시하기 테마 빌더 사용하기 Divi 테마나 엘리멘터 페이지 빌더를 사용하는 경우 테마 빌더를 활용하면 ..

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

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

Hotel Booking 테마는 호텔 예약 사이트 구축에 사용할 수 있는 워드프레스 테마입니다. 이 테마는 엘리멘터 페이지 빌더 기반으로 제작되었고 다양한 데모가 제공됩니다. 클라이언트가 데모 설치가 되지 않는 문제로 인해 이 테마의 데모를 설치하는 작업을 맡은 적이 있습니다. 이 테마의 데모 설치 시 오류가 발생하는 경우 참고하시기 바랍니다. 워드프레스 Hotel Booking 테마 데모 설치 호텔, 리조트 예약 사이트 등을 구축할 때 Themeforest의 호텔 예약 테마를 고려할 수 있습니다. 예약 기능은 별도의 플러그인을 구현하고 싶은 경우에는 아바다(Avada)와 같은 인기 다목적 테마를 사용하는 것도 가능합니다. Hotel Booking 테마에는 (호텔 객실) 예약 기능이 포함되어 있습니다. ..

워드프레스에서는 특정 글을 붙박이 글(추천 글)로 지정하여 최신 글 상단에 항상 표시되도록 할 수 있습니다. "블로그 상단"에 고정 옵션을 체크하여 특정 글을 붙박이 글로 지정하면 최신 글(블로그 페이지)에서는 고정되지만 카테고리 페이지에서는 보통 상단에 고정되지 않습니다. 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 검색엔진 최적화 » 일반 설정 » 링크 ..