워드프레스에서 모든 페이지가 메뉴에 표시되는 경우 대처 방법워드프레스에서 메뉴에 모든 페이지 항목이 표시되는 경우가 있을 수 있습니다. 이 경우 워드프레스 관리자 페이지의 테마 디자인 > 메뉴에서 해당 메뉴(예: Main Menu에 할당된 메뉴)를 선택한 다음, 맨 아래 메뉴 설정에서 "자동적으로 이 메뉴를 최상위 메뉴로 추가"를 해제시켜주면 문제가 해결됩니다.간단하지만 이 문제 때문에 문의하는 분들이 간혹 계셔서 여기에 이 문제에 대해 다루어보았습니다. 제공되는 메뉴 위치 종류는 워드프레스 테마에 따라 조금씩 다릅니다. 참고: 워드프레스 메뉴에 로그인/로그아웃 메뉴 항목을 추가하는 방법

워드프레스 인기 테마 중 하나인 Jupiter 테마에서 구글 맵 API 키(Google Map API key)는 Theme Options > Global Settings > API Integrations -> Google Maps API Key에서 입력이 가능합니다. 하지만 이 옵션은 v5.1.8 이후 버전에서만 제공됩니다. 만약 이 옵션이 보이지 않는다면 최신 버전으로 업데이트하시기 바랍니다. 최신 버전으로 업데이트하기 전에 만약의 사태에 대비하여 위해 반드시 백업을 받아놓으시기 바랍니다. DB와 데이터를 모두 백업하는 백업/복원 플러그인 – UpdraftPlus WordPress Backup 만약 테마를 업데이트할 수 없다면 다음과 같은 코드를 사용할 수 있습니다. // 구글 맵 API 키 추가하기 ..

여러 개의 하위 디렉터리에 도메인을 지정해야 하는 경우가 있을 수 있습니다. 예를 들어, 다음과 같이 루트 폴더 아래에 여러 개의 서브 폴더를 만들고 도메인을 매핑시키기를 원할 수 있습니다. ROOT -site1folder -site2folder 여러 개의 서브 폴더에 도메인 지정하기 이 경우에 다음과 같은 코드를 시도해볼 수 있습니다(출처). Options +FollowSymLinks RewriteEngine on #======================================================================== # FIRST Handle the http requests first before removing the additional url junk #=========..

워드프레스에는 다양한 유무료 테마가 있습니다. 쉽게 가는 방법은 마음에 드는 유료 테마를 구입하여 데모를 올려서 조금 수정한 후에 사용하는 것입니다. 매거진 레이아웃을 원하는 경우에는 Newspaper와 Publisher 같은 테마가 있습니다. 뉴스/매거진/신문 테마 소개 포트폴리오 형식으로 블로그 글을 배열하는 것도 고려해볼 수 있습니다. 예를 들어, Pluto 테마가 제 개인 블로그에 설치되어 있습니다. 스타일리쉬한 워드프레스 포트폴리오 테마 소개 인기 테마인 Avada, Enfold, Be 테마 등은 다목적 테마로서 거의 모든 종류의 사이트 제작에 적합하고, 블로그에도 사용할 수 있지만 블로그에 사용하기에는 조금 과하다는 생각이 들 수도 있을 것입니다. 무료 테마를 선택하는 경우 아무래도 레이아웃이..

워드프레스에서 우커머스(WooCommerce)를 이용하여 상품을 운영하는 경우 상품 페이지의 "장바구니" 옆에 "즉시 구매" 혹은 "바로 구매" 버튼을 추가하고 싶은 경우가 있을 수 있습니다. 이 경우 Woocommerce Quick Buy 플러그인(https://wordpress.org/plugins/woocommerce-quick-buy/)을 사용하면 편리합니다. 하지만 사용하는 테마에 따라 "즉시 구매" 버튼이 엉성하게 표시될 수 있습니다. 위의 경우 "즉시 구매" 버튼의 위치와 모양이 이상하여 조정이 필요합니다. CSS, javascript, jQuery 등을 통해 조정이 가능합니다. 특히 옵션 상품이 있는 경우 옵션을 선택하기 전에는 장바구니 버튼과 동일하게 회색으로 표시되어 선택할 수 없도록 ..

구인구직 사이트에 사용할 수 있는 워드프레스 테마로 가장 유명한 테마는 Jobify라는 테마입니다. 현재 10000개 이상 판매되어 이 분야에서 가장 많은 판매를 기록하고 있습니다. 취업 포털(Job Board)용 테마 – Jobify Jobify 다음으로 JobCareer라는 테마가 많은 인기를 끌고 있습니다. 구인/구직용 취업 포털(Job Portal) 테마 – JobCareer 이외에도 다음과 같은 테마가 비교적 많은 판매(물론 아바다 등에 비해서는 비교가 안 되지만)가 이루어지고 있고 평가도 괜찮은 편입니다. WorkScout - Job Board WordPress Theme Jobmonster - Job Board WordPress Theme Jobseek - Job Board WordPress..

Divi 테마는 깔끔하고 속도도 빠른 편이어서 Divi 테마를 자주 이용하는 편입니다. 특히 Elegant Themes에서 매주 무료로 제공하는 레이아웃 팩을 응용하면 괜찮은 레이아웃의 페이지를 만들 수 있습니다. 예를 들어, 무료 레이아웃 팩에 포함된 Contact 페이지를 활용하여 문의 페이지를 만들 수 있습니다. 위의 스크린샷에서는 문의 폼 부분을 Quform으로 만든 컨택트 폼으로 바꾸어 응용한 것입니다. 워드프레스에서 로고나 사이트 제목을 클릭하면 홈페이지 주소(예: www.example.com 혹은 www.example.com/wordpress)로 연결됩니다. 로고를 클릭했을 때 다른 URL로 연결되기를 원하는 경우 보통 테마의 header.php 파일에서 로고 이미지에 지정된 연결 URL을 ..

얼마 전에 컨택트 폼에서 2열로 필드를 표시하는 작업을 한 적이 있습니다. 비교적 쉽게 하려면 HTML 테이블을 이용하여 2열을 만들면 되지만, 이 경우 모바일에서는 반응형이 되지 않아서 단점이 있습니다. Div Table Generator 사이트를 활용하여 2컬럼으로 표시하는 것도 한 방법인 것 같습니다. 예: http://divtable.com/generator/ Contact Form 7 플러그인(무료)에서는 문의 양식을 만들 때 HTML 코드로 레이아웃을 짤 수 있습니다. 막코딩에 익숙한 경우 이 방법이 편할 것입니다. Contact Form에서 필드를 2열로 표시하기 (Quform) 만약 HTML과 CSS에 익숙하지 않으면 Quform 플러그인을 사용해도 괜찮을 것 같습니다. 위의 그림은 Div..

워드프레스에서 플러그인을 비활성화하려면 알림판에서 플러그인 > 설치된 플러그인으로 이동하여 해당 플러그인을 비활성화하면 됩니다. 위의 그림은 The7(더 세븐) 테마에 설치되는 Ultimate Addons for Visual Composer라는 비주얼 컴포저용 애드온을 비활성화하는 경우를 보여줍니다. 참고로 Visual composer(현재 이름은 WPBakery Page Builder)는 유료 플러그인 중에서 가장 많은 판매를 기록하고 있지만, 사실 별로 좋은 플러그인은 아닙니다. 워드프레스나 다른 플러그인과 호환성 문제를 일으킬 가능성이 있고, 자체 버그도 제법 있는 편입니다. 자세한 내용은 다음 글을 참고해보시기 바랍니다. 워드프레스 페이지 빌더의 장점과 단점 플러그인을 삭제하려면 비활성화한 후에 ..

예전에 아바다 테마를 사용한 사이트에 용어 페이지를 하나 만들어달라고 의뢰했던 분이 어제 다시 연락이 왔습니다. 이번에는 교육용 웹사이트를 하나 만들고 싶다고 하시네요. 원하는 기능을 들어보니 LMS(학습 관리 시스템) 사이트 구축을 원했습니다. LMS 사이트는 구축이 쉽지 않고 결제까지 들어간다면 비용이 비교적 많이 드는 편입니다. 비용에 대해 대략적으로 이야기했더니 이번에는 힘들겠다고 하네요.ㅠㅠ 그러면 WPLMS나 Eduma 같은 LMS 테마를 하나 구입하여 데모를 올린 다음 조금 수정하여 사용해볼 것을 권했습니다. 비용을 들이지 않고 사이트를 구축하려면 마음에 드는 데모를 제공하는 테마를 선택하여 데모를 조금 수정하는 방법이 최선일 것 같습니다. 베스트 교육용 워드프레스 테마 지난 블랙프라이데이 ..