당신은 워드 프레스 플러그인 ? 이 자습서에서는 수행 방법을 알려줍니다.
플러그인은 코딩 지식이 없는 사용자가 놀라운 웹사이트를 만들 수 있게 해주기 때문에 WordPress의 인기에 기여합니다.
50개 이상의 플러그인이 있습니다. r워드프레스 디렉토리 다양한 목적으로 설계되었습니다. 당신은 발견 할 것이다 워드 프레스 플러그인 용 뉴스레터 구독 , 보안 et 전자상거래 . 그냥 이름을 지정하십시오.
그것들이 없으면 WordPress 웹사이트는 단지 정적 이미지와 텍스트 블록의 모음일 뿐입니다. 플러그인을 사용하면 콘텐츠 관리 시스템에서 놀라운 수준의 사용자 정의를 달성할 수 있습니다.
웹사이트에 맞춤 플러그인이 필요하거나 플러그인을 만들고 싶은지 여부 워드 프레스 플러그인 수익을 창출하세요.
Frequemment posées에 대한 질문
WordPress 플러그인은 돈을 버나요?
예. 그만큼 워드 프레스 플러그인 돈을 가져오십시오. 웹사이트나 타사 마켓플레이스에서 플러그인을 판매할 수 있습니다.
CodeCanyon, Themeforest 그리고 모조 시장 플러그인을 판매하는 최고의 웹사이트 3개입니다.
플러그인의 무료 버전을 WordPress 저장소에 추가하고 추가 기능이 포함된 프리미엄 버전을 제공할 수도 있습니다.
WordPress 플러그인을 만드는 것이 어렵습니까?
의 창조 워드 프레스 플러그인 원하는 기능에 따라 상대적으로 쉽고 어렵습니다.
WordPress 개발 및 PHP 프로그래밍의 기본 사항에 이미 익숙하다면 플러그인을 만드는 것은 쉽습니다. 그렇지 않다면 매우 어려울 수 있습니다. 이 가이드에 표시된 대로 간단한 플러그인으로 시작하는 것이 가장 좋습니다.
플러그인 개발자는 얼마나 벌까요?
Zip Recruiter에 따르면 개발자의 평균 시간당 요율은 워드 프레스 플러그인 미국에서는 시간당 35달러입니다. 이는 연간 $72, 월 $000 정도입니다.
플러그인을 판매하면 판매 횟수에 따라 월 최대 $5의 수익을 올릴 수 있습니다. 플러그인 사용자 지정 서비스를 제공하면 시간당 $000에서 $20 사이의 수익을 올릴 수 있습니다.
WordPress 플러그인을 만드는 데 필요한 것
플러그인을 만들기 위해 전문 WordPress 개발자가 될 필요는 없습니다. 시작하려면 기본적인 코딩 지식만 있으면 됩니다.
- PHP 프로그래밍의 기본 지식: WordPress 플러그인은 PHP로 작성되었으므로 시작하기 전에 언어와 구문을 이해해야 합니다.
- 기본 HTML 및 CSS: HTML 및 CSS를 사용하면 플러그인의 표시 및 모양을 제어할 수 있습니다. 따라서 WordPress 플러그인을 만들려면 기본 사항을 이해하는 것이 중요합니다.
- 워드프레스에 익숙함: 워드프레스 플랫폼과 그 주요 기능에 익숙해지는 것이 유용합니다. 워드 프레스 코덱스 (WordPress 개발을 위한 온라인 설명서).
- 개발 환경: 플러그인을 개발하고 테스트하려면 로컬 컴퓨터나 개발 사이트에 WordPress를 설치해야 합니다. 이렇게 하면 라이브 웹사이트에 영향을 주지 않고 플러그인을 테스트할 수 있습니다. 다음 섹션에서 이 작업을 수행하는 방법을 보여 드리겠습니다.
- 텍스트 편집기: 플러그인 코드를 작성하려면 텍스트 편집기가 필요합니다. S와 같은 다양한 옵션을 사용할 수 있습니다.숭고한 텍스트, 원자 et Visual Studio 코드.
7단계로 WordPress 플러그인을 만드는 방법
1단계: WordPress 플러그인 작동 방식 이해
워드프레스는 프로그래밍 언어로 작성되었기 때문에 코딩 지식만 있으면 누구나 워드프레스 코드에 액세스하고 수정할 수 있습니다.
이것이 바로 플러그인이 작동하는 방식입니다. 특정 PHP 기능을 사용하여 WordPress와 직접 상호 작용하여 WordPress의 기능을 수정하고 확장할 수 있습니다.
WordPress 플러그인 생성 및 코드 추가는 후크를 사용하여 PHP 함수를 호출하는 경우에만 수행됩니다. 후크는 플러그인이 코어 파일을 편집하지 않고도 WordPress와 상호 작용할 수 있도록 합니다.
WordPress 플러그인의 기본 사항을 이해하기 위해 대괄호와 함수의 관계를 살펴보겠습니다.
워드프레스 기능:
WordPress 코드는 타사 코드가 WordPress와 상호 작용할 수 있는 기능을 기반으로 합니다. 그렇기 때문에 플러그인과 테마에서 많은 기능을 찾을 수 있습니다. 각 함수에는 이름이 있고 그 뒤에 중괄호와 중괄호 안의 코드가 있습니다.
Voici 유엔 exemple :
function sticky_header() {
?>
<script>
// Select the header element
var header = document.querySelector(‘header’);
// Get the offset position of the header
var sticky = header.offsetTop;
// Add the sticky class to the header when you reach its scroll position. Remove “sticky” when you leave the scroll position
function addSticky() {
if (window.pageYOffset > sticky) {
header.classList.add(“sticky”);
} else {
header.classList.remove(“sticky”);
}
}
// Add the sticky class to the header when you scroll the page
window.onscroll = function() {
addSticky();
};
</script>
<?php
}
add_action( ‘wp_footer’, ‘sticky_header’ );코드를 실행할 곳에 sticky_header()를 입력하여 WordPress 플러그인에서 이 함수를 직접 호출할 수 있습니다. 그러나 문제가 발생할 수 있으므로 나쁜 습관입니다. 다음은 코드에서 직접 함수를 호출하면 안 되는 두 가지 이유입니다.
첫째, 직접 호출은 테마 파일에 콘텐츠를 추가하는 것과 같은 기본 기능에 대해서만 작동합니다. 또한 이 접근 방식을 사용하면 함수를 여러 곳에서 사용하기 위해 함수를 여러 번 호출해야 하므로 코드 파일에서 시간이 많이 걸리고 번거롭습니다.
코딩을 처음 접하는 경우 함수를 수동으로 호출하는 것도 까다로울 수 있습니다. 플러그인을 만들 때 가장 좋은 방법은 플러그인을 후크에 연결하는 것입니다. 이렇게 하면 여러 곳에서 기능을 불러올 필요가 없습니다.
워드프레스 후크:
후크는 사용자 지정 기능을 수행할 수 있는 WordPress 코드의 특정 지점입니다. 후크에는 액션 후크와 필터 후크의 두 가지 유형이 있습니다.
액션 후크
작업 후크를 사용하면 WordPress 실행 주기의 특정 시간에 사용자 지정 함수를 실행할 수 있습니다. 액션 훅의 구문은 다음과 같습니다.
add_action('hook_name', 'my_custom_function');Le 후크_이름 사용하려는 작업 후크의 이름입니다.
WordPress에는 몇 가지 작업 후크가 있습니다. 당신은 그들을 찾을 수 있습니다 c오덱스 워드프레스.
my_custom_function 실행하려는 코드가 포함된 함수입니다. 이 함수는 함수 전에 정의해야 합니다. ADD_ACTION.
위의 고정 헤더 함수를 후크에 연결하는 구문은 다음과 같습니다.
add_action( 'wp_footer', 'sticky_header' );이 함수는 wp_footer 작업 후크가 호출될 때 sticky_header() 함수를 실행합니다. wp_footer를 선택한 후크 이름으로 대체하여 함수를 특정 후크에 연결할 수도 있습니다.
파 exemple :
add_action( 'init', 'sticky_header' );이것은 WordPress 초기화 작업이 호출될 때 고정 헤더 기능을 실행합니다.
필터 후크
필터 후크를 사용하면 데이터가 데이터베이스에 표시되거나 저장되기 전에 데이터를 수정할 수 있습니다. 다음은 블로그 게시물의 제목을 모두 대문자로 변경하는 필터 후크의 예입니다.
add_filter( ‘the_title’, ‘uppercase_title’ );
function uppercase_title( $title ) {
return strtoupper( $title );
}이 함수는 블로그 게시물의 원래 제목인 $title이라는 단일 인수를 허용합니다.
그런 다음 함수는 함수를 사용합니다. strtoupper() 제목을 대문자로 변환하고 수정된 값을 반환합니다.
액션 후크와 필터 후크의 차이점
작업 후크를 사용하면 WordPress 실행 주기의 특정 시간에 사용자 지정 함수를 실행할 수 있습니다. 위의 예에서 작업 후크 wp_footer 태그 바로 앞에서 호출됩니다.
반면에 필터 후크를 사용하면 WordPress 코드베이스를 통과할 때 데이터를 수정할 수 있습니다.
위의 예에서와 같이 필터 후크 제목 웹 사이트에 표시되기 전에 블로그 게시물의 제목을 편집할 수 있습니다.
2단계: 테스트 환경 설정
WordPress 플러그인 생성의 두 번째 단계는 테스트 또는 개발 환경을 설정하는 것입니다. 목표는 실제 사이트에서 실험하는 것을 피하는 것입니다.
플러그인을 만들려면 때때로 앞뒤가 필요합니다. 웹 사이트를 손상시키는 실수를 할 수도 있습니다.
컴퓨터를 로컬 서버로 사용하여 플러그인을 만들고 테스트할 수 있는 테스트 WordPress 사이트를 호스팅할 수 있습니다.
당신의 계획이편의 테스트 사이트 생성을 지원하므로 사용할 수도 있습니다. 여기서는 첫 번째 솔루션을 사용하겠습니다.
테스트 환경을 설정하기 위해 로컬 다운로드 , WordPress 웹사이트를 로컬로 호스팅하기 위한 개발 도구.
다운로드가 완료되면 컴퓨터에서 소프트웨어를 실행하고 클릭 + 아이콘 왼쪽 하단에서 새 로컬 사이트를 만듭니다.
에서 선택 새 사이트 만들기 및 버튼을 클릭 계속.
그런 다음 화면의 지시에 따라 사이트 이름을 추가하고 환경을 설정하고 WordPress 로그인 세부 정보를 생성합니다.
완료되면. 버튼을 클릭 사이트를 추가합니다. 사이트를 추가한 후 로컬 대시보드에서 웹사이트를 선택하고 WordPress 관리 대시보드를 시작합니다.
관리자 로그인 페이지가 열리면 사용자 이름 과 워드프레스 비밀번호 대시보드에 액세스하기 위해 위에서 만든
끝났다. 테스트 환경이 준비되었습니다. WordPress 플러그인 만들기를 시작하겠습니다.
3단계: 플러그인 폴더 만들기
테스트 환경이 준비되면 가장 먼저 해야 할 일은 사이트 디렉토리에 플러그인 파일을 만드는 것입니다. 기본적으로 WordPress는 디렉토리에 모든 플러그인을 저장합니다. wp-content/plugin.
WordPress 사이트에 설치된 모든 플러그인은 이 디렉토리에 폴더가 있습니다. 따라서 플러그인의 경우 이 디렉토리 내에 폴더를 만들고 이름을 지정해야 합니다.
이 자습서에서는 폴더로 이동합니다. wp-content/plugin 우리 지역 사이트 디렉토리에서. 방법은 다음과 같습니다.
참고 : 중간 사이트를 사용하는 경우 프로세스는 동일합니다.
로컬 대시보드에서 사이트 폴더로 이동 . 로컬 사이트 디렉터리로 리디렉션됩니다.
선택 앱 옵션에서 클릭 공개 그때 WP - 콘텐츠. 이 디렉토리에 다른 폴더가 표시됩니다.
폴더 열기 플러그인 플러그인 이름이 있는 새 하위 폴더. 우리는 여기에서 사용할 것입니다 스티커 헤더 우리가 만들고자 하는 플러그인의 이름이기 때문입니다.
4단계: 플러그인용 기본 PHP 파일 생성
플러그인 폴더를 만든 후 다음 단계는 이 폴더에 PHP 파일을 추가하는 것입니다. 여기에서 플러그인의 코드와 기능을 사용할 수 있습니다.
이 자습서에서는 WordPress에서 고정 헤더를 생성하는 간단한 플러그인에 하나의 PHP 파일만 필요합니다.
고급 기능이 포함된 보다 복잡한 플러그인의 경우 플러그인 폴더에 CSS 및 javascript와 같은 다양한 파일 유형이 있을 수 있습니다. 우리의 경우 단일 PHP 파일로 충분합니다.
이렇게 하려면 아래 스크린샷과 같이 플러그인 폴더에 PHP 파일을 만듭니다.
파일이 준비되면 플러그인에 정보를 추가할 차례입니다.
5단계: 플러그인 정보 구성
플러그인 파일 헤더라고도 하는 플러그인 정보는 플러그인 이름, 버전, URL, 작성자 이름 및 해당 웹사이트, 라이선스 등과 같은 플러그인에 대한 세부 정보가 포함된 PHP 주석 블록입니다.
플러그인을 설치한 후 WordPress 플러그인 페이지에 표시되는 정보입니다.
당신은 찾을 수 있습니다 WordPress 코덱스의 플러그인 파일 헤더 . 이렇게 생겼습니다.
이 코드를 복사하여 플러그인의 PHP 파일에 붙여넣은 다음 플러그인에 맞게 세부 정보를 편집하십시오. 우리의 경우 고정 헤더 플러그인 파일 판독기는 다음과 같습니다.
<?php
/*
Plugin Name: Sticky Header
Plugin URI: https://wordpress.org/plugins/sticky-header/
Description: Make your website header sticks to the top of every page on your website as users scroll.
Author: The Team
Author URI: https://blogpascher.com/sticky-header
Text Domain: Sticky Header
Domain Path: /languages
*/이 파일을 저장하면 새 플러그인이 생성되고 사이트에 이미 설치된 플러그인 목록에서 찾을 수 있습니다.
테스트 사이트의 WordPress 대시보드에 로그인하고 다음으로 이동합니다. Plugins>Plugins installés.
자세한 내용이 포함된 Sticky Header 플러그인이 표시됩니다. 여기있어.
이제 플러그인을 활성화할 수 있지만 아직 기능을 추가하지 않았기 때문에 아무 작업도 수행하지 않습니다. 이제 우리 플러그인이 뭔가를 하도록 만들어 봅시다.
6단계: 플러그인에 코드 추가
이를 위해 위의 WordPress 기능 및 후크를 학습할 때 사용한 고정 헤더 코드를 추가합니다. 방법은 다음과 같습니다.
플러그인의 PHP 파일을 엽니다. 헤더 세부 정보 아래에서 이 코드 스니펫을 복사하여 플러그인의 기본 PHP 파일에 붙여넣고 저장합니다.
function sticky_header() {
?>
<script>
// Select the header element
var header = document.querySelector(‘header’);
// Get the offset position of the header
var sticky = header.offsetTop;
// Add the sticky class to the header when you reach its scroll position. Remove “sticky” when you leave the scroll position
function addSticky() {
if (window.pageYOffset > sticky) {
header.classList.add(“sticky”);
} else {
header.classList.remove(“sticky”);
}
}
// Add the sticky class to the header when you scroll the page
window.onscroll = function() {
addSticky();
};
</script>
<?php
}
add_action( ‘wp_footer’, ‘sticky_header’ );이 코드는 두 가지 중요한 작업을 수행합니다.
라 폰촉 끈적끈적한_헤더 사용자가 페이지를 스크롤하면 활성화되고 스크롤이 중지되면 중지됩니다.
둘째, 행동 add_action('wp_footer', 'sticky_header'); 주소 사용.....
코드를 저장하면 됩니다. 사용자가 스크롤할 때 웹사이트 헤더를 고정시키는 WordPress 플러그인을 성공적으로 만들었습니다.
7단계: 플러그인을 활성화합니다. 행동 중.
귀하의 사이트로 돌아가서 플러그인을 활성화하십시오.
사이트의 라이브 버전을 스크롤하면 사이트 헤더가 페이지 상단에 남아 있습니다.
데모 사이트에서 새 플러그인의 효과를 확인했다면 이제 실제 사이트에서 사용해 볼 차례입니다.
그 전에 버그 및 취약점에 대해 플러그인을 테스트했는지 확인하십시오. 해당하는 경우 이를 해결하십시오. 예방책으로, WordPress 사이트 백업 새 플러그인을 배포하기 전에.
사이트의 플러그인 성능에 만족하는 경우 WordPress 플러그인 저장소에 플러그인을 업로드할 수 있습니다. 웹사이트 소유자가 무료로 사용하므로 개선할 사항과 방법에 대한 피드백을 받게 됩니다.
플러그인으로 돈을 벌고 싶다면 위에 나열된 웹사이트 중 하나에서 플러그인을 판매할 수 있습니다.
결론
여기까지 했다면 WordPress 플러그인을 만드는 것이 비교적 간단하다는 데 동의할 것입니다. 이 가이드의 지침에 따라 기본 WordPress 플러그인을 만들 수 있습니다. 원하는 만큼 많은 기능을 실험하고 플러그인의 기능을 개선할 수 있습니다.
복잡한 플러그인 생성은 동일한 방법을 따릅니다. 더 많은 기능은 플러그인 파일의 더 많은 기능을 의미합니다.
WordPress 플러그인을 만들어 본 적이 있습니까? 아래 댓글 섹션에서 귀하의 경험에 대해 이야기해 봅시다.
