워드프레스 일기의 분류 전체보기 3700

워드프레스 DB 데이터를 표 형식으로 표시하는 방법 - wpDataTables 플러그인 (테이블 & 차트 생성)

워드프레스 DB (데이터베이스) 데이터를 표 형식으로 표시하는 방법 - wpDataTables 플러그인 (테이블 & 차트 생성)몇 년 전에 워드프레스 컨택트 폼 신청서 플러그인인 Quform에서 제출한 데이터를 프런트엔드에 표 형식으로 표시하는 방법에 대해 Quform 개발자에게 문의한 적이 있습니다. 그 때 Quform 개발자로부터 wpDataTables 플러그인을 사용하여 테이블 형식으로 표시할 수 있다는 답변을 들었습니다.Quform의 제출 내용을 프런트엔드에 표시하는 방법워드프레스 DB (데이터베이스) 데이터를 표 형식으로 표시하는 방법 - wpDataTables 플러그인 (테이블 & 차트 생성)위에 링크된 글의 댓글에 언급되어 있듯이, Quform으로 만든 양식을 통해 사용자가 데이터를 제출하면..

워드프레스에서 100개 이상의 제품 갤러리 구현하기

워드프레스에서 쇼핑몰이 아닌 제품을 소개하는 페이지를 제작하고 싶은 경우가 있을 수 있습니다. 네이버 카페에 100개 이상의 제품 갤러리를 구현하는 방법에 대한 질문이 올라와서 이와 같은 상황에서 이용할 수 있는 옵션에 대하여 간단히 살펴보겠습니다.워드프레스에서 100개 이상의 제품 갤러리 구현하기위의 그림과 같이 제품을 소개하는 페이지를 워드프레스로 구현하려는 경우 몇 가지 방법을 생각해 볼 수 있습니다.글(Post)로 상품 소개글 작성하기먼저는 워드프레스 기본 글 유형인 포스트(글)를 이용하는 것을 고려할 수 있습니다. 글은 보통 블로그를 운영하려는 경우에 이용되지만, 카테고리별로 특정 항목을 소개하는 용도로도 괜찮을 수 있습니다.다만 위의 그림과 같은 형식으로 글을 작성하려면 약간의 커스텀이 필요할..

Vultr(벌쳐) Plesk 패널에서 와일드카드 SSL 인증서 설치 실패

Vultr(벌쳐)에 Plesk 앱을 설치하여 Plesk 패널에서 와일드카드 도메인을 추가하는 시도를 하고 있습니다. Plesk 매뉴얼을 참조하여 시도하고 있지만, 설명서가 다소 불친절한 것 같습니다. 며칠 동안 이 문제 때문에 다양한 문서를 참조하고 Vultr에도 문의하는 등 다각적인 시도를 하고 있지만, 문제가 해결되지 않고 있습니다.📍 클라우드웨이즈 할인 프로모 코드 & 가입 방법Vultr(벌쳐) Plesk 패널에서 와일드카드 SSL 인증서 설치 실패Plesk 패널에 Let's Encrypt 와일드카드 인증서 설치 방법이 다음 Plesk 문서에서 설명하고 있습니다.How to install wildcard certificates in Plesk with Let's Encrypt?이 문서대로 시도하면..

웹호스팅/기타 2024.04.29

엘리멘터(Elementor)에 커스텀 CSS 추가 시 오류가 표시되는 경우

엘리멘터 프로를 사용하는 경우 섹션이나 컬럼, 요소 등에 직접  커스텀 CSS를 추가할 수 있습니다. Custom CSS 섹션에 :root 가상 클래스를 추가하는 경우 경고가 표시됩니다. 이러한 오류에 대해 간단히 살펴보고 엘리멘터 페이지에 직접 CSS를 추가하는 경우 고려해야 할 사항도 알아보겠습니다.엘리멘터(Elementor)에 커스텀 CSS 추가 시 오류가 표시되는 경우Elementor Pro를 사용하는 경우 고급 » Custom CSS에 사용자 CSS 코드를 직접 추가할 수 있습니다.이 기능을 사용할 경우 CSS 코드를 편리하고 빠르게 추가할 수 있다는 장점이 있습니다.네이버 카페에 엘리멘터에 CSS 코드 추가 시 에러가 발생하는 것에 대한 질문이 올라와서 여기에 대해 간단히 살펴보겠습니다.위의 ..

Vultr 플레스크 패널: PHP 8.3 적용하는 방법

공유호스팅 중에서는 현재 PHP 8.3 버전을 지원하는 웹호스팅으로 패스트코멧(FastComet)이 있습니다. 카페24와 클라우드웨이즈의 경우 PHP 8.2까지 지원합니다. Vultr에 Plesk(플레스크) 앱을 설치할 경우 PHP 8.1과 8.2 버전이 설치되어 있습니다. PHP 8.3을 적용하려면 8.3 버전을 추가한 다음 PHP 버전을 변경할 수 있습니다.📍 클라우드웨이즈 할인 프로모 코드 & 가입 방법Vultr 플레스크 패널: PHP 8.3 적용하는 방법워드프레스에서는 PHP 8.3에 대하여 베타 호환성을 제공하지만, PHP 8.3을 적용해도 대부분의 인기 테마와 플러그인에서 문제가 발생하지 않는 것 같습니다.현재 PHP 8.3이 최신 버전이지만, 8.3 버전을 지원하는 웹호스팅은 드문 편입니다..

웹호스팅/기타 2024.04.25

워드프레스 Divi 테마용 온라인 학습 레이아웃 팩 무료 다운로드

베스트셀링 워드프레스 테마인 Divi에서는 매주 레이아웃 팩이 Divi 테마에 추가되어 사이트 제작에 사용할 수 있습니다. 디비(Divi)는 Themeforest 마켓에서 가장 많은 판매를 기록하고 있는 아바다(Avada) 테마와 비슷한 기능을 제공하는 다목적 워드프레스 테마이며 Avada와 판매량에서 비슷합니다. Divi 테마는 인공지능(AI) 기능을 도입하여 차별화를 시도하고 있습니다. 최근에는 Divi 레이아웃 AI(Layouts AI)와 Divi 코드 AI(Code AI)를  추가하여 이미지, 텍스트뿐만 아니라 코딩도 AI의 도움을 받을 수 있고 간단한 프롬프트로 전체 페이지 레이아웃을 쉽게 만들 수 있게 됩니다.Divi 테마를 사용하는 경우 레이아웃 페이지를 이용하여 랜딩 페이지를 쉽고 빠르고..

워드프레스에서 "비밀번호가 정확하지 않습니다, 다시 시도해주세요" 오류가 발생하는 경우

워드프레스 로그인 화면에서 비밀번호를 잘못 입력하면 "사용자명 example에 대해 입력한 비밀번호가 올바르지 않습니다"와 비슷한 오류 메시지가 표시됩니다. 올바른 비밀번호를 입력해도 "비밀번호가 정확하지 않습니다, 디시 시도해주세요" 에러가 발생하는 경우가 있습니다. 이 경우 체크해야 할 사항에 대하여 살펴보겠습니다. 워드프레스에서 "비밀번호가 정확하지 않습니다, 다시 시도해주세요" 오류가 발생하는 경우 Ultimate Member 플러그인을 사용하는 경우, "비밀번호가 정확하지 않습니다, 다시 시도해주세요" 오류가 발생하는 경우가 있다고 합니다. Ultimate Member 플러그인의 로그인, 회원 가입 페이지가 작동하지 않는 문제 워드프레스에서 회원제 사이트를 운영하려는 경우 Ultimate Mem..

Vultr Plesk 패널에서 웹 서버 공간이 부족해지는 경우

최근 클라우드웨이즈(Cloudways)에서 Vultr의 Plesk 패널로 워드프레스를 이전하는 작업을 수행했습니다. 며칠 후, 사이트 하나가 접속되지 않으면서 치명적인 오류 메시지가 표시되는 현상이 발생했습니다. 문제를 살펴보니 서버 공간이 부족하여 발생하는 문제였습니다. 이 경우 백업 파일을 삭제하는 등 불필요한 파일들을 삭제하면 문제가 해결될 수도 있습니다. 하지만 복구 후에도 ERR_CONNECTION_TIMED_OUT 에러가 간헐적으로 발생하였습니다. 📍 클라우드웨이즈 할인 프로모 코드 & 가입 방법 Vultr(벌쳐)의 Plesk 패널에서 웹 서버 공간이 부족해지는 경우 Plesk 내에서는 서버 디스크 사용량을 확인하기가 쉽지 않은 것 같습니다. Plesk 문서를 검색해 보아도 딱히 원하는 정보가..

웹호스팅/기타 2024.04.22

Cloudways(클라우드웨이즈)에서 무료 Plesk 패널로 워드프레스 사이트 이전 작업

어제는 클라우드웨이즈(Cloudways)와 가비아에서 호스팅 중인 워드프레스 사이트 3개를 Vultr로 이전하는 작업을 맡았습니다. 클라우드웨이즈가 사용이 편리하고 여러 개의 사이트를 운영하거나 규모가 큰 사이트 운영 시에는 괜찮은 선택일 수 있습니다. 보다 저렴하게 클라우드 호스팅을 이용하고 싶은 경우 Vultr를 선택할 수 있습니다. 벌쳐는 서버를 직접 생성하여 관리해야 하므로 초보자에게 쉽지 않은 선택이지만 Plesk 앱으로 서버를 생성하면 클라우드웨이즈에는 못 미치지만 비교적 수월하게 워드프레스 사이트들을 운영할 수 있습니다.[참고*Vultr에서 Plesk 앱이 유료화되었습니다. 저렴하면서 가성비 좋은 호스팅을 원하는 경우 서울 서버를 도입하여 우리나라에서도 속도가 빠른 케미클라우드가 괜찮은 선택..

워드프레스 쉬운 목차 (Easy Table of Contents) 너비 조정하기

워드프레스에서는 다양한 무료 및 유료 목차 플러그인을 사용하여 목차를 표시할 수 있습니다. 무료 TOC 플러그인 중에서는 쉬운 목차(Easy Table of Contents) 플러그인이 가장 인기가 있습니다. 무료이지만 기능이 다양하기 때문에 목차 플러그인이 필요한 경우 이 플러그인을 설치하여 테스트해 보시기 바랍니다. 쉬운 목차 플러그인을 활성화하면 목차 상자의 너비가 자동으로 설정됩니다. 목차 너비를 조정하고 싶은 경우 설정에서 조정하거나 CSS를 사용하여 제어할 수 있습니다. 워드프레스 쉬운 목차 (Easy Table of Contents) 너비 조정하기 네이버 카페에 목차 상자가 가로로 채워지지 않고 한쪽으로 쏠리는 문제에 대한 질문이 올라와서 이 문제에 대하여 살펴보았습니다. 목차 플러그인으로 ..