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

워드프레스에서 우커머스(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 테마를 하나 구입하여 데모를 올린 다음 조금 수정하여 사용해볼 것을 권했습니다. 비용을 들이지 않고 사이트를 구축하려면 마음에 드는 데모를 제공하는 테마를 선택하여 데모를 조금 수정하는 방법이 최선일 것 같습니다. 베스트 교육용 워드프레스 테마 지난 블랙프라이데이 ..

패션 사이트를 운영하는 분이 모바일에서 워드프레스 사이트의 속도가 너무 느리다고 하네요. 사이트를 살펴보니 모바일에서 슬라이드 부분이 너무 느리게 로드되고 있었습니다. 워드프레스 사이트가 모바일 기기에서 속도가 느린 경우 확인 사항에 대해 살펴보겠습니다. 워드프레스 사이트가 모바일에서 느린 경우 워드프레스 사이트가 느린 이유는 다양합니다. 플러그인이 너무 많이 설치되었거나, 무거운 플러그인이 설치된 경우에도 사이트가 느려집니다. 특히 Visual Composer(비주얼 컴포저) 페이지 빌더는 사이트 속도에 안 좋은 영향을 미칠 수 있습니다. 페이지 빌더는 사용하지 않을 수 있다면 사용하지 않는 것이 가장 좋을 것 같습니다. 꼭 사용해야 한다면 평가가 좋은 Beaver Builder나 무료 페이지 빌더인 ..

업데이트: 이 글을 발행한 후에 많은 변화가 있었습니다. 대부분의 해외호스팅에서는 무료 SSL 인증서를 제공하고 있습니다. 블루호스트(Bluehost)나 FastComet 등이 호스팅에서는 최저가 상품을 제외하고는 여러 개의 도메인을 연결할 수 있습니다. 해외 호스팅 블루호스트에서 도메인은 몇 개까지 연결이 가능할까? 우리나라에 잘 알려진 해외 웹호스팅 서비스업체인 블루호스트(Bluehost)에서는 공유호스팅의 최저가 상품인 Basic을 제외한 모든 상품에서 연결 가능한 도메인 개수에 제한을 두지 않고 있습니다. avada.tistory.com 그리고 연결된 모든 도메인에 대하여 SSL 인증서를 무료로 지원됩니다. 또한, 서브도메인에 대해서도 SSL 인증서를 설치할 수 있습니다. 해외호스팅 FastCom..

중고지게차 판매 사이트 워드프레스로 지인의 중고지게차 판매 매입 사이트를 만들었습니다. Pluto라는 워드프레스 테마를 사용했는데, 테마의 자체 기능을 사용했고 별다른 커스터마이징은 하지 않았습니다. 글자 크기 등을 조정했고, 포스트의 레이아웃에 약간의 변화를 두었습니다. 그리고 Loco Translate를 사용하여 영문 UI를 한글화했습니다. 그리고 첫 페이지에 특정 카테고리의 글은 표시되지 않도록 코드를 추가했습니다. Pluto는 자체로 괜찮은 레이아웃을 보여주는 포트폴리오 테마로서, 블로그 글을 작성하거나 포트폴리오 글을 작성하기에 괜찮은 테마 같습니다. 워드프레스는 실력에 따라 무제한으로 커스터마이징이 가능합니다. 초보자의 경우 베스트셀링 테마인 아바다를 선택하면 테마 옵션만을 이용하여 커스터마이..

대규모 멀티사이트 이전 작업 2~3주 후에 100~150개나 되는 사이트가 연결된 멀티사이트를 이전하는 작업을 맡기로 했습니다. 이때까지 수동으로 하나씩 이전했다고 하네요. 하지만 시간이 너무 걸리고, 그 시간에 다른 작업을 할 수가 없어서 외주로 맡기려고 하는 것 같습니다. 우선은 자동화된 방법이 있는지 확인하기 위해 WP Migrate DB Pro 플러그인 개발자에게 문의를 해놓은 상태입니다. 워드프레스 멀티사이트의 서브 사이트를 단일 사이트로 이전하기 멀티사이트가 별로 좋은 옵션 같지 않지만, 클라이언트는 웹호스팅 비용을 아끼는 방법으로 워드프레스 멀티사이트를 이용하고 있다고 하네요. 멀티사이트가 아닌 경우 Duplicator 같은 무료 플러그인을 사용할 수 있지만, 사이트 규모가 크면 어쩔 수 없..