워드프레스 블록 에디터(구텐베르크)에서 HTML 코드를 확인하여 수정해야 하는 경우가 있습니다. 그런 경우 코드 편집기로 전환하여 작업이 가능합니다. 글 편집 화면이나 페이지 편집 화면에서 오른쪽 맨 위의 세 개 점으로 된 아이콘을 클릭한 다음 편집기 > 코드 편집기를 클릭하면 코드 편집기에서 글 콘텐츠가 표시됩니다. 코드 편집기로 자주 전환해야 하는 경우 Ctrl + Shift + Alt + M 단축키를 사용하면 편리합니다. 다시 비주얼 편집기로 전환하려는 경우 동일한 단축키를 누르면 됩니다. 개별 블록의 콘텐츠만 HTML 코드로 표시하고 싶은 경우 해당 블록의 오른쪽 상단의 세 개 점으로 된 아이콘을 클릭하고 HTML로 편집을 선택하면 됩니다. 워드프레스 5.0 이상에서는 블록 에디터(쿠텐베르크)가 ..

워드프레스에서 비주얼 컴포저 등의 페이지 빌더가 제대로 작동하지 않거나 워드프레스 업데이트 후 페이지 편집 시 문제가 발생하는 경우 블록 에디터와의 충돌을 의심해볼 수 있습니다. 그런 경우 고전 편집기를 설치하여 워드프레스 블록 에디터를 비활성화하면 문제가 해결될 수 있습니다. 목차 워드프레스 블록 에디터 비활성화 - 고전 편집기 설치워드프레스가 버전 5로 업데이트되면서 새로운 편집기인 구텐베르크(블록 에디터)가 기본 편집기로 탑재되었습니다.일부 테마나 플러그인이 구텐베르크와 충돌을 일으켜 글 편집 시 이상하게 작동하는 경우가 있습니다. 예를 들어, 글이 업데이트가 안 되거나 발행이 안될 수 있습니다.그런 경우 고전 편집기 플러그인을 설치하면 문제가 해결될 수 있습니다.워드프레스 알림판 > 플러그인 > ..

워드프레스 유료 테마에서는 일반적으로 다양한 데모가 제공됩니다. 예를 들어, 인기 매거진 테마인 Newspaper(뉴스페이퍼)에서는 현재 68개의 데모가 제공됩니다. 데모는 보통 하나만 선택하여 설치할 수 있고 설치 후에 데모를 변경하려면 설치된 데모의 콘텐츠를 일일이 삭제한 다음 새로운 데모를 설치할 수 있습니다. 데모 콘텐츠에는 데모 페이지, 포스트, 메뉴 등이 포함됩니다. 아무런 콘텐츠가 없는 사이트인 경우, 즉 워드프레스를 설치한 직후에는 WP Reset 같은 플러그인을 사용하여 사이트를 초기화한 후에 다른 데모를 설치하면 편리합니다. 워드프레스 삭제하지 않고 초기화(리셋)하기 하지만 아바다(Avada) 테마나 뉴스페이퍼(Newspaper) 테마에서는 데모 콘텐츠를 제거하는 옵션을 제공합니다. 그..

웹호스팅에 가입하고 워드프레스를 자동 설치하면 간혹 'www.example.com/wordpress' 또는 'www.example.com/wp'로 접속하면 사이트가 제대로 표시되고 관리자 페이지 화면으로도 넘어 갈 수 있지만, 하위 폴더(/wordpress 또는 /wp 폴더) 부분을 지우고 사이트에 접속하면 다음과 같은 오류가 발생하는 경우가 있습니다. Forbidden You don't have permission to access / on this server. 이 문제는 워드프레스 자동 설치 시에 워드프레스가 루트 폴더가 아닌 하위 폴더에 설치되었기 때문입니다. 웹호스팅에 따라 설치 폴더를 지정할 수 있는 경우가 있고, 어떤 호스팅에서는 무조건 /wordpress 폴더에 설치되기도 합니다. 가비아에..

미국에서 워드프레스 문제 해결 요청이 와서 사이트를 복구하는 작업을 맡았습니다. 해당 도메인이 해외호스팅 중 하나인 InMotion Hosting에 호스팅되고 있었습니다. InMotion Hosting은 제가 2010년에 가입하여 몇 년 동안 유지했던 적이 있는 호스팅입니다. 당시 etransperfect.com이라는 도메인을 등록하여 해외를 대상으로 번역 서비스를 소개하는 사이트를 만들었습니다. InMotion Hosting에 로그인하니 계정을 관리하고 cPanel에 접속할 수 있는 AMP 페이지가 표시되네요. AMP는 Account Management Panel의 약자로 계정을 관리할 수 있는 패널입니다. cPanel에 접속하면 일반적으로 볼 수 있는 cPanel 화면이 표시됩니다. 위의 그림에는 V..

WordPress REST API는 저 같은 비개발자라면 알 필요가 없지만, 개발자라면 관심을 가질 수 있는 분야일 것입니다. 워드프레스 REST API에 대해서는 워드프레스 REST API 간략 이해(하드드라이브 사이트)에서 잘 설명하고 있습니다. 다음 유튜브 영상은 WordPress REST API 동영상 튜토리얼로 실제 예시를 보여줍니다. WordPress REST API를 활용하려면 대부분의 상황에서 고급 개발자가 사이트에 액세스해야 할 수 있으므로 가입형 워드프레스를 이용하는 경우 비즈니스 요금제를 구독하거나 설치형 워드프레스를 이용해야 합니다. I'm not quite sure depending on what you're trying to do, but in most cases, if some..

어제 클라우드플레어(Cloudflare)에 일시적인 장애가 있었습니다. 다수의 대형 사이트에서 위의 그림과 같이 '502 Bad Gateway' 오류가 표시되면서 접속 불가능한 상태가 발생했습니다. Major outage impacted all Cloudflare services globally. We saw a massive spike in CPU that caused primary and secondary systems to fall over. We shut down the process that was causing the CPU spike. Service restored to normal within ~30 minutes. We’re now investigating the root cause of..

작년 12월 쿠팡 파트너스에 가입하여 이 블로그에 간간히 쿠팡 특가 상품을 소개해왔습니다. 드디어 이번 달 15일에 수익금을 지급받게 되었습니다. 아마 깜짝 놀라실 거에요. 수익이 너무 적어서...ㅠㅠ 쿠팡 파트너스 수익 - 처음으로 정산받다 6개월 수익이 26000원 정도로 한 달에 4000원 남짓 벌었습니다. (6개월 수익으로 통닭을 먹을 수 있게 되었네요.) 근래 들어서는 쿠팡 상품을 올리는 횟수가 줄다 보니 수익이 거의 나지 않고 있습니다. 블로그가 활성화되어 있고, 특정 분야에 관심을 가진 사용자들이 많이 방문하는 경우라면 해당 분야의 상품을 소개하면 유의미한 수익을 거둘 수 있을 것 같습니다. 쿠팡 일일 특가 사이트에는 간혹 괜찮은 상품이 저렴하게 나오기도 합니다. 진짜 괜찮은 상품은 상품이 ..

서브도메인(ko.example.com과 같은 형식의 하위 도메인)에 SSL 보안서버 인증서를 적용하고 싶은 경우가 있을 수 있습니다. 서브도메인에 대하여 별도의 SSL 인증서를 설치해야 합니다. 서브도메인과 멀티사이트에 SSL 인증서 적용하기 카페24의 경우 서브도메인에 SSL 보안서버 인증서를 설치해야 하는 경우 Comodo 와일드카드(Comodo SSL Wildcard) 인증서를 선택해야 하는데, 비용이 연간 462,000원에 달합니다. 저렴하게 이용하려는 경우 해외호스팅 중 하나인 사이트그라운드(SiteGround)를 이용할 수 있습니다. 사이트그라운드에서는 와일드카드 인증서를 무료로 제공합니다. 해외 호스팅: 블루호스트와 사이트그라운드 비교 무료로 이용하고 싶은 경우 아마존 AWS나 Vultr 같..

워드프레스 베스트셀링 테마인 아바다(Avada)에서 Code Block 요소를 이용하면 워드프레스에서 포맷을 변경하지 않고 페이지에 HTML, 자바스트립트 또는 CSS 코드를 추가할 수 있습니다. 특정 페이지에 커스텀 코드를 추가할 때 유용합니다. 워드프레스 아바다 테마에 HTML 코드를 추가하는 방법 Element 선택 화면에서 Code Block을 선택하면 Code Block 요소가 선택한 컨테이너(Container)에 추가됩니다. 다음과 같이 javascript 코드도 추가가 가능합니다. 내에 형식으로 추가했지만 커스텀 CSS 코드는 외모 > 사용자 정의하기 > 추가 CSS에 추가하거나 차일드 테마 내의 스타일시트에 추가하시기 바랍니다. 또한, 자바스크립트는 워드프레스에서 js 스크립트 파일과 스타..