워드프레스에서 페이지 빌더를 사용하면 홈페이지 제작이 수월해집니다. 코딩 지식이 없어도 페이지 빌더를 사용하여 사이트 제작이 가능합니다. CSS에 대한 지식이 있으면 더욱 수월하게 원하는 레이아웃의 페이지를 만들 수 있습니다. 워드프레스 아바다 테마의 컨테이터, 컬럼, 요소에 CSS 클래스 추가하기 페이지 빌더에서는 특정 요소에 CSS 클래스와 CSS ID를 추가할 수 있는 옵션을 제공합니다. 참고로 기본 편집기인 블럭 에디터(구텐베르크 편집기)에서도 CSS 클래스를 블럭에 추가할 수 있는 옵션을 제공합니다. 블럭에서 맨 아래의 '고급'을 클릭하면 Additoinal CSS Class(es) 옵션이 표시됩니다. 아바다(Avada) 테마에는 Fusion Builder라는 자체 페이지 빌더가 사용되고 있습니..

WPBakery Page Builder (이전 명칭 '비주얼 컴포저') 같은 페이지 빌더를 사용하면 페이지 디자인 작업을 편리하게 할 수 있습니다. 하지만 작업을 수월하게 할 수 있도록 하는 한편 최적화를 제대로 하지 않으면 사이트 속도에 부정적인 영향을 미칠 수 있습니다. 이 글에서는 WPBakery 페이지 빌더를 커스텀 포스트 타입(사용자 정의 글 형식)에 사용하도록 설정하는 방법에 대해 살펴보겠습니다. 목차 워드프레스 WPBakery Page Builder (비주얼 컴포저)를 커스텀 포스트 타입에 사용하도록 설정하는 방법 비주얼 컴포저를 사용하는 경우 보통 페이지를 비주얼 컴포저를 사용하여 작업하게 됩니다. 포트폴리오 같은 커스텀 포스트 타입(사용자 정의 글 유형)에도 비주얼 컴포저를 사용하고 싶은..

워드프레스 인기 매거진, 블로그 테마인 뉴스페이퍼 (Newspaper)에서 tagDiv Cloud Library를 활성화하면 '클라우드 템플릿'을 사용하여 헤더에서 푸터까지 각 부분을 사용자 정의(커스터마이징)할 수 있습니다. 이 글에서는 뉴스페이퍼 테마에서 글이 자동으로 로딩되는 무한 로딩 기능을 설정하거나 비활성화하는 방법에 대해 살펴보겠습니다. 뉴스페이퍼 테마에서 글 자동 로딩 (무한 로딩) 설정 / 해제하기 뉴스페이퍼 Standard Pack vs. Cloud Library 참고로 사이트 속도를 위해서는 뉴스페이퍼 테마의 Standard Pack을 비활성화하고 Cloud Library를 활성화할 것을 테마 개발자는 권장하고 있지만, 이와 같이 설정할 경우 실제 속도는 기대만큼 빨라지지 않으면 St..

아바다, 엔폴드 등 일부 워드프레스 유료 테마에는 유료 플러그인이 번들로 제공되는 경우가 있습니다. 예를 들어, 아바다 (Avada) 테마에는 Convert Plus, Advanced Custom Filelds PRO, LayerSlider WP, Slider Revolution 등의 프리미엄 플러그인이 포함되어 있습니다. 워드프레스 유료 테마에 포함된 프리미엄 플러그인의 업데이트 이러한 플러그인은 최종 사용자에게는 라이선스 없이 제공됩니다. Slider Revolution의 경우 플러그인 목록 페이지에 다음과 같이 프리미엄 혜택(예: 라이브 업데이트)을 위해 Slider Revolution을 활성화(인증)하라는 메시지가 표시됩니다. 또한, 유료 테마에 포함된 유료 플러그인은 최신 버전이 아닐 수도 있습..

개별 페이지나 글에 이동 경로를 표시하면 SEO에 도움이 됩니다. 이동 경로는 영어로 브레드크럼 (Breadcrumb)이라고 하며, 이동 경로를 설정하면 구글 등 검색엔진에 반영되어 사용자들이 관련성 있는 정보인지를 판단하는 데 도움이 됩니다. 예를 들어, 이 티스토리 블로그에서는 워드프레스 사이트에서 영감(?)을 얻어 '이동 경로' 즉 브레드크럼을 표시하도록 만들었습니다("티스토리 Magazine 스킨에 브레드크럼을 추가하는 방법" 참고). 그 결과 구글에서 검색될 때 아래 그림과 같이 카테고리가 표시됩니다. 워드프레스 인기 테마 중 하나인 엔폴드의 경우 테마 옵션에서 이동 경로를 표시할지 여부를 설정할 수 있고, 개별 페이지와 글에서 테마 옵션 내의 설정과 다른 다르게 설정할 수도 있습니다. 테마 옵..

네이버 서치어드바이저의 웹마스터도구에서 '페이지와 연동되는 모바일 앱 링크가 존재하지 않습니다.' 오류가 발생하는 경우가 있습니다. 아마 별다른 조치를 하지 않았다면 모든 사이트에서 이 오류가 표시될 것 같습니다. 웹마스터도구에 접속한 다음 검증 > 웹페이지 최적화를 선택하고 웹 페이지 최적화 검증에서 주소를 넣고 "확인"을 누르도록 합니다. 그러면 다음 그림과 같이 모바일 사용성 아래의 '앱링크' 항목에 '페이지와 연동되는 모바일 앱 링크가 존재하지 않습니다.' 경고가 표시될 것입니다. 위와 같은 경고가 표시되는 경우 웹마스터도구의 웹 표준 HTML 마크업 가이드를 참고하여 조치를 취할 수 있습니다. 여러분의 웹 문서 콘텐츠가 모바일 앱으로도 제공이 가능하다면 앱 링크 정보를 넣어주세요. 앱 링크 기법..

워드프레스에서 글을 작성할 때 문단 사이에 여백을 추가하고 싶은 경우가 있을 수 있습니다. 몇 가지 방법으로 문단 사이에 공백을 추가할 수 있습니다.최신 워드프레스에서는 간단히 '여백 설정' 레이아웃 요소를 사용하면 편리하게 여백을 넣을 수 있습니다.새로운 요소 추가 아이콘(더하기 아이콘)을 클릭하고 레이아웃 요소 > 여백 설정 요소를 선택하면 문단 사이에 여백을 추가할 수 있습니다.오른쪽의 블럭 설정의 '여백 설정'에서 높이를 픽셀 단위로 지정할 수 있습니다. 기본 100으로 설정되어 있습니다. 적당히 조정하도록 합니다.글 미리보기를 해보면 위의 그림과 여백이 지정되어 있음을 살펴볼 수 있습니다.만약 고전 편집기를 사용하는 경우에는 직접 html 코드를 삽입하여 여백을 추가할 수 있습니다. 여백을 추가..

가장 많이 설치되어 사용되고 있는 인기 워드프레스 테마 중 하나인 Divi 테마가 블랙프라이데이 기간 동안 할인 이벤트를 진행하고 있네요.☞ Divi 블랙프라이데이 이벤트 페이지행사는 우리나라 시각으로 월요일 (11월 2일) 오후 3시까지 진행되는 것 같습니다. 신규 구매뿐만 아니라 연간 플랜을 라이프타임 플랜으로 업그레이드하는 경우에도 할인을 받을 수 있습니다.Elegant Themes의 Divi 테마는 초보자가 사용하기에는 조금 어려울 수 있지만, 무료 레이아웃 팩과 최근 도입된 Theme Builder (테마 빌더)를 활용하면 보다 수월하게 사이트를 만들 수 있을 것 같습니다.Divi 4.0 업데이트: 카테고리, 개별 페이지 등의 헤더, 본문, 푸터를 자유롭게 디자인 가능블랙프라이데이 기간을 맞이하..

블랙프라이데이를 맞이하여 엔바토 마켓(Envato Market)에서는 500개 이상의 품목을 50% 할인된 가격에 판매하고 있습니다.엔바토 사이버 먼데이 & 블랙 프라이데이 이벤트 (Envato Cyber Monday & Black Friday Deals 2019)하지만 아바다 등 대부분의 인기 워드프레스 테마는 이벤트에 참여하지 않았지만, 자체적으로 블랙 프라이데이 할인 행사를 진행하고 있습니다. 6년 이상 판매 1위를 기록하고 있는 아바다 (Avada) 테마와 인기 우커머스 (WooCommerce) 쇼핑몰 테마인 Flatsome이 39달러에 판매되고 있고, 인기 매거진 테마인 뉴스페이퍼 (Newspaper)가 41달러에 할인 판매되고 있습니다.아바다, Flatsome 혹은 뉴스페이퍼 테마를 염두에 두..

드물지만 다른 사용자의 컴퓨터에서는 문제가 없지만 특정 컴퓨터에서 워드프레스 사이트에 접속하지 문제가 발생하는 경우가 있을 수 있습니다. 관리자 페이지에 접속하려고 시도할 경우 다음과 같은 오류 메시지가 표시되면서 접속이 거부되는 문제도 발생하는 경우가 있습니다. Not Found The requested URL /wp-admin was not found on this server. 이런 문제가 발생하는 경우 다음과 같은 조치를 취해 문제 해결을 시도해볼 수 있습니다.캐시 삭제먼저 문제가 되는 컴퓨터에서 브라우저 캐시와 쿠키를 모두 삭제해보도록 합니다. 그리고 워드프레스 관리자 페이지에서도 캐시(캐시 플러그인을 사용하는 경우)를 삭제하도록 합니다. 크롬의 경우 주소 창에 "chrome://history/..