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

워드프레스에서 이미지 파일을 업로드할 때 오류가 발생하는 경우가 있을 수 있습니다. 워드프레스 블로그를 운영하시는 분이 MiniMag이라는 워드프레스 테마를 구입하여 설치하는 과정에서 테마를 업로드할 때 '업로드된 파일이 wp-content/uploads/2018/01 로 옮겨질 수 없습니다.' 오류가 발생하는 문제에 대해 문의해왔습니다. 웹호스팅 공간 부족 아마도 문제가 웹호스팅 서버의 공간 부족일 가능성이 높아 보여서 먼저 웹호스팅 서버의 공간을 확인해보라고 알려드렸습니다. 실제로 디스크 공간이 부족하여 발생한 문제였습니다. 저는 예전에 카페24에서 월 1100원짜리 호스팅을 사용하다가 어느 순간이 되니 파일이 업로드가 되지 않는 문제가 발생했습니다. 알고 봤더니 웹호스팅 공간이 부족해서 발생하는 문..

워드프레스에 외부 사이트의 페이지를 삽입하거나 YouTube를 삽입하려는 경우 iframe을 사용할 수 있습니다. 저는 보통 다음 글에 소개된 html과 CSS 코드를 활용하여 iframe을 삽입하는 편입니다. iframe으로 삽입한 동영상을 모바일 기기에서 비율에 맞게 표시되도록 설정하기(CSS) 예를 들어, 다음 글에 외부 컨텐츠를 iframe 형식으로 삽입했습니다. 번역 속도를 높이는 방법[스크랩] iframe을 사용하면 iframe 내의 컨텐츠는 검색엔진에 반영되지 않으므로 중복으로 인한 페널티(불이익)를 줄일 수 있습니다. 그냥 iframe 플러그인을 사용하면 편리할 것 같습니다. 검색해보니 다음 두 플러그인이 있네요. https://wordpress.org/plugins/iframe/ http..

워드프레스에서 모든 페이지가 메뉴에 표시되는 경우 대처 방법워드프레스에서 메뉴에 모든 페이지 항목이 표시되는 경우가 있을 수 있습니다. 이 경우 워드프레스 관리자 페이지의 테마 디자인 > 메뉴에서 해당 메뉴(예: 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..