Вы хотите создать Плагин Wordpress ? Этот урок научит вас, как это сделать.
Плагины способствуют популярности WordPress, потому что они позволяют пользователям, не имеющим знаний в области программирования, создавать потрясающие веб-сайты.
В системе более 50 000 плагинов. rКаталог WordPress предназначен для различных целей. Ты найдешь WordPress плагины для подписка на информационный бюллетень , безопасность et электронная коммерция . Просто назовите это.
Без них веб-сайт WordPress представляет собой просто набор статических изображений и блоков текста. С помощью плагинов система управления контентом может достичь невероятного уровня настройки.
Если вам нужен собственный плагин для вашего веб-сайта или вы хотите создать Плагин Wordpress и монетизировать его, поехали.
Вопросы о позиции
Плагины WordPress приносят деньги?
Да. НАШИ WordPress плагины вносить деньги. Вы можете продавать плагин на своем веб-сайте или на сторонней торговой площадке.
CodeCanyon, ThemeForest и моджо рынка являются 3 лучшими сайтами для продажи плагинов.
Вы также можете добавить бесплатную версию своего плагина в репозиторий WordPress и предложить премиум-версию с дополнительными функциями.
Сложно ли создавать плагины WordPress?
Создание Плагин Wordpress относительно легко и сложно, в зависимости от желаемых функций.
Создать плагин легко, если вы уже знакомы с основами разработки WordPress и программирования PHP. Если вы этого не сделаете, это может быть очень сложно. Лучше всего начать с простого плагина, как показано в этом руководстве.
Сколько зарабатывают разработчики плагинов?
По данным Zip Recruiter, средняя почасовая ставка для разработчиков WordPress плагины в США — 35 долларов в час. Это составляет примерно 72 000 долларов в год и 6 000 долларов в месяц.
Если вы продаете свой плагин, вы можете зарабатывать до 5 долларов в месяц, в зависимости от количества продаж. Предлагая услуги по настройке плагинов, вы можете зарабатывать от 000 до 20 долларов в час.
Что вам понадобится для создания плагина WordPress
Чтобы создать плагин, вам не нужно быть опытным разработчиком WordPress. Для начала вам потребуются лишь базовые знания в области кодирования.
- Базовые знания в программировании на PHP: Плагины WordPress написаны на PHP, поэтому перед началом работы вы должны понять язык и его синтаксис.
- Базовый HTML и CSS: HTML и CSS позволяют вам контролировать отображение и внешний вид ваших плагинов. Поэтому крайне важно понимать их основы для создания плагина WordPress.
- Знакомство с WordPress: полезно ознакомиться с платформой WordPress и ее основными функциями, а также с WordPress Codex (онлайн-руководство по разработке WordPress).
- Среда разработки: Чтобы разработать и протестировать свой плагин, вам необходимо установить WordPress на свой локальный компьютер или на сайт разработки. Это позволит вам протестировать свой плагин, не затрагивая работающий веб-сайт. Мы покажем вам, как это сделать в следующем разделе.
- Текстовый редактор: Вам понадобится текстовый редактор, чтобы написать код плагина. Доступны многие варианты, такие как Sвозвышенный текст, Atom et Visual Studio Code.
Как создать плагин WordPress за 7 шагов
Шаг 1: Поймите, как работают плагины WordPress
Поскольку WordPress написан на языке программирования, любой, кто обладает знаниями в области программирования, может получить доступ и изменить код WordPress.
Именно так работают плагины. Они позволяют вам изменять и расширять функциональность WordPress, напрямую взаимодействуя с вашим WordPress с помощью определенных функций PHP.
Создание вашего плагина WordPress и добавление кода будут что-то делать, только если вы вызываете функцию PHP с помощью хука. Хуки — это то, что позволяет вашему плагину взаимодействовать с WordPress без необходимости редактировать файлы ядра.
Давайте посмотрим на связь между квадратными скобками и функциями, чтобы понять основы плагинов 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’ );Вы можете вызвать эту функцию непосредственно в своем плагине WordPress, набрав sticky_header() там, где вы хотите, чтобы код запускался. Но это плохая практика, потому что вы можете столкнуться с проблемами. Вот еще две причины, по которым вам не следует вызывать функции непосредственно в коде.
Во-первых, прямой вызов работает только для базовых функций, таких как добавление контента в файл темы. Кроме того, при таком подходе вам придется вызывать функции несколько раз, чтобы использовать их в разных местах, что отнимает много времени и громоздко в файлах кода.
Вызов функции вручную также может быть сложным, если вы новичок в программировании. При создании плагинов лучше всего прикреплять их к хуку. Это избавит вас от необходимости вызывать функцию в нескольких местах.
Хуки WordPress:
Хук — это определенная точка в коде WordPress, где вы можете выполнять свои собственные пользовательские функции. Есть два типа хуков: хуки действия и хуки фильтра.
Хуки действия
Хуки действий позволяют вам выполнять пользовательские функции в определенное время цикла выполнения WordPress. Вот как выглядит синтаксис хука действия.
add_action('hook_name', 'my_custom_function');Le крючок_имя — это имя хука действия, которое вы хотите использовать.
В WordPress есть несколько хуков действий. Вы можете найти их в cодекс WordPress.
моя_пользовательская_функция это функция, содержащая код, который вы хотите выполнить. Эта функция должна быть определена до функции add_action.
Синтаксис будет выглядеть следующим образом, чтобы прикрепить функцию липкого заголовка выше к хуку.
add_action( 'wp_footer', 'sticky_header' );Эта функция выполняет функцию sticky_header() при вызове хука действия wp_footer. Вы также можете прикрепить функцию к определенному хуку, заменив wp_footer именем хука по вашему выбору.
Например:
add_action( 'init', 'sticky_header' );Это запустит функцию липкого заголовка при вызове действия инициализации WordPress.
Крючки для фильтров
Перехватчики фильтров позволяют изменять данные перед их отображением или сохранением в базе данных. Вот пример хука-фильтра, который меняет заголовок сообщения в блоге на все заглавные буквы.
add_filter( ‘the_title’, ‘uppercase_title’ );
function uppercase_title( $title ) {
return strtoupper( $title );
}Эта функция принимает единственный аргумент, $title, который является исходным заголовком сообщения в блоге.
Затем функция использует функцию strtoupper () чтобы преобразовать заголовок в верхний регистр и вернуть измененное значение.
Разница между хуками Action и Filter
Хуки действий позволяют вам выполнять пользовательские функции в определенное время цикла выполнения WordPress. В приведенном выше примере хук действия wp_footer вызывается непосредственно перед тегом.
Хуки-фильтры, с другой стороны, позволяют вам изменять данные по мере их прохождения через кодовую базу WordPress.
Как и в примере выше, фильтр-хук the_title позволяет редактировать заголовок сообщения в блоге перед его отображением на веб-сайте.
Шаг 2. Настройте тестовую среду
Второй шаг в создании плагина WordPress — настройка среды тестирования или разработки. Цель состоит в том, чтобы избежать экспериментов на реальном сайте.
Создание плагина иногда требует туда и обратно. Вы также можете совершать ошибки, которые навредят вашему сайту.
Вы можете использовать свой компьютер в качестве локального сервера для размещения тестового сайта WordPress, на котором вы сможете создать и протестировать свой плагин.
Если твой планHébergement поддерживает создание тестового сайта, вы также можете его использовать. Здесь мы будем использовать первое решение.
Для настройки тестовой среды мы скачать локальный , инструмент разработки для локального размещения веб-сайтов WordPress.
После завершения загрузки запустите программное обеспечение на своем компьютере и нажмите + значок внизу слева, чтобы создать новый локальный сайт.
Выбери из Создать новый сайт и нажмите на кнопку Продолжить.
Затем следуйте инструкциям на экране, чтобы добавить имя своего сайта, настроить среду и создать данные для входа в WordPress.
Как только вы закончите. Нажмите на кнопку Добавить сайт. После добавления сайта выберите свой сайт на локальной панели управления и запустите панель администратора WordPress.
Когда откроется страница входа администратора, используйте имя пользователя и пароль WordPress который вы создали выше, чтобы получить доступ к вашей панели инструментов.
Готово. Ваша тестовая среда готова. Приступим к созданию вашего плагина WordPress.
Шаг 3: Создайте папку с плагинами
Как только ваша тестовая среда будет готова, первое, что вам нужно сделать, это создать файл плагина в каталоге вашего сайта. По умолчанию WordPress хранит все плагины в каталоге wp-content/plugin.
Каждый плагин, установленный на сайте WordPress, будет иметь папку в этом каталоге. Поэтому для вашего плагина вам нужно будет создать папку внутри этого каталога и дать ей имя.
В этом уроке мы перейдем к папке wp-content/plugin в нашем локальном каталоге сайта. Вот как.
Примечание: Процесс такой же, если вы используете сайт-посредник.
На локальной панели инструментов щелкните значок Перейти в папку сайта . Вы будете перенаправлены в локальный каталог сайта.
выбрать Программы в опциях нажмите на что такое варган? то WP-содержание. Вы увидите разные папки в этом каталоге.
Откройте папку Плагины и новую подпапку с названием вашего плагина. Мы будем использовать здесь Важно Header так как это имя плагина, который мы хотим создать.
Шаг 4: Создайте основной файл PHP для вашего плагина
После создания папки вашего плагина следующим шагом будет добавление файла PHP в эту папку. Здесь будут доступны коды и функции вашего плагина.
Для этого урока нам нужен только один файл PHP для простого плагина, который создает липкий заголовок в WordPress.
Для более сложных плагинов с расширенным функционалом в папке плагинов могут быть разные типы файлов, например CSS и javascript. В нашем случае будет достаточно одного PHP-файла.
Для этого создайте файл PHP в папке плагина, как на скриншоте ниже.
Как только файл будет готов, пришло время добавить некоторую информацию в ваш плагин.
Шаг 5: Настройте информацию о вашем плагине
Информация о вашем плагине, также называемая заголовком файла плагина, представляет собой блок комментариев PHP, который включает сведения о вашем плагине, такие как имя плагина, версия, URL-адрес, имя автора и его веб-сайт, лицензия и т. д.
Это информация, которую вы видите на странице плагина WordPress после установки плагина.
Вы можете найти заголовок файла плагина в кодексе WordPress . Похоже на это.
Просто скопируйте и вставьте этот код в PHP-файл вашего плагина, а затем отредактируйте детали в соответствии с вашим плагином. В нашем случае читатель файлов плагина sticky header будет выглядеть так.
<?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’ );Этот код делает две важные вещи,
функция Sticky_header активируется, когда пользователь прокручивает страницу, и останавливается, когда прокрутка останавливается.
Во-вторых, действие add_action('wp_footer', 'sticky_header'); используйте адрес …..
Сохраните код, и все. Вы успешно создали плагин WordPress, который делает заголовок вашего веб-сайта липким, когда пользователи прокручивают его.
Шаг 7: Активируйте плагин. В бою.
Вернитесь на свой сайт и активируйте плагин.
Когда вы прокручиваете действующую версию сайта, заголовок вашего сайта остается вверху страницы.
После того, как вы увидели эффект нового плагина на своем демонстрационном сайте, пришло время попробовать его на вашем реальном сайте.
Перед этим убедитесь, что вы протестировали плагин на наличие ошибок и уязвимостей. Решите их, если это применимо. В качестве меры предосторожности, сделайте резервную копию вашего сайта WordPress перед развертыванием нового плагина.
Если вас устраивает производительность плагина на вашем сайте, вы можете загрузить его в репозиторий плагинов WordPress. Поскольку владельцы веб-сайтов используют его бесплатно, вы получите обратную связь о том, что нужно улучшить и как это сделать.
И если вы хотите зарабатывать деньги с помощью своего плагина, вы можете продать его на одном из сайтов, перечисленных выше.
Заключение
Если вы зашли так далеко, вы согласитесь, что создать плагин WordPress относительно просто. Следуя инструкциям в этом руководстве, вы сможете создать базовый плагин WordPress. Вы можете экспериментировать с любым количеством функций и улучшать функциональность своего плагина.
Создание сложных плагинов следует тому же методу. Больше функциональности означает больше функций в вашем файле плагина.
Вы когда-нибудь пытались создать плагин WordPress? Давайте поговорим о вашем опыте в разделе комментариев ниже.
