Хотите создать свои собственные виджеты на WordPress?
Виджеты позволяют перетаскивать элементы в любую готовую боковую панель или область виджетов на вашем веб-сайте. Поэтому в этой статье мы покажем вам, как легко создать собственный виджет WordPress.
Но раньше, если вы никогда не устанавливали WordPress, откройте для себя Как установить WordPress блог шаги 7 et Как найти, установить и активировать WordPress тему на своем блоге
Тогда вернемся к тому, почему мы здесь.
Что такое виджет WordPress?
Виджеты WordPress содержат фрагменты кода, которые вы можете добавить на боковые панели вашего сайта или в области, удобные для виджетов. Думайте об этом как о модулях, которые вы можете использовать для добавления различных элементов с помощью простого интерфейса «перетащить и отпустить».
По умолчанию WordPress поставляется со стандартным набором виджетов, которые вы можете использовать с любой темой WordPress.
Откройте для себя тоже наши лучшие премиальные темы WordPress.
WordPress также позволяет разработчикам создавать свои собственные виджеты. Множество тем и WordPress плагины поставляются со своими собственными виджетами, которые вы можете добавить на боковые панели.
Например, вы можете добавить форма контакта, форма входа обычай или фотогалерея в боковой панели без написания кода.
Тем не менее, давайте посмотрим, как легко создавать свои собственные виджеты на WordPress.
Как создать свой собственный виджет на WordPress
Этот учебник для людей, которые имеют знания о веб-разработке.
Перед началом было бы лучше создать специальный плагин на веб-сайте, куда вы вставляете код виджета для этого урока.
Вы также можете вставить код в файл functions.php вашей темы WordPress. Однако он будет доступен только тогда, когда эта конкретная тема WordPress активна.
В этом уроке мы создадим простой виджет, который будет просто приветствовать посетителей. Посмотрите на этот код, затем вставьте его в ваш конкретный плагин, чтобы увидеть его в действии.
// Зарегистрируем и загрузим функцию виджета wpb_load_widget () {register_widget ('wpb_widget'); } add_action ('widgets_init', 'wpb_load_widget'); // Создание класса виджета wpb_widget extends WP_Widget {function __construct () {parent :: __ construct (// Базовый идентификатор вашего виджета 'wpb_widget', // Имя виджета появится в UI __ ('BPC Widget', 'wpb_widget_domain') , // Массив описания виджета ('description' => __ ('Простой виджет WordPress', 'wpb_widget_domain'),)); } // Создание общедоступной интерфейсной функции виджета widget ($ args, $ instance) {$ title = apply_filters ('widget_title', $ instance ['title']); // аргументы до и после виджета определяются темами echo $ args ['before_widget']; если (! empty ($ title)) echo $ args ['before_title']. $ title. $ args ['after_title']; // Здесь вы запускаете код и выводите вывод echo __ ('Simple Widget', 'wpb_widget_domain'); echo $ args ['after_widget']; } // Форма публичной функции серверной части виджета ($ instance) {if (isset ($ instance ['title'])) {$ title = $ instance ['title']; } else {$ title = __ ('Новый заголовок', 'wpb_widget_domain'); } // Виджет формы администратора?> get_field_id( 'title' ); ?>" name="get_field_name( 'title' ); ?>" type="text" value="" />
После добавления кода необходимо перейти к Внешний вид> Виджеты ». Вы заметите новый виджет PCB Widget В списке доступных виджетов. Вы должны перетащить этот виджет в боковую панель.
Теперь, посетив свой блог, вы увидите виджет на боковой панели, где вы добавили виджет, о котором идет речь.
Теперь давайте посмотрим на этот код.
Сначала мы записали « wpb_widget И загрузил наш кастомный виджет. Затем мы определили, что делает этот виджет и как отображать его на панели инструментов.
Наконец, мы определили, как обрабатывать изменения, внесенные в виджет.
Теперь есть несколько вещей, которые вы можете захотеть узнать. Например, какова цель " wpb_text_domain "?
WordPress использует «gettext» для управления переводом и локализацией. Итак wpb_text_domain «и __e сообщает gettext, как получить строку перевода, если она существует.
Если вы создаете собственный виджет для вашей темы WordPress, вы можете заменить «wpb_text_domain» текстом домена вашей темы.
Откройте для себя также несколько премиальных плагинов WordPress
Вы можете использовать другие WordPress плагины чтобы придать современный вид и оптимизировать обработку вашего блога или веб-сайта.
Мы предлагаем вам несколько премиальных плагинов WordPress, которые помогут вам сделать это.
1. Galaxy Funder
Galaxy Funder - это многофункциональная система краудфандинга, разработанная для любого веб-сайта WooCommerce. Использование Плагин Wordpress премиум Galaxy Funder вы сможете управлять своим собственным краудфандинговым сайтом или добавлять кампании по сбору средств в шапку вашего интернет-магазина WooCommerce.
Вы также можете использовать любой платежный шлюз поддерживается WooCommerce. Обратите внимание, что «Galaxy Funder» работает непосредственно на странице интернет-магазина, что упрощает процесс внесения вклада пользователем.
скачать | Демо | веб-хостинг
2. Нажмите, чтобы Чат WhatsApp
Le Плагин Wordpress Премиум Click to WhatsApp Chat позволяет клиентам WordPress легко связаться с владельцем веб-сайта или службой поддержки клиентов, используя свою учетную запись WhatsApp.
Просто нажмите на учетную запись WhatsApp, и она будет направлена непосредственно на мобильную учетную запись WhatsApp с сообщением по умолчанию. И если клиент находится на настольном компьютере или ноутбуке, он будет перенаправлен в WhatsApp Web.
Этот плагин требует номер WhatsApp, а также время и день, которые владелец веб-сайта или служба поддержки будут использовать для обсуждения. Кнопка чата может быть добавлена на страницу сведений о продукте WooCommerce., который напрямую связан с этим продуктом.
скачать | Демонстрация | веб-хостинг
3. Загрузить водяной знак изображения
это Расширение WordPress премиум позволяет легко добавлять водяные знаки на ваши изображения Easy Digital загрузки.
Эти водяные знаки может быть изображением символа авторского права, логотип компанииили часть фирменного стиля в виде прозрачного изображения PNG.
скачать | Демонстрация | веб-хостинг
Другие рекомендуемые ресурсы
Мы также приглашаем вас ознакомиться с указанными ниже ресурсами, чтобы получить дополнительную информацию о вашем веб-сайте и блоге.
- 7 WordPress плагины для оценки комментариев блога
- 5 плагинов WordPress для лучшего управления вашей рассылкой
- 8 WordPress плагины для создания контактной формы
- Как открыть видео с YouTube во всплывающем окне на WordPress
Заключение
Вуаля! Это все для этого урока, я надеюсь, что оно позволит вам создавать собственные виджеты в своем блоге WordPress. Если у вас есть Комментарии или предложения, не стесняйтесь, дайте нам знать в зарезервированном разделе.
Однако вы также сможете ознакомиться с нашими Ressources, если вам нужно больше элементов для реализации ваших проектов создания интернет-сайтов, обратитесь к нашему руководству по Создание блога на WordPress или Divi: лучшая тема WordPress всех времен.
Но тем временем поделитесь этой статьей в разных социальных сетях.
...
