Хотите создать плагин WordPress? Этот урок научит вас, как это сделать.

Плагины способствуют популярности WordPress, поскольку позволяют пользователям без знаний программирования создавать потрясающие веб-сайты.

В системе более 50 000 плагинов. rКаталог WordPress  разработаны для различных целей. Вы найдете плагины WordPress для подписка на новостную рассылку , безопасность et  электронная коммерция . Просто назовите это.

Без них веб-сайт на WordPress — это всего лишь набор статических изображений и блоков текста. С помощью плагинов система управления контентом может достичь невероятного уровня персонализации.

Если вам нужен собственный плагин для вашего сайта или вы хотите создать плагин для WordPress и монетизировать его, давайте начнём.

---

содержание

---

Вопросы о позиции

---

Что вам понадобится для создания плагина 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 () чтобы преобразовать заголовок в верхний регистр и вернуть измененное значение.

Разница между хуками действий и фильтрами.

Хуки действий позволяют выполнять пользовательские функции в определенной точке цикла выполнения WordPress. В приведенном выше примере используется хук действия. wp_footer вызывается непосредственно перед тегом.

С другой стороны, фильтрующие хуки позволяют изменять данные по мере их передачи через кодовую базу WordPress.

Как и в приведенном выше примере, фильтр-перехватчик the_title Позволяет изменить заголовок записи в блоге до того, как она отобразится на веб-сайте.

Шаг 2. Настройте тестовую среду

Второй шаг в создании плагина для WordPress — это настройка тестовой или среды разработки. Цель состоит в том, чтобы избежать экспериментов на работающем сайте.

Создание плагина иногда требует постоянных корректировок. Кроме того, можно допустить ошибки, которые навредят вашему сайту.

Вы можете использовать свой компьютер в качестве локального сервера для размещения тестового сайта WordPress, на котором вы сможете создать и протестировать свой плагин.

Если ваш тарифный план хостинга поддерживает создание тестового сайта, вы также можете использовать этот вариант. В данном случае мы воспользуемся первым вариантом.

Для настройки тестовой среды мы скачать локальный , инструмент разработки для локального размещения веб-сайтов 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-файл вашего плагина, а затем измените его в соответствии со спецификациями плагина. В нашем случае, функция чтения заголовочных файлов плагина будет выглядеть так.

<?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-файл вашего плагина. В заголовке, в поле "Details", скопируйте и вставьте эти фрагменты кода в основной 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? Давайте поговорим о вашем опыте в разделе комментариев ниже.