워드프레스 엘리멘터 페이지 빌더에서는 페이지를 템플릿으로 저장하여 활용할 수 있습니다. 또한, 섹션도 템플릿으로 저장하는 것이 가능합니다. 엘리멘터에서 페이지를 템플릿으로 저장하는 방법 Elementor 페이지 빌더에서 페이지를 템플릿으로 저장하고 싶은 경우 페이지 편집 화면에서 왼쪽 하단의 "발행" 또는 "업데이트" 버튼 옆의 화살표(🔺)를 클릭하도록 합니다. 이미 발행된 페이지는 위의 그림과 같이 "업데이트"가 표시됩니다. 발행되지 않은 글은 "발행"이 표시됩니다. 발행/업데이트 버튼 옆의 위쪽 화살표를 클릭하면 템플릿으로 저장(Save As Template)이 나타납니다. 템플릿으로 저장을 클릭합니다. 라이브러리에 페이지 저장하기 팝업이 표시됩니다. 템플릿 이름을 입력하고 저장 버튼을 클릭합니다. ..

인기 워드프레스 Divi 테마로 유명한 Elegant Themes에서는 매주 무료 레이아웃 팩을 추가하고 있습니다. 최근에는 주얼리 디자이너, 홈 리모델링, 호스텔, 가족 소품, 부동산 중개인, 스트리머, 쇼콜라티에용 레이아웃 팩이 Divi 테마에 등록되었습니다. Divi 테마 사용자는 Divi 빌더에서 마음에 드는 레이아웃 페이지를 로드하여 사이트 제작에 활용할 수 있습니다. 워드프레스 Divi 테마용 주얼리 디자이너, 홈 리모델링, 호스텔 레이아웃 팩 무료 다운로드 Elegant Themes에서는 매주 새로운 레이아웃 팩을 공개하고 있습니다. 레이아웃 팩은 Divi 빌더에서 로드할 수 있습니다. 현재 277개 레이아웃 팩(2040 레이아웃 페이지)을 사용할 수 있습니다. 이전에는 오래된 레이아웃 팩부..

워드프레스에서 한국형 게시판을 운영하려는 Kboard나 망보드 같은 게시판 플러그인을 사용할 수 있습니다. 다른 방법으로 bbPress 플러그인을 사용할 수 있습니다. 하지만 bbPress는 포럼 플러그인으로 한국형 게시판처럼 운영하기 위해서는 커스텀이 필요하므로 포럼을 운영하려는 경우 bbPress를 고려해볼 수 있을 것 같습니다. 워드프레스 bbPress 답변 색인 생성 차단하기 bbPress를 설치하고 활성화하면 게시글 포스트 타입과 답변 포스트 타입이 생성됩니다. 게시글에는 답변이 포함되기 때문에 답변은 검색엔진에서 색인이 생성되지 않도록 설정하는 것을 고민해 볼 수 있습니다. 이와 관련된 질문이 Rank Math SEO 플러그인의 질문 게시판에 올라온 적이 있습니다(How to stop inde..

워드프레스 엘리멘터 페이지 빌더로 페이지를 편집하려고 시도할 때 다음 그림과 같이 "죄송합니다, 페이지에서 콘텐츠 영역을 찾을 수 없습니다" 또는 "페이지에서 내용 영역을 찾을 수 없습니다" 오류가 발생하는 경우가 있습니다. 이 오류가 발생하는 경우 해결 방법에 대해 살펴보도록 하겠습니다. 워드프레스 엘리멘터 "페이지에서 콘텐츠 영역을 찾을 수 없습니다" 오류 해결 방법 페이지 편집하려고 시도할 때 다음과 같은 오류 메시지가 표시되면서 페이지 편집을 할 수 없는 경우가 있습니다. 죄송합니다, 페이지에서 콘텐츠 영역을 찾을 수 없습니다. 엘리멘터가 이 페이지에서 작동하려면 현재 템플릿에서 'the_content' 함수를 호출해야 합니다. Sorry, the content area has not been f..

다른 사람의 카카오뷰 채널을 통해 많은 방문자가 블로그에 유입되면서 애드센스 광고가 정지되었다고 호소하는 분을 본 적이 있습니다. 아마도 저품질 트래픽 소스(외부 유입)로 인해 구글에서 정책 위반이라고 판단하지 않았나 생각됩니다. 이런 경우 당하는 사람은 정말 억울할 수밖에 없습니다. 특정 참조 사이트(리퍼러) 방문자 차단/리디렉션시키기 특정 도메인으로부터 유입되는 방문자가 수익에 도움이 되지 않거나 더 이상 유용하지 않는 경우 서버 리소스만 차지하고 사이트를 느리게 할 수 있습니다. 이 경우 [**.htaccess**] 파일에 다음과 같은 코드를 추가하여 특정 외부 사이트로부터 유입되는 모든 방문자를 차단할 수 있습니다("How to block visitors by referrer domain usin..

워드프레스 아바다 테마에서 메뉴 로딩 시 메뉴가 깨진 것처럼 보이다가 로딩되는 경우가 있습니다. 사이트 속도가 느린 경우, 특히 모바일에서 이런 현상이 두드러질 수 있습니다. 이러한 문제가 발생하는 경우 확인 사항에 대해 살펴보겠습니다. 워드프레스 아바다 테마의 메뉴 로딩 시 오류가 발생하는 경우 대처 방법 Avada 테마는 10년 동안 판매 1위를 기록하고 있는 베스트셀링 워드프레스 테마로서 현재까지 82만 개 이상이 판매되었습니다. 다국어 테마의 효시인 아바다는 많은 기능을 탑재하고 있어 최적화를 제대로 하지 않으면 사이트가 무거워질 수 있습니다. 아바다 테마로 만든 사이트에서 메뉴가 느리게 로드되면서 특히 모바일에서 메뉴가 깨져 보인 후에 정상적으로 표시되는 문제가 발생할 수 있습니다. 캐시 플러그..

워드프레스에서 기본 에디터인 블록 에디터(구텐베르크)를 사용하여 글을 작성할 때 소제목(헤딩)을 활용하면 독자들이 읽기에 편하기 때문에 SEO에도 유리하게 작용할 수 있습니다. 헤딩 태그를 사용하여 글을 작성한 경우 목차(TOC) 플러그인을 설치하면 자동으로 목차가 생성됩니다. 헤딩 스타일은 테마마다 조금씩 다르지만, 간단한 CSS로 소제목 스타일을 변경할 수 있습니다. 이 블로그에서 워드프레스 소제목 스타일을 변경하는 방법에 대한 글을 작성한 적이 있습니다. 이 글에서는 다음과 같은 헤딩 스타일을 만드는 방법에 대해 살펴보겠습니다. 아스트라, OceanWP, 제너레이트프레스 테마를 기준으로 설명했지만 다른 워드프레스 테마에서도 적용이 가능합니다. 워드프레스 Astra, OceanWP, GenerateP..

워드프레스에서 글을 작성할 때 이미지를 삽입하면 이미지는 정렬 없음 상태가 됩니다. 이미지를 가운데 정렬하도록 설정하려면 컨트롤의 '정렬 변경' 아이콘을 선택하고 중앙 정렬 옵션을 선택해야 합니다. 이 작업이 의외로 번거로울 수 있습니다. 모든 이미지를 가운데 정렬시키고 싶은 경우 간단한 CSS 코드로 가능합니다. 워드프레스 본문 이미지 가운데 정렬하기 워드프레스 블록 에디터(구텐베르크)를 사용하는 경우 이미지 블록을 사용하여 추가한 모든 이미지를 중앙 정렬하고 싶다면 다음과 같은 CSS 코드를 사용할 수 있습니다. /* 모든 이미지 중앙 정렬 */ .single .wp-block-image img { display: block; margin: 0 auto; } 또는, 다음과 같은 코드로도 가능합니다. ..

워드프레스 사이트에서 유사한 제품의 장단점을 비교하는 제품 비교표나 특정 카테고리의 제품들을 나열하는 제품 리스트를 만들고 싶은 경우 페이지 빌더에서 제공하는 가격표(Pricing Table) 요소를 사용하거나 Gutencon과 같은 플러그인을 사용할 수 있습니다. 가격 비교 사이트용 테마로는 REHub 테마가 있습니다. 워드프레스 제품 리스트/제품 비교표 플러그인 다음과 같이 특정 카테고리 제품들을 정리하여 장단점과 사용자 평점, 가격 등을 표시하는 제품 리스트를 만들고 싶은 경우가 있습니다. 위의 그림은 해외호스팅 업체들을 비교한 리스팅인데요, 국내에서는 쿠팡 상품들을 리스트로 표시할 때 위와 같은 레이아웃을 이용하는 경우가 많습니다. 또한, 다음과 같이 세로로 제품들의 장단점을 비교하는 테이블도 많..

워드프레스 OceanWP 테마의 Minimal 데모를 사용하여 벤치마킹 사이트와 비슷하게 세팅하는 작업을 의뢰받아 수행했습니다. 벤치마킹 사이트에서는 썸네일에 카테고리 라벨이 표시되어 있었습니다. 위의 그림과 같이 카테고리 배지가 썸네일 위에 배치되어 있었습니다. 워드프레스 카테고리 라벨을 썸네일에 표시하기 (+OceanWP 테마) 이 기능이 OceanWP 테마에서 제공되는지 체크해보았지만 Blog 설정 페이지에서 카테고리 메타 정보를 표시할지 여부를 지정할 수 있는 옵션은 있지만 카테고리 타이틀을 썸네일에 표시하는 기능은 찾을 수 없었습니다. 벤치마킹 사이트를 살펴보니 엘리멘터 페이지 빌더용 플러그인을 설치하여 블로그 페이지를 만든 것을 확인할 수 있었습니다. 카테고리 이름을 썸네일(특성 이미지) 위에..