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

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

워드프레스 5.0 버전부터 기본 편집기가 고전 편집기에서 구텐베르크(블록 에디터)로 바뀌었습니다. 구텐베르크를 도입할 당시 많은 저항이 있었지만 워드프레스가 버전 업되면서 많이 안정화되고 기능도 개선되었습니다. 이 글에서는 워드프레스 구텐베르크에서 버튼을 가운데 정렬하는 방법에 대하여 살펴보겠습니다. 기초적인 내용이지만 문의하시는 분이 계셔서 정리해보았습니다. 워드프레스 버튼 가운데 정렬 방법(+구텐베르크 에디터) 구텐베르크(블록 에디터)에서는 블록 단위로 콘텐츠를 추가할 수 있습니다. 쿠텐베르크 편집기에서는 다양한 블록들이 지원됩니다. 버튼을 추가하고 싶은 경우 '버튼' 블록을 사용할 수 있습니다. 또는, [**/버튼**]을 입력하여 쉽게 버튼 블록을 선택할 수 있습니다(참고). 버튼을 가운데 정렬하려..

인기 워드프레스 페이지 빌더 플러그인인 Elmentor는 현재 500만 개가 넘는 사이트에 설치되어 사용되고 있습니다. 무료 엘리멘터 페이지 빌더로도 훌륭한 사이트를 만들 수 있지만 일부 위젯과 템플릿이 제외되어 있고 테마 빌더와 같은 고급 기능이 제공되지 않습니다. 이 글에서는 엘리멘터 프로에서 제공하는 포스트 위젯에 대하여 살펴보겠습니다. 워드프레스 엘리멘터 포스트 위젯(Posts) 엘리멘터에서 포스트나 페이지 혹은 커스텀 포스트 타입 글을 나열할 수 있는 Posts(포스트) 및 Portfolio(포트폴리오) 위젯과 Gallery(갤러리), Form(컨택트 폼), Slides(슬라이드) 등 일부 위젯은 엘리멘터 프로에서만 제공됩니다. 엘리멘터 무료 버전에서는 프로 위젯들에 자물쇠 아이콘이 표시되어 있..

인기 워드프레스 테마 중 하나인 Bridge 테마는 주간 베스트셀링 테마 목록에 꾸준히 이름을 올리고 있으며 590개가 넘는 데모를 제공하고 있습니다. 브릿지는 거의 매주 새로운 업데이트가 나오고 있습니다. 매 업데이트 때마다 새로운 엘리멘터용 데모가 추가되고 있습니다. 워드프레스 Bridge 테마 업데이트 - 4가지 엘리멘터용 데모 추가 브릿지 테마는 아바다, Flatsome, The7의 뒤를 이어 주간 판매량 4위를 차지고 있는 인기 워드프레스 테마 중 하나입니다. Bridge는 Betheme 테마와 비슷하게 많은 데모를 제공하여 사용자들의 인기를 끌고 있는 것 같습니다. Bridge는 WPBakery 페이지 빌더용 데모만을 제공했지만 지금은 엘리멘터 페이지 빌더용 데모를 매주 새롭게 추가하고 있습니..

일부 워드프레스 테마에서는 사용자가 아래로 마우스를 스크롤할 때 메뉴/헤더를 숨기고 위로 스크롤할 때 메뉴를 다시 표시하는 옵션을 제공하기도 합니다. 뉴스페이퍼 테마에서는 고정 메뉴(Sticky Menu) 옵션에서 스마트 스냅(Smart snap) 항목을 선택하면 마우스 스크롤 시 메뉴가 숨겨졌다가 위로 스크롤하면 메뉴가 나타납니다. 워드프레스 뉴스페이퍼 테마 스크롤 시 메뉴 숨김(스마트 스냅) 옵션 아래 영상과 같이 마우스를 아래로 스크롤할 때 메뉴를 숨기고, 위로 스크롤할 때 메뉴를 다시 표시하면 방문자들이 아래로 스크롤하면서 글을 읽을 때 상단 메뉴의 방해를 받지 않기 때문에 UX(사용자 경험) 향상에 도움이 됩니다. 예전에 미디엄에서 이와 비슷하게 작동했지만 오늘 확인해보니 미디엄(Medium)에..

워드프레스에는 다양한 무료 및 유료 목차 플러그인이 있습니다. 제 워드프레스 블로그에는 유료 플러그인인 Fixed TOC가 설치되어 있습니다. 이 플러그인의 경우 목차를 초기에 펼침 상태로 표시할 것인지 아니면 접힘 상태로 표시할 것인지를 지정하는 초기 펼침/접힘 상태를 설정할 수 있습니다. 하지만 초기 상태를 '펼침'으로 설정해도 모바일에서는 접힌 상태로 표시됩니다. 워드프레스 목차 플러그인 Fixed TOC: 모바일에서 초기 상태로 목차 펼침이 안 되는 현상 워드프레스에는 괜찮은 무료 목차(TOC) 플러그인이 몇 가지 있습니다. 목차를 자동 생성하도록 하고 싶은 경우 무료 목차 플러그인 중에서 마음에 드는 것을 설치하여 사용하시면 됩니다. 워드프레스 목차(TOC) 플러그인 워드프레스에서는 목차 플러그..

워드프레스에서 '설치를 실패했습니다: Theme not found' 오류가 발생하는 경우가 있습니다. 이 에러로 인해 테마 설치를 하지 못하는 문제가 발생하는 경우 아래 내용을 참고하여 문제 해결을 시도해보시기 바랍니다. 워드프레스 '설치를 실패했습니다: Theme not found' 오류가 발생하는 경우 해결 방법 카페24에서 리셋하고 나서 워드프레스를 재설치한 후에 테마를 설치하려고 할 때 위의 그림과 같이 "Theme not found" 에러가 발생하는 경우가 있다고 하네요. 이 경우 다음과 같은 방법에 따라 문제 해결을 시도해봅니다. 워드프레스 테마 삭제 먼저 문제가 되는 테마를 삭제하도록 합니다. 외모 > 테마에서 문제가 되는 테마 상세정보를 클릭합니다. 테마 상세정보 화면에서 오른쪽 하단의 삭..

워드프레스에는 다양한 팝업 플러그인이 있습니다. BBS e-Popup 플러그인을 사용할 경우 최신 워드프레스에서 오류가 발생할 수 있습니다. 이 플러그인은 현재 3년 이상 업데이트가 이루어지지 않고 있기 때문에 보안을 위해 사용하지 않는 것이 바람직하며 최신 환경에서 오류가 발생할 가능성이 높습니다. 워드프레스 BBS e-Popup 플러그인 사용자 참고 사항(+팝업이 제대로 작동하지 않는 문제) 네이버 카페에 아바다 테마에서 BBS e-popup의 이미지 팝업이 모바일에서 작동하지 않는다는 질문이 올라와서 이와 관련하여 간단히 정리해보았습니다. BBS e-popup은 한국형 팝업창을 표시할 수 있어 우리나라에서 제법 사용되었지만 3년 이상 업데이트가 이루어지지 않고 있습니다. 이 플러그인은 3년 이상 업..

워드프레스에서는 Yoast SEO, All in One SEO와 같은 SEO 플러그인을 사용하여 쉽게 사이트 제목과 사이트 설명을 지정할 수 있습니다. 아래에서는 Rank Math 플러그인에서 사이트 제목과 사이트 설명을 추가하는 방법에 대해 간단히 설명합니다. 또한, 개별 페이지/글의 SEO 제목과 SEO 제목, 그리고 카테고리 아카이브 및 태그 아카이브의 SEO 타이틀과 설명을 지정하는 방법도 살펴보겠습니다. Rank Math는 무료 버전과 유료 버전이 있으며, 유료 버전에서는 추가적인 스키마 타입을 비롯하여 추가적인 기능이 제공됩니다. 워드프레스 Rank Math에서 사이트 제목과 사이트 설명 추가하기 네이버 웹마스터 도구에서 사이트 제목이나 사이트 설명, Open Graph 제목, Open Gra..

사용자가 이미지가 있는 지점으로 스크롤할 때 이미지가 로드되도록 하는 레이지 로딩 기능을 사용하면 사이트 속도 개선에 도움이 됩니다. 워드프레스는 5.5 버전부터 이미지 레이지 로딩 기능이 추가되었습니다. 인기 워드프레스 테마인 아바다(Avada)에서는 워드프레스 네이티브 레이지 로딩과 아바다 테마의 레이지 로딩 중에서 선택할 수 있도록 옵션을 제공합니다. 아바다 테마 이미지 레이지 로딩(이미지 지연 로드) 설정하기 아바다 테마에서 이미지 레이지 로딩은 알림판 > Avada > Options > Performance 페이지의 Image Lazy Loading 섹션에서 설정할 수 있습니다. 여기에서 사이트 속도 개선을 위해 사이트의 이미지를 지연 로드하는 방법을 선택할 수 있습니다. 중요한 점은 WordP..