뉴스픽 등 일부 사이트를 방문하면 일부 글에서 "쿠팡 방문하고 계속 읽기" 배너가 팝업으로 표시되면서 글을 읽으려면 쿠팡 사이트를 방문하도록 강제하는 경우가 있습니다. 워드프레스에서는 몇 가지 방법으로 이 방법을 어렵지 않게 구현이 가능합니다. 이 글에서는 인기 워드프레스 테마인 Divi 테마를 구입하면 함께 사용할 수 있는 Bloom을 사용하여 쿠팡 배너를 클릭해야 글을 읽을 수 있도록 구성하는 방법에 대해 자세히 설명보고, 그 효과와 응용에 대해서도 살펴보겠습니다. [참고*쿠팡에서 '쿠팡 방문하고 컨텐츠 더보기' 팝업 배너와 관련하여 광고를 확인한 사용자가 쿠팡으로의 방문을 건너뛸 수 있는 버튼을 추가하는 등의 몇 가지 규칙을 추가했습니다. '쿠팡 방문하고 컨텐츠 더보기' 관련 규정을 숙지하여 정책 ..

크몽을 통해 워드레스 테마 데모 설치 작업을 진행하게 되었습니다. 보통 유료 워드프레스 테마에서 제공하는 데모는 쉽게 설치가 가능하기 때문에 데모 설치를 의뢰하는 경우는 드뭅니다. 데모 설치 과정에서 에러가 발생하게 되면 요청하는 경우가 있습니다. 클라께서 워드프레스 포트폴리오 & 동영상 갤러리 테마인 Plexx 테마의 데모 설치를 의뢰해왔습니다. 크몽은 수수료가 상당하기 때문에 워드프레스 관련 문제 해결이나 테마/데모 설치 작업이 필요한 경우 여기에서 문의하시면 크몽보다 저렴하게 서비스를 이용하실 수 있습니다. 워드프레스 포트폴리오 & 동영상 갤러리 테마 Plexx 데모 설치 작업 Plexx는 사진 또는 동영상 포트폴리오/갤러리 사이트를 제작하려는 경우 이용할 수 있는 워드프레스 테마입니다. 이 테마는..

워드프레스 엘리멘터 페이지 빌더로 사이트를 제작할 때 모바일에서 메뉴는 보통 햄버거 메뉴로 표시됩니다. 모바일에서도 PC 메뉴와 같이 수평 내비게이션 레이아웃을 원하는 경우 모바일 드롭다운에 대한 분기점(Breakpoint) 설정을 조정할 수 있습니다. 엘리멘터 모바일 메뉴 레이아웃 변경 Elementor Pro를 사용하는 경우 테마 빌더를 통해 헤더 레이아웃을 만들 수 있습니다. 여러 개의 헤더 템플릿을 만들어서 페이지에 따라 다른 헤더를 사용하도록 지정할 수 있습니다. 헤더 템플릿을 새로 만들거나 기존 템플릿을 수정하려면 워드프레스 알림판 » 템플릿 » Theme Builder를 클릭하고 Header를 선택합니다. Add New를 클릭하여 새 템플릿을 만들거나 기존 템플릿을 편집할 수 있습니다. 헤더..

그림과 같이 페이지 전체 화면을 배경 이미지로 채우고 싶은 경우 HTML/CSS 코드 또는 자바스크립트를 사용하여 구현할 수 있습니다. 워드프레스에서 엘리멘터 페이지 빌더를 사용하는 경우에는 매우 간단한 방법으로 페이지 전체를 배경 이미지로 채울 수 있습니다. 엘리멘터 페이지 빌더에서 페이지 전체 화면을 배경 이미지로 채우는 방법 Elementor 페이지 빌더를 사용하는 경우 섹션에 배경 이미지를 지정하고, 배경 이미지가 화면 전체를 채우도록 설정할 수 있습니다. 1. 페이지 편집 화면에서 페이지 템플릿에 Elementor 캔버스를 지정하도록 합니다. 2. 엘리멘터 페이지 빌더 편집 화면에서 섹션을 추가하고 섹션 편집 패널에서 스타일 탭을 클릭합니다. 위의 그림과 같이 백그라운드 이미지를 지정하고 위치(..

워드프레스 사이트를 오랫동안 업데이트를 하지 않을 경우 보안 위험에 노출될 수 있고, 최근 테마나 플러그인이 설치되지 않을 수 있습니다. 안정적으로 사이트를 운영하려면 워드프레스 코어와 테마, 플러그인을 최신 버전으로 업데이트하는 것이 바람직합니다. 지난 금요일에 낮은 PHP 버전 때문에 플러그인을 업데이트하지 못하는 문제로 업데이트 테스트 작업을 맡게 되었습니다. 워드프레스 업데이트 테스트 작업 일부 플러그인에서는 PHP 요구 사항이 있을 수 있습니다. 예를 들어, Rank Math SEO 플러그인의 경우 PHP 7.4 이상에서만 설치가 가능합니다. PHP 버전이 낮을 경우 상위 버전으로 업데이트하지 못하거나 새 플러그인을 설치하지 못할 수도 있습니다. 또한, 최신 워드프레스도 구형 PHP 버전에서는 ..

일부 워드프레스 테마에서는 구글 폰트를 로드하는 기능을 제공하기도 합니다. 테마에서 제공하는 구글 글꼴을 사용하면 추가적인 플러그인을 설치할 필요 없이 구글 폰트를 사용할 수 있어 편리합니다. 하지만 구글 글꼴을 로드하면 사이트 속도에 영향을 미칠 수 있습니다. 뉴스, 매거진 부문에서 인기를 끌고 있는 뉴스페이퍼 테마(Newspaper theme)에서는 구글 폰트를 활성화/비활성화할 수 있는 옵션을 제공합니다. 구글 폰트 사용 옵션은 기본적으로 활성화되어 있습니다. 사이트 속도를 향상시키기 위해 이 옵션은 해제하는 것이 좋을 수 있습니다. 참고로 뉴스페이퍼 테마를 사용하면 인터넷 뉴스 사이트와 같은 고퀄리티 사이트를 만들 수 있지만 사이트를 최적화하지 않을 경우 속도가 조금 느리게 느껴질 수 있습니다(이..

워드프레스에서 가장 많은 판매를 기록하고 있는 테마는 유명한 아바다(Avada) 테마입니다. 아바다 테마는 현재 835,000개 이상이 판매되어 타의 추종을 불허하고 있습니다. 하지만 아바다 테마보다 더 많은 판매를 기록하고 있는 테마가 있습니다. 바로 Elegant Themes의 Divi 테마인데요. 현재 88만 개 이상 판매를 기록하고 있습니다. 아바다 테마 vs. Divi 테마 Avada Divi 판매량* 835,674 881,346 라이센스 1개 사이트에 설치 가능 - 기본 6개월 지원 (연장 가능 - 비용이 크게 증가) - 평생 업데이트 ※ 지원이 종료되어 사용 가능 1개 사이트 운영 시 저렴한 옵션 두 유형의 라이센스 - 연간 라이센스와 평생 라이센스 - 라이센스 기간(1년 또는 평생) 동안 ..

워드프레스 SEO 플러그인에서는 내부 링크와 외부 링크의 사용을 권장하고 있습니다. 과도한 링크를 사용하는 것은 문제가 될 수 있지만 적절한 내부 및 외부 링크를 추가하는 것은 SEO에 도움이 됩니다. 외부 링크로는 권위 있는 사이트(예: 위키피디아 사이트)로의 링크를 추가하면 좋습니다. 내부 링크를 적절히 활용하면 사용자 이탈률을 줄일 수 있습니다. [참고*외부 링크를 추가하면 내 사이트의 평판(Authority) 일부를 해당 사이트로 넘겨주게 됩니다. 가치가 떨어지는 사이트로의 외부 링크에는 nofollow를 추가할 수 있습니다. 자세한 내용은 "워드프레스 내부 링크 추가하는 간단한 방법(이전 글 링크 넣기)"을 참고해보세요.*] 워드프레스에서 이전 글 링크를 추가하는 간단한 방법 워드프레스에서는 다..

워드프레스 구글 사이트킷(Site Kit by Google)을 사용하면 워드프레스에서 구글 서치 콘솔, 구글 애널리틱스, 구글 애드센스 등의 구글 서비스와 연동하여 알림판에서 방문자 수와 검색어 등의 정보를 확인할 수 있습니다. 구글 사이트킷에서 "The response is not a valid JSON response." 에러가 발생하는 경우가 있습니다. 이 문제가 발생할 경우 확인 사항에 대해 간략히 살펴보겠습니다. 워드프레스 구글 사이트킷 'The response is not a valid JSON response' 에러 발생 시 확인 사항 구글이 만든 사이트 킷(Site Kit by Google) 플러그인을 사용하면 검색 콘솔, 애널리틱스(분석), 페이지 속도 인사이트(페이지 속도 식견) 등의 ..

베스트셀링 워드프레스 테마인 아바다 테마에서는 소셜 미디어 아이콘을 추가할 수 있는 옵션이 제공됩니다. 예를 들어, 페이스북 아이콘을 클릭하면 사용자의 페이스북 페이지로 이동할 수 있도록 할 수 있습니다. 국내 소셜 네트워크 아이콘은 제공되지 않지만 카카오톡 페이지나 네이버 블로그, 네이버 카페 등으로 연결되는 아이콘을 추가하고 싶은 경우 커스텀 아이콘을 업로드하여 추가할 수 있습니다. 아바다 테마: 커스텀 소셜 미디어 아이콘 추가하기 (예: 카카오톡, 네이버 블로그 등) 워드프레스 Avada 테마에서 카카오톡이나 네이버 블로그 등으로 연결되는 소셜 아이콘을 추가하고 싶은 경우 먼저 커스텀 소셜 미디어 아이콘을 추가해야 합니다. 워드프레스 알림판 » Avada » Options » 소셜 미디어 » Soc..