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

워드프레스 우커머스 쇼핑몰에서 페이팔 결제가 안 되는 경우 SSL 인증서 문제일 수 있습니다. 우커머스 문서에 의하면 페이팔을 이용하기 위해서는 SSL 인증서가 필요하다고 안내하고 있습니다. PayPal requires an SSL certificate, so be sure to tick the Force Secure Checkout checkbox at: WooCommerce > Settings > Advanced. 우커머스 내의 설정 > 고급에서 'Force Secure Checkout' 옵션을 선택하라고 지시하고 있지만, SSL 인증서가 이미 설치된 경우에는 이 옵션이 표시되지 않습니다. SSL 인증서가 설치되지 않은 경우에는 이 옵션이 표시됩니다. 우커머스 '안전 결제 필수 사용하기' (Force..

아바다, 엔폴드 등 일부 테마에서는 헤더 위치를 상단 대신 왼쪽 또는 오른쪽에 배치할 수 있는 옵션을 제공합니다. Divi 테마에서도 헤더를 왼쪽 또는 오른쪽에 표시할 수 있는 수직 내비게이션 기능을 제공합니다. 헤더와 메뉴 내비게이션 레이아웃 헤더 위치를 상단에 배치하고 로고와 메뉴 내비게이션을 표시하는 것이 요즘의 일반적인 웹사이트 구조입니다. 하지만 20여 년 전에는 헤더에 로고가 위치하고 왼쪽 사이드바에 메뉴가 배치되는 형식이 많았습니다. 아래는 약 20년 전에 제가 준전문가에게 의뢰하여 만든 홈페이지입니다. 당시에는 아래와 같은 헤더와 메뉴 구조가 일반적이었습니다. 하지만 워드프레스가 등장하면서 현재와 같은 레이아웃 구조가 일반화되기 시작했습니다. 이와 같은 구조가 SEO에 유리한 것으로 알려져..

워드프레스 글을 페이스북에 공유할 때 썸네일이 표시되지 않는 문제를 맡게 되었습니다. 워드프레스에서 SEO 플러그인을 사용하고 글을 작성할 때 특성 이미지를 지정하면 보통 페이스북에 포스트 공유 시 썸네일이 올바르게 표시됩니다. 만약 페이스북 공유 시 썸네일이 표시되지 않는 경우 1) 웹호스팅 문제, 2) 플러그인 충돌 문제 등을 의심해볼 수 있습니다. 페이스북 공유 시 워드프레스 썸네일이 표시되지 않는 경우 카톡이나 페이스북 등에 포스트를 공유할 때 썸네일 오류가 발생하는 경우 먼저 다음 글을 참고하여 문제 해결을 시도해볼 수 있습니다. 카톡, 네이버 블로그, 페이스북 등 SNS 공유 시 썸네일 문제 워드프레스 글이나 사이트 URL을 네이버 블로그, 네이버 카페, 카카오톡, 페이스북 등 SNS에 공유할..

워드프레스 5.0 버전부터 기본 편집기가 고전 편집기(Classic Editor)에서 블록 에디터(구텐베르크)로 바뀌었습니다. 블록 에디터가 강력한 기능을 제공하지만 엘리멘터와 같은 페이지 빌더를 사용하면 보다 수월하게 전문적인 페이지를 만들 수 있습니다. Stackable은 블록 에디터를 페이지 빌더로 활용할 수 있도록 다양한 블록 라이브러리를 제공합니다.워드프레스 블록 에디터(구텐베르크)를 페이지 빌더로 만들어주는 Stackable 플러그인워드프레스에서 페이지 빌더를 사용하지 않고 사이트를 만드는 경우 Stackable 플러그인을 사용하면 블록 에디터를 페이지 빌더처럼 사용할 수 있습니다.블록 에디터가 계속 발전을 하면 페이지 빌더 시장을 잠식할 것으로 예상되지만, 지금은 페이지 빌더들이 기능성과 사..

워드프레스 페이지 빌더 중 하나인 Brizy는 현재 7만 개 이상의 워드프레스 사이트에 설치되어 사용되고 있습니다. Brizy의 유료 버전이 블랙프라이데이를 맞이하여 30% 할인 행사를 진행하고 있습니다. 워드프레스 Brizy Pro 활성화 및 템플릿 설치하기 워드프레스 Brizy Page Builder 플러그인은 인기 페이지 빌더인 엘리멘터(Elementor)와 비슷한 기능을 제공하는 사용이 쉬운 페이지 빌더입니다. Brizy Pro는 Elementor Pro에 비해 비용이 저렴한 편이며 라이 avada.tistory.com 워드프레스 Brizy 페이지 빌더 세일 - 블랙프라이데이 브리지는 엘리멘터 페이지 빌더와 비슷하게 드래그 & 드롭으로 쉽게 사이트를 만들 수 있는, 비교적 최근에 출시된 페이지 빌..

인기 워드프레스 테마 중 하나인 Divi 테마에서는 현재 1400개가 넘는 무료 레이아웃을 이용하여 다양한 페이지를 쉽게 만들 수 있습니다. 이와는 별도로 Divi Marketplace에서 무료 또는 유료로 Divi 파트너들이 판매하는 레이아웃을 구입할 수도 있습니다. 며칠 전부터 블랙프라이데이를 맞이하여 Divi Blog Bundle을 50% 할인된 가격에 구입할 수 있다는 이메일이 와서 이번 기회에 저렴한 블로그 레이아웃을 하나 구입했습니다. 블랙프라이데이 워드프레스 Divi 블로그 번들 50% 할인 Divi Marketplace에서 'blog'로 검색해보면 현재 20개의 블로그 관련 익스텐션이나 레이아웃 또는 차일드 테마가 검색됩니다. 가격은 무료에서 123.75달러대로 다양합니다. 저는 Sassy..

워드프레스 엘리멘터 페이지 빌더 (Elementor Page Builder) 블랙프라이데이 세일 인기 워드프레스 페이지 빌더인 엘리멘터 (Elementor)가 블랙프라이데이 세일을 실시하고 있네요. 플랜에 따라 10~25% 할인된 가격에 구입할 수 있습니다. Plus는 10% 할인된 89달러에, Expert는 25% 할인된 149달러에 판매되고 있네요. ☞ 엘리멘터 홈페이지 방문하기 엘리멘터와 같은 페이지 빌더를 사용하면 코딩 지식이 없어도 수월하게 전문적인 홈페이지를 만들 수 있다는 장점이 있습니다. 하지만 페이지 빌더를 사용하는 경우, 제대로 최적화가 되지 않으면 사이트 로딩 속도에 부정적인 영향을 미칠 수 있으므로 사용하지 않는 것이 바람직하겠지만, 요즘은 대부분의 인기 테마에 자체 페이지 빌더나 ..

블랙 프라이데이를 맞이하여 테마포레스트 (Themeforest)의 일부 워드프레스 테마가 최대 50% 할인된 가격이 판매되고 있습니다. 2020년 블랙 프라이데이 워드프레스 테마 세일 인기 테마 중에는 더세븐(The7), 브릿지(Bridge), Porto, 주피터 (Jupiter), 뉴스페이퍼 (Newspaper), Jannah, Eduma 등이 눈여겨볼 만한 것 같습니다. 더세븐과 브릿지, Porto, 주피터는 다목적 워드프레스 테마이며, 뉴스페이퍼와 Jannah는 뉴스, 매거진 테마입니다. 콘텐츠가 많은 블로거나 뉴스, 매거진 사이트에 뉴스페이퍼 같은 매거진 테마가 적합합니다. Eduma는 인기 LMS 테마로서, 교육용 사이트, 인강 사이트 구축에 사용할 수 있습니다. 저렴하다고 불필요한 테마를 구입..

워드프레스에서는 여러 가지 방법으로 사용자 정의 CSS 코드를 추가할 수 있습니다. 차일드 테마를 사용하는 경우 차일드 테마 폴더 아래의 스타일시트 파일(style.css)에 추가하거나 테마 디자인 > 사용자 정의하기 아래에서 CSS 코드를 추가할 수 있습니다. 아바다 (Avada), 엔폴드 (Enfold) 등 일부 테마에서는 테마 옵션에서 사용자 정의 CSS를 추가할 수 있는 옵션을 제공합니다. 워드프레스 아바다 테마 CSS 코드 추가하기 워드프레스 베스트셀링 테마 중 하나인 Avada 테마에서는 1) 차일드 테마 내의 스타일시트 파일에 CSS 코드를 추가하거나 2) 테마 디자인 > 사용자 정의하기 > 추가 CSS에 CSS 코드를 추가하는 방법 외에 아바다 테마 내의 테마 옵션에서도 커스텀 CSS 코드..

워드프레스 인기 테마 중 하나인 OceanWP에서 본문의 콘텐츠가 적으면 하단의 푸터가 본문 바로 아래에 위치하여 브라우저에서 볼 때 푸터 아래에 여백이 있어 보기가 좋지 않습니다. 본문 콘텐츠 길이가 매우 짧더라도 푸터는 하단에 유지되도록 하는 것이 보기에 좋을 수 있습니다. 일부 테마에서는 본문 콘텐츠가 짧아도 푸터가 하단에 유지됩니다. 베스트셀링 테마인 아바다 (Avada) 테마의 경우 확인해보니 본문 콘텐츠 길이가 짧으면 OceanWP와 비슷한 현상이 발생하는 것 같습니다. 아래 그림가 같이 푸터 아래에 여백이 생깁니다. 스크롤 시 푸터를 하단에 유지하는 방법 (fixed 아님) 콘텐츠 길이가 짧더라도 푸터가 하단에 유지되도록 하거나 스크롤 시에 푸터가 위로 따라 올라오는 경우 CSS를 사용하여 ..