WPCode 소개 – 웹 사이트 사용자 정의의 미래를 보장하는 쉬운 WordPress 코드 관리자
게시 됨: 2022-07-26웹사이트에서 사용하는 WordPress 플러그인의 수를 줄이고 싶었던 적이 있습니까?
웹사이트를 손상시키지 않고 코드 조각을 통해 미래 보장형 WordPress 사용자 정의 를 추가할 수 있는 쉬운 방법이 있다면 좋지 않을까요?
나와 대부분의 다른 스마트 웹 사이트 소유자와 같다면 WordPress 여정에서 이 솔루션을 몇 번 이상 원했을 것입니다.
오늘 저는 WordPress 사용자 정의에 대한 생각을 변화시킬 무료 WPCode 플러그인 출시를 공유하게 되어 기쁩니다.
웹사이트 사용자 지정을 관리할 때 시간과 번거로움을 줄이는 데 도움이 되도록 이 도구를 만들었습니다. 이것은 웹사이트를 더 빠르게 만드는 동시에 수십 개의 기존 WordPress 플러그인을 대체하는 데 도움이 되는 최고의 Swiss-Army 칼 도구와 같습니다.
배경 이야기
2012년에 Insert Headers and Footers라는 무료 플러그인을 만들었습니다.
이 플러그인의 목표는 나와 다른 WPBeginner 독자가 테마 파일을 편집하지 않고도 WordPress 사이트의 머리글과 바닥글 영역에 코드를 쉽게 추가할 수 있도록 하는 것이었습니다!
여기에는 Google Analytics 스크립트, 맞춤 CSS 코드, Facebook Pixel, 애드센스 코드 등이 포함됩니다.
지난 10년 동안 이 간단한 플러그인은 100만 건 이상의 활성 설치로 성장했습니다.
같은 기간 동안 WordPress는 수많은 새로운 기능과 플러그인으로 성장했습니다.
매달 특정 페이지에 스크립트를 조건부로 로드하는 기능, 웹사이트의 다른 영역에 코드 조각을 추가하는 기능 등과 같은 기능을 추가해 달라는 사용자의 요청을 받았습니다.
많은 생각과 고려 끝에 우리는 이 무료 플러그인을 확장하고 조건부 논리, 자동 삽입 등을 포함하는 완전한 기능을 갖춘 WordPress용 코드 조각 관리 솔루션으로 만들기로 결정했습니다.
새 플러그인을 사용하여 다음을 수행할 수 있습니다.
- 몇 번의 클릭만으로 사이트에 추적 스크립트/다양한 웹마스터 도구 확인 메타 세부정보를 추가할 수 있습니다.
- 모든 블로그 게시물의 첫 번째 단락 뒤에, 각 블로그 게시물의 끝 등에 배너 광고 또는 기타 동적 콘텐츠 요소를 추가합니다.
- REST API, XML-RPC, 주석 등 원하지 않는 WordPress 기능을 제거하십시오.
- 오류 없이 WordPress 사이트의 자습서에서 코드 조각을 쉽게 복사하여 붙여넣습니다.
- 그리고 실제로 이것은 단지 표면을 긁는 것입니다.
이 모든 기능을 무료로 사용할 수 있습니다!
마케터라면 WPCode를 Google 태그 관리자처럼 생각하지만 WordPress 내부에 있습니다.
귀하가 일반 비즈니스 소유자라면 이것을 귀하의 웹사이트를 위한 스위스 군용 칼이라고 생각하십시오. 더도 말고 덜도 말고 하고 싶은 일을 하는 데 도움이 될 것입니다.
WPCode는 지금까지 WordPress 사이트에 설치할 가장 강력한 플러그인 이며 과장하지 않습니다.
5분만 관심을 가져주시면 제가 보여드리겠습니다. 계속 읽으세요.
WPCode란 무엇입니까?
WPCode는 테마의 functions.php 파일을 편집하지 않고도 코드 조각을 사용하여 사용자 정의 WordPress 기능을 쉽게 추가할 수 있게 해주는 강력한 WordPress 코드 조각 플러그인입니다.
별도의 플러그인이 필요하지 않은 가장 인기 있는 WordPress 코드 조각을 찾을 수 있는 코드 조각 라이브러리가 내장되어 있습니다.
예를 들어 다음과 같은 도움이 될 미리 만들어진 스니펫이 있습니다.
- XML-RPC 비활성화 – 이것은 WordPress 보안에 좋습니다.
- SVG 파일 업로드 허용 – 별도의 플러그인 필요 없음
- Gutenberg 비활성화 – 별도의 플러그인이 필요하지 않음
- 댓글 비활성화 – 별도의 플러그인이 필요하지 않습니다.
- Google Analytics, Facebook, AdSense 및 기타 플랫폼용 추적 스크립트 추가
그리고 현재 사이트의 플러그인 수를 줄이는 동시에 사용자 정의 기능을 추가하는 데 사용할 수 있는 24개 이상의 다른 코드 스니펫이 있습니다.
평균적인 웹사이트 소유자의 경우 이 플러그인을 사용하면 현재 사용할 수 있는 다른 플러그인을 6~8개 정도 줄일 수 있습니다.
내 계획은 인기 있는 사용 사례를 다루기 위해 더 많은 사용자 지정 코드 조각을 계속 추가하는 것입니다. 제안 사항이 있으면 여기에서 양식을 작성하여 알려주십시오.
코드 스니펫을 제공하려는 WordPress 개발자/프리랜서인 경우 위의 양식을 사용하여 스니펫을 보내주십시오.
미래 지향적인 사이트 사용자 정의 및 코드 관리
대부분의 WordPress 사용자 정의 자습서에서는 테마의 functions.php 파일에 코드 조각을 추가하도록 요청합니다. 이 오래된 방식은 단순히 코드 조각 관리를 지저분하게 만들고 테마를 업데이트하는 것을 방지합니다.
테마를 업데이트하거나 다른 테마로 전환하면 functions.php 파일에 추가한 모든 사용자 정의 코드 기능을 잃게 됩니다.
WPCode는 WordPress 대시보드에서 직접 다른 코드 조각과 함께 머리글 및 바닥글 스크립트를 삽입하는 쉬운 방법을 제공하여 이 문제를 해결합니다. 이 코드 조각은 실제로 테마의 functions.php 파일에 있는 것처럼 실행되지만 사용자 정의는 미래에 대비할 수 있습니다 .
중요한 웹 사이트 사용자 정의를 잃지 않고 안전하게 테마를 업데이트하거나 다른 테마로 전환할 수 있습니다.
테마의 functions.php 파일에 사용자 정의 코드 조각을 추가할 때의 또 다른 문제는 아주 작은 실수라도 웹사이트를 손상시키고 액세스할 수 없게 만들 수 있다는 것입니다.
그래서 우리는 스마트 코드 스니펫 유효성 검사를 만들었습니다. 이렇게 하면 일반적인 코드 오류를 방지하여 코드 조각이나 머리글 및 바닥글 스크립트를 추가할 때 웹사이트가 중단되지 않도록 할 수 있습니다.
단일 화면에서 모든 머리글 및 바닥글 스크립트와 기타 사용자 지정 코드 조각을 관리할 수 있습니다. 태그를 사용하여 코드 조각을 쉽게 구성하고 각 코드 조각에 미리 알림 메모를 추가할 수도 있습니다.
내장 WordPress 코드 생성기
증가하는 코드 조각 라이브러리 외에도 최신 WordPress 코딩 표준 및 API를 사용하여 즉시 사용할 수 있는 사용자 지정 코드를 빠르게 얻을 수 있도록 도와주는 WordPress 코드 생성기가 있습니다.
관리 UI가 있는 사용자 지정 코드 생성기의 예는 다음과 같습니다.
- 사용자 정의 게시물 유형 생성기 - 게시물 유형에 대한 사용자 정의 코드 스니펫을 생성합니다.
- 사용자 정의 분류 생성기 – 분류에 대한 사용자 정의 코드 조각을 가져옵니다.
- WP 쿼리 생성기 – WP_Query에 대한 사용자 지정 코드 조각을 가져와 게시물을 로드합니다.
- 사용자 정의 사이드바 생성기 - 사용자 정의 사이드바 또는 위젯 준비 영역을 등록하기 위한 사용자 정의 코드 조각을 만듭니다.
- 사용자 정의 위젯 생성기 – 사용자 정의 위젯을 등록하기 위한 사용자 정의 코드 조각.
- 탐색 메뉴 생성기 - 테마에 새 탐색 메뉴 위치를 등록하기 위한 사용자 정의 코드 조각입니다.
위의 내용 외에도 cron 작업 예약, 스크립트 및 스타일시트 등록, 사용자 정의 게시 상태 추가 등을 위한 코드 조각 생성기가 있습니다.
과거에는 초보자와 중급 사용자가 WordPress 플러그인을 사용하여 관리 UI로 사용자 정의 게시물 유형, 분류 등을 만들었습니다. 문제는 백그라운드에서 사용자 정의 코드 조각을 생성하는 일회용 플러그인이라는 것입니다.
이제 WPCode 무료 생성기를 사용하여 관리 UI로 원하는 사용자 지정 기능을 추가하면서 해당 플러그인을 제거할 수 있습니다.
이것은 새로운 WordPress 개발자와 클라이언트를 위한 웹사이트를 구축하는 웹 전문가에게 엄청난 시간 절약이 될 것입니다.
코드 조각에 대한 조건부 논리 + 자동 삽입 우선 순위
WPCode의 목표는 쉽고 강력한 WordPress 코드 조각 플러그인을 만드는 것이었습니다.
그렇기 때문에 전역 머리글 및 바닥글 스크립트 외에도 코드 조각에 대한 조건부 논리와 같은 고급 기능을 추가하고 쉽게 만들었습니다.
WordPress 조건부 논리 쿼리를 배우는 대신 시각적 조건부 논리를 사용하여 특정 스니펫이 로드되는 시기를 결정할 수 있습니다.
WPCode 조건부 논리의 사용 사례 예:
- 로그인한 사용자만을 위한 코드 스니펫 로드
- 특정 사용자 역할에 대한 PHP 코드 조각 로드
- 특정 페이지 URL에만 PHP 코드 스니펫 로드
- 특정 페이지에 머리글 및 바닥글 픽셀 스크립트 삽입
- 페이지 유형에 따라 코드 조각 표시
- 특정 게시물 유형에서만 코드 스니펫 실행
- 리퍼러 소스를 기반으로 머리글 및 바닥글 코드 스니펫 로드
- 그리고 더…
또한 단축 코드를 사용하여 자동 코드 삽입과 수동 출력을 모두 추가했습니다. 이렇게 하면 사용자 정의 단축 코드를 사용하여 기능을 추가하거나 원하는 영역에 특정 기능을 자동으로 추가할 수 있습니다.
자동 삽입 기능을 사용하면 어디에서나 코드 스니펫을 실행하거나 다음과 같은 사용자 지정 옵션 중에서 선택할 수 있습니다.
- 프런트엔드에서만 코드 스니펫 실행
- WordPress 관리 영역에서만 코드 스니펫 실행
- 사이트 전체에 머리글 및 바닥글 스크립트 추가
- 게시물 콘텐츠 전후에 PHP 코드 스니펫 삽입
- 특정 단락 앞이나 뒤에 코드 스니펫 삽입
- 특정 아카이브 페이지에 코드 스니펫 삽입
그 외에도 시각적 코드 조각 우선 순위 시스템도 추가하여 코드 충돌을 피하기 위해 사용자 지정 함수의 순서를 선택할 수 있습니다.
대체할 수 있는 사용 사례 + 플러그인의 예는 무엇입니까?
WPCode는 기능 손실 없이 수십 개의 다른 플러그인을 제거하는 데 도움이 되는 플러그인입니다.
다음은 몇 가지 주요 사용 사례입니다.
- 머리글 및 바닥글 스크립트 삽입
- 머리글 및 바닥글에 Google Analytics 추적 코드 삽입
- 테마의 functions.php 파일을 수정하지 않고 PHP 코드 조각 또는 JavaScript 코드 조각 삽입
- 조건부 논리를 사용하여 WordPress 머리글 및 바닥글에 Facebook 픽셀 코드, Google 전환 픽셀 코드 및 기타 광고 전환 픽셀 스크립트 삽입
- Google 애드센스 광고 코드, Amazon 네이티브 문맥 광고 코드 및 기타 미디어 광고 코드 삽입
- 사용자 정의 JavaScript, CSS 및 HTML 코드 삽입
- 사이트의 머리글과 바닥글에 소셜 미디어, Google Search Console 및 기타 도메인 확인을 위한 사이트 확인 메타 태그 삽입
- 재사용 가능한 사용자 정의 콘텐츠 블록 삽입
- 특정 단락 뒤에 콘텐츠에 광고 코드 삽입
- 조건부 논리를 기반으로 사용자 지정 코드 조각 표시 또는 숨기기
- XML-RPC 비활성화, Rest API 비활성화, 주석 비활성화, SVG 파일 업로드 허용, Gutenberg 비활성화 및 추가 플러그인 추가 없이 Classic Editor 활성화
우리의 현재 기능과 미리 만들어진 코드 조각 라이브러리를 사용하여 다음과 같은 몇 가지 인기 있는 플러그인을 교체할 수 있습니다.
WPCode에는 다음을 포함한 여러 인기 있는 플러그인을 대체할 수 있는 기성 코드 조각 라이브러리가 함께 제공됩니다.
- 댓글 플러그인 비활성화
- XML-RPC 플러그인 비활성화
- Rest API 플러그인 비활성화
- 구텐베르크 플러그인 비활성화
- 클래식 편집기 플러그인
- SVG 파일 업로드 플러그인 허용
- RSS 피드 플러그인 비활성화
- 검색 플러그인 비활성화
- 자동 업데이트 플러그인 비활성화
- 관리 표시줄 플러그인 비활성화
- 위젯 차단 플러그인 비활성화
- 클래식 위젯 플러그인
- WordPress 버전 번호 플러그인 제거
- 페이스북 픽셀 플러그인
- 구글 애드센스 플러그인
- 사용자 정의 게시물 유형 UI 플러그인
- 기타 WordPress 생성기 플러그인
평균적으로 웹사이트에 있는 6~8개의 기존 플러그인을 쉽게 교체할 수 있다고 생각합니다. 일반적인 웹사이트는 이러한 일회성 기능 플러그인을 설치하는 경우가 많기 때문입니다.
이제 해당 플러그인을 제거하고 관리 영역을 정리하며 웹사이트 관리를 단순화할 수 있습니다.
WPCode의 다음 기능은 무엇입니까?
머리글 및 바닥글 삽입 플러그인의 사용자가 100만 명이 넘었기 때문에 이 모든 새로운 기능을 무료로 제공받는 것은 모두에게 놀라운 일이었습니다.
모두가 새로운 기능을 좋아하기 때문에 지금까지 커뮤니티의 반응에 매우 만족합니다.
이 플러그인을 더욱 강력하게 만들기 위한 흥미진진한 로드맵이 있습니다. 현재 진행 중인 작업:
- WordPress 전문가가 심사한 더 많은 코드 조각 라이브러리 목록
- 클라우드에 사용자 정의 스니펫 저장 – 플러그인 내부에 개인화된 스니펫 라이브러리를 구축할 수 있으므로 여러 웹사이트를 만들고 관리하는 사람들에게 유용합니다.
- 그리고 훨씬 더 …
우리는 여기에서 정말 특별한 것을 만들고 있습니다. 플러그인을 더 유용하게 만드는 방법에 대한 아이디어가 있으면 제안 사항을 보내주십시오.
언제나처럼 WPBeginner에 대한 지속적인 지원에 감사 드리며 앞으로도 몇 년 동안 계속 서비스를 제공하기를 기대합니다.
당신의 진정으로,
시에드 발키
WPBeginner 설립자
추신: WordPress 비즈니스를 인수하거나 투자하기를 원하십니까? WPBeginner 성장 펀드에 대해 자세히 알아보십시오.