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

워드프레스 Divi 테마의 행(Row)을 가로 및 세로 허버 탭으로 바꾸기 워드프레스 Divi 테마에는 탭을 추가하는 요소(element)가 제공됩니다. "How to Convert Divi Rows into Horizontal and Vertical Hover Tabs"라는 글에서는 전체 Divi 행(Row)을 가로 또는 세로 허버 탭으로 변환하는 방법을 설명하고 있습니다. 최종적으로 다음과 비슷하게 행(Row)을 바꿀 수 있습니다. 탭(예: Tab One, Tab Two)에 마우스를 올리면 해당 행으로 바뀌게 됩니다. 바꾸는 방법이 조금 복잡하지만, Elegant Themes 블로그 글에서 Divi Rows Hover Tabs Layout을 무료로 다운로드할 수 있습니다. 다운로드한 후에 페이지 편집..

워드프레스 Divi 테마를 만든 Elegant Themes에서 공개한 Divi용 무료 동물병원 레이아웃 팩(Veterinarian Layout Pack). 이 레이아웃 팩의 키 포인트 중 하나는 커스텀 아이콘과 그래픽 일러스트레이션입니다. 실제 사진과 일러스트, 그리고 아이콘이 적절히 사용되어 있습니다. 이 Divi용 무료 애완동물병원 레이아웃 팩에는 7개의 레이아웃 페이지가 포함되어 있습니다. Veterinarian Landing Page (랜딩 페이지) Veterinarian Homepage (홈페이지) Veterinarian About Page (소개 페이지) Veterinarian Services Page (서비스 페이지) Veterinarian Service Page (서비스 페이지) Veter..

인기 워드프레스 테마 중 하나인 주피터(Jupiter)가 40% 할인 행사 중입니다. 할인 판매에 힘입어 주피터 테마는 주간 베스트셀링 테마 2위를 기록하고 있습니다. Jupiter 테마는 속도 향상을 위해 기본 페이지 빌더를 WPBakery 페이지 빌더에서 Elementor로 변경했습니다. 비주얼 컴포저를 버리고 Elementor를 채택한 Jupiter X ※ 저는 만일의 경우에 대비하여 이 티스토리 블로그의 글을 정기적으로 백업하여 워드프레스 사이트로 복원해놓고 있습니다. 이 블로그 콘텐츠를 백업하여 만든 워드프레스 사이트에 Jupiter 테마가 사용되고 있습니다. Avada 테마가 계속하여 판매 1위를 기록하고 있고, BeTheme이 Jupiter에 밀려 3위를 기록하고 있습니다. BeTheme이 ..

워드프레스 게시판 플러그인은 KBoard에서 특정 필드만 검색하도록 만들고 싶은 경우가 있을 수 있습니다. 예를 들어, 보증서번호를 입력하여 검색하려는 경우를 생각해보겠습니다. 먼저 보증서번호를 입력하는 커스텀 필드를 만들어서 사용자나 회원이 보증서번호를 입력하도록 합니다. 케이보드에서는 수동으로 입력 필드를 추가할 수도 있지만, 이제는 관리자 페이지에서 쉽게 입력 필드를 추가할 수 있도록 바뀌었습니다. 위의 그림과 같이 텍스트 필드로 '보증서번호'를 입력하는 커스텀 필드를 만들 수 있습니다. 메타키는 직접 입력해도 되고, 입력하지 않으면 자동으로 설정됩니다. 저장한 이후에는 메타키 값을 변경할 수 없습니다. 여기서는 'code_number'로 지정해보았습니다. 이제 FTP를 통해 /wp-content/..

현재 사용자가 특정 역할(Role)인지를 체크하고 싶은 경우 다음 함수를 테마의 함수 파일에 추가하면 된다.function check_user_role($roles, $user_id = null) { if ($user_id) $user = get_userdata($user_id); else $user = wp_get_current_user(); if (empty($user)) return false; foreach ($user->roles as $role) { if (in_array($role, $roles)) { return true; } } return false; } 그러면 다음과 같이 사용할 수 있다.if (check_user_role(array('author','editor','custom_ro..

Elementor는 최근 인기를 끌고 있는 워드프레스 페이지 빌더 중 하나입니다. 이 플러그인은 특히 무료 버전으로도 제공되어 현재 200만 개 이상 워드프레스 사이트에 설치되어 사용되고 있습니다. 무료 버전은 기능에 제한이 있기는 속도와 성능면에서 비교적 만족스러워 많은 인기를 끌고 있는 것 같습니다. 최근에는 일부 테마가 기본 탑재하는 페이지 빌더를 Elementor로 바꾸는 사례가 나타나고 있습니다. 가령, 인기 워드프레스 테마 중 하나인 Jupiter는 WPBakery Page Builder(이전 명칭 '비주얼 컴포저')를 Elmentor로 변경했습니다. 그리고 Sydney 테마도 최근 살펴보니 페이지 빌더가 이전의 SiteOrigin에서 Elementor로 바꾼 것 같습니다. Elementor ..

워드프레스 관리자 페이지에서 구독자(subscriber) 사용자를 제외한 모든 사용자가 Contact Form 7에 접근할 수 있습니다. 하지만 '관리자'와 '편집자'만 컨택트 폼을 편집할 수 있습니다. 경우에 따라 관리자만 Contact Form 7에 접근할 수 있도록 제한하고 싶을 수 있습니다. 이 경우 다음과 같은 방법으로 워드프레스 알림판에서 회원들이 Contact Form 7 메뉴에 접근하는 것을 제한할 수 있습니다. wp-config.php 파일에 다음 라인을 추가하면 '관리자'만 Contact Form 7에 접근하고 편집할 수 있게 됩니다.define( 'WPCF7_ADMIN_READ_CAPABILITY', 'manage_options' ); define( 'WPCF7_ADMIN_READ_W..

어제 Divi 테마 개발자인 Elegant Themes에서 Divi용 무료 전자책 레이아웃 팩(Ebook Layout Pack)을 공개했습니다. 개인적으로 색상이 별로 마음에 들지 않네요. 색상을 다른 색으로 바꾸면 좋을 것 같습니다. 지난주에 Divi 테마를 보다 쉽게 사용할 수 있도록 큰 폭의 기능 업데이트가 있었습니다. Hundreds Of New Divi Design Options Plus Brand New Interface Enhancements For The Visual Builder (수 백 개의 새로운 Divi 디자인 옵션과 비주얼 빌더를 위한 완전 새로운 인터페이스 향상) Divi용 무료 전자책 레이아웃 팩은 웹사이트를 통해 eBook을 판매하려는 경우에 활용해볼 수 있을 것 같습니다. ..

워드프레스 사이트에 에러가 발생할 경우 'The site is experiencing technical difficulties.' (당사의 웹사이트에 치명적인 오류가 발생했습니다)라는 문구가 사이트에 표시되면서 사이트가 표시되지 않을 수 있습니다. 요즘 윈도에서는 잘 나타나지 않았지만 예전에 윈도 시스템에 오류가 발생하면 블루 스크린이 표시되었습니다. 워드프레스에도 이와 비슷한 것이 있습니다. '죽음의 흰색 스크린(White Screen of Death)'이 바로 그것인데요. 사이트에 치명적인 오류가 발생할 경우 사이트에 아무런 콘텐츠를 표시하지 않고 흰색 화면이 표시되는 오류입니다. "The site is experiencing technical difficulties"는 이러한 '죽음의 흰색 스크린'..

URL에 한글을 사용하면 SEO(검색엔진최적화)에 유리한 것으로 알려져 있습니다. URL이 한글로 될 경우 크롬, 파이어폭스, 오페라 등의 브라우저에서는 제대로 표시되지만 IE에서는 한글 부분이 깨져 보입니다. 크롬에서 한글 URL 표시: IE에서 한글 URL 표시: 하지만 이 문제는 워드프레스의 문제가 아니고 IE의 문제로 인해 발생합니다. 가령 티스토리 블로그도 URL을 문자로 지정할 경우 IE에서 동일하게 한글 URL 부분이 깨져 보입니다. 티스토리 블로그의 한글 URL: IE에서 한글 URL이 깨져 보이는 것이 싫은 경우 몇 가지 대안을 생각해볼 수 있습니다. 슬러그(Slug)를 영문으로 바꾼다 고유주소 설정에서 '글이름' 대신 '글ID'가 표시되도록 설정한다. 하지만 두 경우 모두 SEO적인 측..