일부 사이트를 방문하면 다음 그림과 같이 쿠팡 파트너스 사이트로의 방문을 유도하는 팝업이 표시되는 경우가 있습니다. 쿠팡 방문하고 계속 읽기 문구가 표시되고 "원치 않을 경우 뒤로가기를 눌러주세요" 안내 문구가 함께 기재되어 있습니다. 이 경우 쿠팡 파트너스 정책에 위반되는지 궁금하실 분이 계실 것 같습니다. 이와 관련하여 문의해보니 쿠팡 측으로부터 정책 위반에 해당하지 않는다는 답변을 받았습니다. [참고*쿠팡에서 ‘쿠팡 방문하고 컨텐츠 더보기’ 배너와 관련하여 무분별한 사용을 예방하고 사용자 편의를 위해 광고를 확인한 사용자가 쿠팡으로의 방문을 스킵할 수 있는 버튼을 추가하는 등의 몇 가지 규칙을 추가했습니다. '쿠팡 방문하고 컨텐츠 더보기' 관련 규칙을 숙지하여 정책 위반이 되지 않도록 주의하시기 바..

소제목(헤딩) 앞에 여러 가지 컬러로 된 정사각형을 추가한 워드프레스 사이트를 본 적이 있습니다. 예를 들어, 다음과 같이 소제목 앞에 빨간색 정사각형 도형이 표시되었습니다. 이런 도형을 제목 앞에 특수 기호(■)를 추가하는 것은 그다지 좋은 방법이 아닙니다. 이 상황에서는 CSS 가상요소 :before를 사용하여 일괄적으로 정사각형 도형을 표시할 수 있습니다. CSS 가상요소 :before를 사용하여 텍스트 앞에 정사각형 도형 표시하기 CSS를 사용하여 텍스트 앞에 정사각형 기호를 표시하고 싶은 경우 "How can I use :before property to create a square before a span" 문서에 제시된 CSS 코드를 사용할 수 있습니다. 위와 같이 다양한 컬러의 정사각형 기..

일부 워드프레스 테마에서는 메가 메뉴(Mega Menu) 기능이 제공됩니다. 아바다, 엔폴드 등 인기 테마에서 주로 메가 메뉴가 기본적으로 탑재됩니다. 뉴스페이퍼 테마에도 메가 메뉴 기능이 지원됩니다. 이 글에서는 뉴스페이퍼 테마에서 메가 메뉴를 만드는 방법과 메가 메뉴를 해제하는 방법에 대하여 살펴보겠습니다. 참고로 메가 메뉴는 SEO(검색엔진 최적화)에 좋지 않으므로 사용하지 않는 것이 바람직할 수 있습니다. 워드프레스 뉴스페이퍼 테마 메가 메뉴 만들기 인기 뉴스, 매거진, 블로그 테마인 뉴스페이퍼 테마(Newspaper Theme)에서는 위의 그림과 같은 메가 메뉴를 만들 수 있습니다. 위의 그림에서는 카테고리 글들이 메가 메뉴 형식으로 표시되고 있습니다. 특정 페이지 콘텐츠를 메가 메뉴로 표시하는..

워드프레스는 전 세계적으로 40%가 넘는 점유율을 기록하고 있습니다. 즉, 전 세계 사이트 10개 중 4개 이상이 워드프레스로 제작되어 있습니다. 우리나라에서도 워드프레스로 제작되는 사이트가 늘어나는 추세 같습니다. 특히, 애드센스 수익을 목적으로 하는 수익형 블로그가 워드프레스로 만들어지는 경우가 많습니다. 국내 기업 사이트도 워드프레스로 제작되는 사례가 늘고 있습니다. 백신 제조업체인 Astrazeneca의 한국 법인인 한국 아스트라제네카 사이트가 워드프레스로 제작되었네요. 한국 아스트라제네카 사이트, 워드프레스로 제작 저는 1차 코로나 백신으로 아스트라제네카를 맞았습니다. 당시 이틀 정도 힘들었던 기억이 납니다. 코로나 감염증이 2019년 말에 처음으로 보고되기 시작했고 2020년부터 지금까지 전 ..

지난달에 클라우드웨이즈에서 호스팅되는 워드프레스 사이트를 블루호스트로 이전하는 작업을 수행한 적이 있었습니다. 지난주에는 Bluehost 공유호스팅에서 운영 중인 사이트를 클라우드웨이즈(Cloudways)로 이전하는 작업을 맡았습니다. 블루호스트에서 클라우드웨이즈로 워드프레스 이전 작업 Bluehost 공유호스팅에서는 방문자 수가 크게 증가하거나 사이트 최적화가 제대로 안 되면 사이트 속도가 느려질 수 있습니다. GeneratePress와 같은 가벼운 테마를 설치하고 캐시 플러그인을 설치하여 세팅하면 속도가 괜찮게 나올 것입니다. 워드프레스 GeneratePress 테마: 구글 페이지 스피드 인사이트 점수 GeneratePress 테마가 설치된 워드프레스 사이트에 PHP 8.0을 적용한 후에 구글 페이지..

2020년 12월 전세계약을 맺고 현재 집에 거주하고 있습니다. 석 달 후면 전세계약 만기일이 다가와서 전세계약 갱신정구권 통지 문자를 보냈습니다. 전세계약 갱신청구 통지는 구두, 문자, 내용증명 등 몇 가지 방법으로 가능합니다. 저는 추후에 분쟁 발생 시 증거가 남도록 문자로 통지를 보냈습니다. 계약갱신청구권 임대차 3법은 전셋값 급등과 집값 상승을 막기 위해 2020년 7월 말에 시행되었습니다. 임대차 3법은 계약갱신청구권, 전월세 신고제, 전월세 상한제 등을 포함하는 법안입니다. 계약갱신청구권은 세입자에게 1회의 계약갱신청구권을 보장하여 4년(2년+2년)으로 계약 연장을 보장받도록 한 것이며 전월세 상한제는 임대료 상승 폭을 직전 계약 임대료의 5% 내외로 하도록 정한 것입니다. 계약갱신요구권은 1..

문서를 작성하는 경우 보통 Ctrl+Z 단축키를 눌러 쉽게 되돌리는 기능이 제공됩니다. 워드프레스 블록 에디터를 사용하는 경우에도 Ctrl+Z를 누르면 실행이 취소됩니다. 엘리멘터 페이지 빌더 등에서도 실행을 쉽게 취소할 수 있습니다. 워드프레스 인기 뉴스, 매거진 테마인 뉴스페이퍼 테마의 경우 tagDiv Composer 빌더를 사용하여 작업하다 오류가 있어 되돌리고 싶은 경우 Undo 버튼을 사용하여 실행을 취소할 수 있습니다. 하지만 뉴스페이퍼 편집 화면에 실행 취소(Undo) 버튼/다시 실행(Redo) 버튼이 표시되지 않는 경우가 있습니다. 이 경우 실행 취소 버튼을 다시 활성화하는 방법에 대하여 살펴보겠습니다. 워드프레스 뉴스페이퍼 테마 실행 취소(Undo) 버튼이 표시되지 않는 경우 실행 취소..

워드프레스 테마를 비롯하여 각종 웹사이트 템플릿을 판매하는 Themeforest의 주간 베스트셀링 목록에 새롭게 이름을 올린 테마가 있어서 소개합니다. InBio라는 개인용 포트폴리오 테마입니다. 개인용 포트폴리오 워드프레스 테마 InBio 인바이오 테마는 정가가 59달러이지만 지난 8월 26일에 엔바토 마켓에 등록되었습니다. 일부 테마는 신규 등록 시 할인을 하는 경우가 있습니다. InBio는 현재 13달러에 판매되고 있으며 곧 가격이 인상될 것으로 보입니다. 참고로 위의 그림에 표시된 ReHub 테마는 가격 비교 테마로서 국내에서 특히 쿠팡 파트너스 상품을 소개하는 사이트에 많이 사용되고 있습니다. FastComet 호스팅에서 이 테마를 세팅하여 판매하는 강의 때문에 우리나라에 많이 보급된 것 같습니..

예를 들어, document.querySelectorAll(".class1")을 사용하면 class1 클래스로 된 모든 요소에 적용됩니다. class1 클래스 또는 class2 클래스로 된 모든 요소를 선택하고 싶은 경우가 있을 수 있습니다. 이런 경우 개별적으로 만들어도 되겠지만 비효율적일 것입니다. 복수 클래스로 된 요소 선택 방법 How to get elements with multiple classes라는 제목의 Stackoverflow 글에서 class1 클래스와 class2 클래스가 모두 있는 요소를 선택하는 방법에 대하여 다루고 있습니다. 이 경우 다음과 같은 코드를 사용할 수 있습니다. var list = document.getElementsByClassName("class1 class2"..

워드프레스에는 무료 및 유료 슬라이더 플러그인이 있습니다. 무료 플러그인으로는 Smart Slider 3, MetaSlider 등이 많이 사용되고 있습니다. 유료 플러그인으로는 유명한 Slider Revolution이 있습니다. 엘리멘터 페이지 빌더의 경우 Elementor Pro에서 Slides 위젯을 제공합니다. 엘리멘터 페이지 빌더의 슬라이드 위젯을 사용하여 외부 플러그인을 설치하지 않고 슬라이더를 만들 수 있습니다. 워드프레스 엘리멘터 슬라이드 위젯 엘리멘터 페이지 빌더에서 슬라이드를 만들려는 경우 참고해보세요. 1. 먼저 섹션을 만들고 섹션 편집에서 내용 너비를 전체 너비(Full-width)로 지정하도록 합니다. 2. 엘리멘츠에서 Slide로 검색하여 Slides 위젯을 원하는 섹션으로 드래그..