Cоздаем простой плагин для WordPress


Содержание
Цукерберг рекомендует:  Разработчик игр - Помошь в выборе отрасли программирование

28 плагинов WordPress, которые помогут увеличить прибыльность сайта

Плагины WordPress разрабатываются, чтобы сделать нашу жизнь проще. Они делают сложные задачи простыми, а трудоемкие процессы автоматизированными. Но какие плагины нужны вашему бизнесу?

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

Я разделил плагины на пять различных разделов:

  • SEO-плагины;
  • Плагины для ускорения сайта;
  • Плагины, которые помогут получить больше клиентов;
  • Плагины контент-маркетинга;
  • Плагины, которые помогают продавать товары ( выводить товары на сайте и обрабатывать платежи ).

Прежде чем мы перейдем к их детальному рассмотрению, я должен предупредить вас: установка слишком большого количества плагинов неизбежно повлияет на скорость загрузки и безопасность сайта, так что используйте только те из них, которые вам действительно необходимы ( не более 10 ).

Упростите SEO с помощью плагинов

Качественная и продуманная SEO-оптимизация требует огромного объема ручной работы, поэтому многие технические аспекты SEO нужно автоматизировать, насколько это только возможно.

1. Yoast SEO

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

После установки он будет отображаться в виде нового пункта меню в левой панели, который будет называться « SEO «. Через него вы сможете переходить к различным разделам настроек Yoast SEO :

В разделе « Заголовки и Мета » вы можете установить, как будут отображаться заголовки записей. По умолчанию, это длинная строка с названием сайта в конце:

Заголовок записи — Название сайта

Если оставить эти настройки, заголовки часто будут обрезаться в результатах поиска. Например:

В этом разделе вы можете изменить настройки по умолчанию так, чтобы выводился только заголовок записи ( убрав “%%sep%% %%sitename%%” ):

После этого заголовки будут выводиться, как и предполагалось. Это увеличит количество кликов:

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

Еще одна важная функция плагина для интернет магазина WordPress — это его встроенные инструменты:

Групповой редактор может оказаться полезен, если вы обновляете большое количество заголовков:

Введите новое название и нажмите ссылку « Сохранить все » рядом с любым из новых заголовков.

2. Google XML sitemaps

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

С помощью плагина Google XML sitemap вы можете всего раз создать и затем представить карту сайта через Google и Bing Webmaster Tools . Этот один из лучших плагинов для WordPress будет автоматически обновлять карту сайта, когда вы публикуете новый контент:

Скорее всего, вам подойдут настройки плагина по умолчанию. В первой строке указан URL-адрес файла карты сайта, именно его вам нужно ввести через раздел инструментов для веб-мастеров:

Если перейти по этому URL-адресу , то увидим следующее:

3. WP Optimize By xTraffic

Внутренние ссылки являются одним из самых эффективных инструментов SEO . На авторитетном сайте вы можете быстро ранжировать низко конкурентные термины, разместив несколько внутренних ссылок на страницу.

Я большой поклонник активного использования внутренних ссылок, пока это выглядит естественным:

Я рекомендую попробовать добавлять их вручную, но об этом легко забыть. Поэтому лучше использовать плагин для автоматического сохранения внутренних ссылок, добавляя ключевые слова и фразы, с которыми должен ассоциироваться определенный URL-адрес .

Если я хочу создать ссылки, например, на домашнюю страницу сайта Quick Sprout , мне нужно ввести в плагин что-то вроде этого:

get SEO help, SEO advice, get help with your marketing, http://quicksprout.com

Но будьте осторожны. Если все, что вы зададите, это анкоры из одного или двух слов ( например , « SEO «, « WordPress » и т.д.), вы можете быть наказаны поисковой системой. Всегда включайте столько фраз из трех слов и более, сколько возможно для каждого URL-адреса , который вы вводите.

4. Local SEO and Business listings plugin

Этот плагин является SEO-плагином для локальных компаний, и он довольно хорош в этом. Его бесплатного функционала достаточно для небольших сайтов.

Этот плагин имеет массу полезных функций:

  • все основные настройки локального SEO ;
  • отслеживание ранжирования ключевых слов;
  • анализ конкурентов;
  • генератор карты сайта;
  • веб-аналитика.

Главная консоль этого плагина позволяет редактировать информацию о своей компании, которая отображается на Google Maps ( адрес, сайт и т.д .):

Этот плагин WordPress следит за большинством популярных социальных ресурсов, чтобы вы могли проверить, упоминается ли ваш бренд на каждом из них:

Также вы можете отслеживать все ключевые слова, по которым пытаетесь выйти на высокие позиции:

Этот плагин регулярно сканирует сайт на наличие неработающих ссылок. В панели настроек устанавливается частота сканирования:

Если плагин обнаружит неработающую ссылку, вам по электронной почте будет отправлено уведомление о том, где и какие ссылки повреждены ( адрес электронной почты вводится на странице настроек ). После этого вы сможете быстро исправить ситуацию, прежде чем пользователи перейдут по этой ссылке.

Поддерживайте скорость и качество работы сайта

Поддерживать скорость загрузки сайта важно для позитивного опыта взаимодействия с пользователем, который важен для высокого коэффициента конверсии. Некоторые исследования показали, что задержка скорости загрузки сайта всего на 1 секунду приводит к снижению конверсии на 7%.

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

6. Akismet

Плагин автоматически блокирует высокий процент спам-комментариев и перемещает их в специальную базу, прежде чем вы обнаружите их:

После установки плагина необходимо получить лицензию на Akismet . В разделе « Настройки » в левой боковой панели « Консоли » выберите пункт « Akismet «. Затем нажмите на кнопку « Получить ключ API «:

Вам понадобится логин на WordPress.com , чтобы продолжить ( бесплатная регистрация ):

Можно использовать плагин бесплатно или заплатить несколько долларов, которые избавят вас от многих неприятностей и сэкономят много времени:

7. W3 Total Cache

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

Технологические аспекты ручной настройки кэширования слишком сложны для большинства владельцев сайтов. К счастью, есть решения, такие как W3 Total Cache , чтобы выполнять все сложные вещи вместо нас. Он является одним из лучших плагинов для WordPress .

Здесь вы найдете полное руководство по настройке W3 Total Cache для начинающих. На странице общих настроек представлен обзор различных типов кэширования. Здесь вы можете включить любой из них:

Используйте меню слева, чтобы покопаться глубже в конкретных типах и настроить их под требования своего сайта:

Это важно, поскольку в некоторых случаях такие настройки могут существенно повлиять на скорость загрузки:

8. EWWW Image Optimizer

Одной из главных причин увеличения веса страниц являются неоптимизированные изображения. Этот плагин уменьшает их вес автоматически.

После установки плагина вы сможете вручную оптимизировать любую картинку, перейдя в библиотеку медиа-файлов и нажав « Оптимизировать » или « Заново оптимизировать »:

Размер некоторых изображений удается уменьшить на 80% и более.

После установки плагина не нужно перебирать все старые изображения одно за другим. Для этого реализована функция массовой обработки.

Перейдите « Мультимедиа> Оптимизировать все » и нажмите кнопку « Оптимизировать ». Выполнение оптимизации займет несколько минут ( в зависимости от количества изображений на вашем сайте ):

9. BackupBuddy

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

Также вы можете использовать его для восстановления из резервных копий в несколько кликов. Нажмите на пункт меню « BackupBuddy » в левой боковой панели, и на экране появится простой интерфейс:

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

10. Captcha by BestWebSoft

Средство из набора « необходимых плагинов для WordPress ». Akismet поможет защитить сайт от спама в комментариях, но если вы хотите остановить спамеров еще до того, как они успели оставить комментарий, используйте этот плагин. После подключения он добавляет капчу или вопрос для проверки ( рисунок ниже ) в любую указанную часть сайта.

Чаще всего капчи добавляют к комментариям:

Также вы можете добавить капчу на страницы регистрации и авторизации:

Это можно сделать, установив флажки, расположенные в верхней части настроек плагина:

11. WP-Optimize


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

В результате в хранилище накапливается мусор, который никогда не используете. Он занимает все свободное пространство и замедляет сайт.

Если вы когда-нибудь загляните в свою базу данных, то увидите кучу таблиц, которые содержат всю сохраненную информацию, большая часть которой является ненужной:

Этот плагин избавляет вас от избыточной информации, которая не используется. Вы можете выбрать, какие именно резервные копии должны быть удалены, и запустить плагин вручную из панели настроек:

Также вы можете настроить выполнение автоматической очистки, чтобы не тратить на это время в будущем.

Перейдите на вкладку « Настройки » в верхней части консоли плагина, установите время хранения резервных копий, а затем укажите, как часто должна запускаться автоматическая очистка:

12. Sucuri

Sucuri делает практически все, что нужно для безопасности сайта на WordPress . Он проверяет ваш сайт на наличие вредоносных программ, а также имеет дополнение для брандмауэра:

Можно выбрать один из двух тарифных планов: бесплатный и платный. Если ваш бизнес стоит десятки тысяч долларов, то стоит потратить несколько долларов, чтобы защитить свой сайт.

Увеличение количества лидов

E-mail рассылка является наиболее эффективным каналом маркетинга для большинства компаний:

Но для ее проведения вам нужно получить адреса электронной почты посетителей. Специализированные решения позволят сделать это с минимальными затратами времени и усилий. Какие плагины нужны для Вордпресса, чтобы организовать E-mail рассылку:

13. Content Upgrades plugin

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

Если вы стремитесь минимизировать расходы, этот плагин вам подойдет. Он интегрируется в аккаунт MailChimp или другого e-mail провайдера:

После подключения плагина можно создать столько загружаемых бонусов, сколько пожелаете:

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

14. OptinMonster

Всплывающие окна могут значительно улучшить показатели переходов. Я думаю, что если вы используете их правильно, вы не слишком испортите впечатление посетителей.

OptinMonster является одним из недорогих вариантов реализации всплывающих окон, и он интегрируется прямо в WordPress :

В плагине можно настроить почти все элементы всплывающего окна:

15. Thrive Leads

В дополнение к стандартным всплывающим окнам он предлагает ряд других опций:

Он включает все, что нужно для лучшего плагина для WordPress , в том числе функцию сплит-тестирования. Он прост в настройке:

16. LeadPages

Плагин всплывающих окон LeadPages хорошо известен на рынке. Он используется многими ведущими блогерами:

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

Получите больше от контент-маркетинга

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

17. Contact Form 7

Если вам нужна простая контактная форма, которая будет надежно доставлять вам сообщения от посетителей, то это прекрасное решение.

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

Большинство форм выглядят просто.

Но если потратить время на настройку CSS , то с помощью этого плагина можно создать довольно привлекательные формы:

Если вы хотите создать форму с другими дополнительными надстройками, попробуйте Gravity Forms . Этот плагин имеет больший набор различных полей, и их немного проще настраивать:

18. TweetDis

Одной из форм интерактивного контента являются встроенные кнопки твитов. TweetDis — это плагин, который позволяет создать интерактивную ссылку или кнопку, с помощью которой посетители смогут легко « твитнуть » вашу запись или контент.

Плагин поддерживает несколько различных параметров. Вы можете создать твит-бокс:

Или встроенные твиты, чтобы посетители могли нажимать на существующий текст контента:

В настройках плагина можно выбрать несколько различных тем по своему вкусу:

Такие встроенные твиты увеличивают количество цитирований и позволяют красиво оформить разбивку контента. Чтобы добавить встроенный твит, выделите в редакторе нужный текст и нажмите на иконку TweetDis :

Во всплывающем окне выберите опции отображения:

19. Disqus

Disqus — это симпатичный плагин комментариев:

Он имеет несколько преимуществ:

  • он блокирует спам ( не требуются ни капча, ни Akismet );
  • он быстр и прост в работе;
  • при необходимости вы можете модерировать комментарии;
  • пользователи могут получать уведомления об ответах и новых комментариях.

Установите плагин и зарегистрируйте свой аккаунт Disqus :

Единственное, что вам нужно сделать, это « экспортировать комментарии «. Вы найдете эту функцию в настройках импорта и экспорта. Таким образом, все старые комментарии будут выглядеть в стиле Disqus :

20. Facebook comments for WordPress

Потенциальный недостаток комментирования в Facebook заключается в том, что люди без аккаунтов не смогут высказать свое мнение. Настройка плагина проста. Однако вам нужно получить бесплатный идентификатор приложения Facebook .

21. AddThis

Это один из самых простых бесплатных плагинов для интернет магазинов WordPress , который можно использовать, чтобы добавить на сайт кнопки социальных сетей:

Набор иконок для бесплатного тарифного плана ограничен, но все они довольно привлекательны. Вы можете выбрать набор иконок и кнопок социальных сетей и задать место их отображения:

Еще одна полезная функция плагина — аналитические данные, с помощью которых вы сможете увидеть, сколько раз люди делились вашим контентом и в каких социальных сетях:

22. TablePress

Создание HTML-таблицы с нуля требует времени. TablePress — это отличный плагин для быстрого создания таблиц. Его часто используют для создания сравнительных диаграмм на тематических сайтах:

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

После установки плагин будет отображаться в виде нового пункта меню консоли: « TablePress «. С помощью параметров, расположенных в верхней или боковой части раздела плагина, можно создать новую или импортировать готовую таблицу:

Для этого нужно перейти к панели « Все таблицы » и выбрать одну из ранее созданных таблиц.

Вы можете редактировать ячейки, скрывать целые строки или столбцы, применять пользовательские стили CSS , а также изменять другие параметры таблицы:

23. CoSchedule

Привлечение трафика из социальных медиа предполагает наличие специальной стратегии. Плагин CoSchedule позволяет легко увидеть, что вы запланировали для публикации в социальных медиа. После установки он будет отображаться как новый пункт календаря в консоли WordPress :

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

Можно перейти к любой опубликованной записи, и увидеть сколько раз пользователи поделились ссылкой на нее и в каких социальных сетях:

Как сделать так, чтобы ваши продажи не разочаровали вас

То, что кажется простым, например, разместить на сайте кнопку PayPal , на самом деле может оказаться сложнее. Если вы хотите, чтобы она выглядела красиво, это еще сложнее. Приведенные ниже плагины для интернет магазина WordPress помогут вам справиться с подобными трудностями.

24. eCommerce Product Catalog

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

Вы также можете создать отдельную страницу для каждого продукта с более подробной информацией и способами оплаты:

Вы добавляете товар так же, как добавляли бы запись или страницу. Выберите пункт « Товары » в левом меню консоли, а затем нажмите на кнопку « Добавить новый товар ». Затем добавьте описание, как добавляете любой текст в WordPress , а также изображения товара:

Плагин позволяет быстро запустить и протестировать интернет-магазин.

25. WooCommerce


С помощью этого плагина вы можете создавать для товаров простые, но привлекательные списки и страницы категорий:

Страницы товаров выглядят профессионально:

Самое главное, что предлагает WooCommerce — гибкость. Вы можете продавать любые виды товара ( физические или цифровые ). А также реализовать простую систему тарифных планов ( разовые покупки, постоянное членство, регулярные подписки и т.д.) .

Вы также можете настроить параметры доставки. Плагин сообщит посетителям, доставляете ли вы товар по их региону, и вычислит стоимость доставки в соответствии с настройками:

Наконец, вы можете добавить кнопки оплаты через любую крупную платежную онлайн-систему.

Что касается использования плагина, то он довольно прост. Добавить товары вы сможете так же, как добавляете новые записи:

С помощью встроенной аналитики вы также сможете увидеть число совершенных продаж:

В целом, это отличный плагин электронной коммерции для WordPress .

26. WordPress Simple PayPal Shopping Cart

Плагин позволяет легко создать достойно выглядящую кнопку « Купить «, которая подключается к PayPal :

После подключения плагина нужно вставить шорткод в то место, где, вы хотите вывести кнопку:

Вам нужно задать для кнопки « название » и « цену «.

Цукерберг рекомендует:  Игры на java - Как сделать приложение в java видимым и писать в нем

После того, как посетитель нажмет кнопку, он будет автоматически перенаправлен на страницу корзины, где сможет просмотреть выбранные товары и решить, готов ли он совершить покупку:

27. WP Simple Pay Lite for Stripe

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

Плагин работает точно так же, как предыдущий. После установки нужно вставить кнопку « Купить » с помощью шорткода, наподобие этого:

Параметр amount — это цена в центах.

Когда посетители нажимают на кнопку, выводится стандартная форма Stripe для указания реквизитов платежа:

28. Easy Digital Downloads

Необходимый плагин для WordPress , который предназначен исключительно для цифровых продуктов ( обучение, электронные книги и т.д. ). Он не такой функциональный, как WooCommerce , но начинающим продавцам с ним будет намного проще работать.

Вы можете принимать платежи через все основные системы ( PayPal, Stripe и т.д. ), плагин будет отсылать цифровой продукт после его оплаты.

Вместо вкладки « Товары » у вас появится раздел « Загрузки «, в нем вы сможете добавлять продукты и просмотреть текущие доходы:

В « Истории платежей » вы сможете отследить все покупки:

Также в вашем распоряжении несколько различных отчетов. Они помогут сэкономить время, потому что вам не нужно будет сводить данные вручную:

Список товаров по умолчанию:

Клиенты могут просмотреть свою корзину и получить коды скидок, а также узнать доступные способы оплаты продукта:

Этот плагин является чем-то средним между простой кнопкой оплаты и комплексным решением для электронной коммерции.

Заключение

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

Я выделил 28 плагинов WordPress , которые охватывают пять областей онлайн-бизнеса, и им необходимо уделить особое внимание. Но решение, какие и сколько плагинов устанавливать, остается за вами.

Данная публикация представляет собой перевод статьи « 28 WordPress Plugins That Increase Profits and Save Time » , подготовленной дружной командой проекта Интернет-технологии.ру

ez code

Просто о сложном.

Создание плагина для WordPress. Часть 1.

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

На первый взгляд создание плагина может показаться трудной задачей, но на самом деле все проще, чем вы думаете. Это первый урок серии «Создание плагина для WordPress», в которой будут рассмотрены важные принципы и составные части данного процесса. По завершении уроков вы будете готовы к самостоятельным экспериментам по созданию WordPress плагинов, опираясь на общепринятые правила сообщества системы.

Что такое плагин для WordPress

Это PHP код, который изменяет или расширяет начальный функционал системы.

WordPress предоставляет простой, но гибкий API для создания плагинов. Вот некоторые преимущества, которые предлагает WordPress разработчикам:

  • Нет необходимости изменять ядро системы для получения дополнительной функциональности. Это значит плагин будет работать даже после обновления системы.
  • В WordPress есть механизм деактивации плагина, когда ошибка может привести к краху сайта.
  • Модульность кода системы упрощает обновление и сопровождение.
  • Функции плагинов никак не связаны с темами.
  • Один плагин может быть использован с разными темами и иметь независимые от дизайна функции.
  • Код плагина может реализовывать современные техники программирования, ООП например, это никак не повлияет на использование родных функций, классов и интерфейсов WordPress.

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

Название и файлы плагина

Прежде всего вы должны убедиться, что название вашего плагина уникально. Даже если вы не собираетесь выкладывать свое творение на всеобщее обозрение, вы должны быть уверены, что на сайте не возникнет ситуации использования двух плагинов с одним именем. Воспользуйтесь поиском по плагинам WordPress, перед выбором названия.

Для уникальности названия многие разработчики добавляют префикс — инициалы автора или некоторая аббревиатура. Префикс может быть использован везде — в именах файлов, функций, классов, переменных и т.д. Это поможет избежать возможных конфликтов с другими плагинами, темами и самим ядром системы.

Пример. Пусть наш плагин называется “Hello World Plugin” и для увеличения вероятности уникальности названия добавим префикс “My super prefix”, сокращенный до “MSP”. Таким образом мы получим уникальное название “MSP Hello World Plugin”. Поиск по плагинам подтверждает это.

Следующий шаг — создание файлов плагина. Рекомендуется располагать плагин в отдельной папке внутри специальной директории для плагинов. Имя папки должно соответствовать названию плагина, в нашем случае можно назвать ‘msp-helloworld’. Папка должна содержать главный файл плагина с таким же именем: ‘msp-helloworld.php’.

Так же «кодекс» WordPress рекомендует создать readme.txt файл. В этом файле содержится информация о плагине в стандартной форме. Если вы собираетесь выложить свой плагин в репозиторий плагинов, то наличие этого файла обязательно.

Если ваш плагин использует множество файлов, загружает картинки, css или JavaScript, вам необходимо хранить их в подпапках вашего плагина. Правильная организация структуры файлов — признак хорошего тона. Мы будем придерживаться следующего шаблона:

Заголовок плагина

У каждого плагина обязательно должен быть заголовок, это помогает WordPress распознать плагин и вывести информацию о нем на странице управления плагинами.

Заголовок — это комментарий PHP, расположенный вначале главного файла плагина:

Информация из заголовка будет показана на странице управления плагинами WordPress

Информация о плагине

Порядок строк не важен, кодировка файла должна быть UTF-8.

Путь к файлам

Так как мы используем разные файлы для нашего плагина, мы должны определить правильный путь к ним. Папка wp-content может быть перемещена из стандартного положения, поэтому жесткое объявление путей не подходит, они должны определяться автоматически.

В WordPress есть две функции plugin_dir_path и plugin_dir_url для определения адресов файлов:

Этот код определяет путь к папке плагина внутри директории WordPress и объявляет константы, содержащие его. После мы можем использовать эти константы вместе с известными относительными путями к подпапкам, например: MSP_HELLOWORLD_DIR.’assets/img/image.jpg’.

Используя эти константы мы также можем подключать необходимые файлы в главном PHP файле:

Состояние плагина

После установки плагин может быть в активном или деактивированном состоянии.

Если плагин активирован, то WordPress будет выполнять его код при каждой загрузке страницы.

Плагин также можно деактивировать, это значит файлы плагина остаются на месте, но код не исполняется (плагин можно удалить полностью, т.е. удалить его файлы из папки плагинов).

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

Например, если плагин хранит свои настройки в базе данных, необходимо удалить их из базы при удалении плагина. Как это сделать?

Для выполнения действий при активации и деактивации мы должны зарегистрировать так называемые ‘activation hook’ и ‘deactivation hook’. Таким образом мы сообщим WordPress какую функцию необходимо выполнить при том или ином событии. Пример:

Для выполнения действий при удалении плагина есть 2 способа.

Первый — это создать файл uninstall.php в главной папке плагина (вместе с главным файлом и readme.txt) и включить в него необходимый код. Если uninstall.php существует, WordPress автоматически выполнит его при удалении плагина. Второй способ — зарегистрировать uninstall hook in так же как события для активации и деактивации. Пример:

Важно, что сработает только один из способов, если существует uninstall.php, то зарегистрированная функция не сработает.

Общие правила

Подводя итоги, сформулируем несколько правил, которых необходимо придерживаться при создании плагина для WordPress:

  • Придумайте уникальное название
  • Создайте отдельную папку для плагина
  • Соблюдайте структуру хранения файлов, создайте подпапки для PHP файлов, переводов и других файлов
  • Создайте главный файл плагина и заполните заголовок плагина.
  • Создайте readme.txt
  • Используйте функции для определения путей к файлам
  • Создайте дополнительные PHP файлы и подключите их в главном
  • Создайте функции для обработки активации и деактивации
  • Создайте скрипт для удаления


Заключение

После всех описанных шагов, вы будете готовы писать основную часть плагина и заставить его делать что-либо. В следующих статьях мы продолжим знакомиться с принципами создания плагина для WordPress. Следующая часть урока.

Создаем свой плагин для WordPress

WordPress один из популярных движков для сайтов, который позволяет расширять функционал посредством плагинов. На данный момент существует множество плагинов разного функционального назначения, которые позволяют реализовать те или иные задачи. При необходимости мы можем создавать свои плагины, об этом и пойдет речь дальше. Попробуем создать свой плагин для WordPress, для этого от нас потребуется знание основ PHP, а так же API WordPress.

Простейший плагин может состоять из одного PHP-файла, который размещается в директории /wp-content/plugins. Структуру плагина можно разделить на две составляющие: заголовок, по которому движок определяет что файл является плагином, получая дополнительную информацию, и программной части.

Посмотрим, как выглядит заголовок:

Заголовок обязательно должен размещаться в самом начале файла плагина.

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

API в WordPress представляет набор «хуков» — точки программного прерывания. Таким образом, в специальных местах при выполнении скриптов движка можно вызывать пользовательские функции. Хуки разделяются на два типа: «action» (действия), «filter» (фильтры).

Фильтры (filter) могут вызываться с любого места в движке или плагинов, принимая на вход какие-либо данные, производя необходимые манипуляции с данными – возвращать их обратно.

Действия (action) выполняются по достижению определенного этапа выполнения программы, как правило, ничего не возвращают, только выполняя какие либо операции.

Список хуков можно найти на сайте codex.wordpress.org

Для примера попробуем сделать простой плагин, который будет заменять слово «Привет» на «Салют» перед выводом текста поста. Воспользуемся хуком «the_content», добавим привязку нашей функции к данному хуку:

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

Далее описываем функцию:

Функция проста: в качестве входного параметра получает текст в переменной $content, с помощью стандартной PHP-функции str_replace заменяем необходимые строки, после замены возвращаем результат.

В итоге, должен получиться PHP-файл, с таким содержимым:

Файл необходимо разместить в директории с плагинами, после чего активировать его из админки WordPress.

Как создать простой плагин для WordPress

Мы видели раньше много советы и инструменты для ведения блога, Что ж, сегодня мы узнаем, как создать хороший инструмент для вашего блога — плагин страницы FAQ. Но самое главное, это не только сам плагин, но и то, что вы можете сделать с этим принципом. Вы узнаете, как хранить данные любого типа на своем WP-сайте и как интегрировать их с внешними библиотеками (например, jQuery UI), создавая пользовательские компоненты для вашего сайта. Давайте начнем!

Идея, демо и скачать

Наша цель здесь — создать плагин, который можно использовать для многих вещей, но хорошо подходит для часто задаваемых страниц.

Но кроме этого нашим главным достижением будет понимание WordPress пользовательские типы сообщений, короткие коды, взаимодействия с внешним JS / jQuery-плагином. С этой идеей вы могли бы создать множество вещей, основанных на других сумасшедших плагинах, которые вы можете обнаружить там, это только отправная точка для вас, дорогой Падаван.

So здесь вы можете найти jQuery API demo для компонента, который мы будем использовать — но действительно классным является код, используемый для генерации этого компонента (PHP).

О, и, конечно, вы можете найти файлы плагина для скачивания здесь так что вы можете просто установить его на свой сайт WP.

Разогрев — файл плагина и пользовательский тип сообщения

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

Настраиваемые типы записей являются большой частью волшебства WP, они позволяют вам создавать новый тип данных (вроде сообщений, страниц, вложений и т. Д.), Чтобы его можно было вызывать и манипулировать с помощью функций WP. Это может показаться простым для новичков, но только давние программисты PHP (это все еще вещь?) Знают, как трудно было просто соединять и хранить данные в вашей БД. Не говоря уже о динамическом создании новых типов данных, это тонко, но обеспечивает большую гибкость в нашем коде.

Для этого нам нужен плагин, но, вероятно, вы уже знакомы с этой концепцией. Плагины похожи на блоки Lego для WordPress, они добавляют или преобразуют текущую функциональность с помощью кода, который можно легко подключить (duh!) Или также отключить, если вы хотите.

Чтобы создать плагин таким образом, что WP распознает его, вам нужны вещи 2:

  1. Создайте файл внутри вашего wp-контента / плагинов /
  2. Добавьте метаданные в начале этого файла, чтобы WP мог понять, что это значит

Имейте в виду, что имя файла должно быть уникальным, поэтому, когда кто-то устанавливает ваш плагин (даже вы сами), конфликтов с текущими плагинами не будет. В нашем случае для лучшей организации мы добавим новую папку с именем faq-whsr, а внутри — файл faq-whsr.php.

Теперь для метады просто добавьте что-то вроде этого в начало вашего файла плагинов (сразу после plugins

  • URI плагина: если вы хотите добавить ссылку на страницу вашего плагина (документы, примеры, страница продаж)
  • Описание: Это малый абзац, показанный в вашем интерфейсе wp-admin> plugins. Держите его простым, чтобы пользователи помнили, что это за
  • Автор / автор URI: человек / компания, создавшая плагин и ссылку для кредитов
  • Лицензия: чтобы пользователи знали, что они могут / не могут делать с вашим плагином
  • Хорошо, теперь мы создали наш плагин, добавили несколько соответствующих метаданных. Как только вы сохраните файл плагина, вы сможете увидеть его в интерфейсе wp-admin.

    Давайте активируем это и посмотрим, что произойдет.

    Подождите, ничего? Хорошо, это хорошо, если что-то не так, вы увидите ошибку. Теперь перейдем к созданию пользовательского типа сообщений.

    В нашем случае CPT — это пункт часто задаваемых вопросов, но вы можете создавать книги, видеоролики, отзывы и т. Д. Важно помнить, что имена функций должны быть уникальными. Повторите со мной сейчас: имена функций должны быть уникальными, имена функций должны быть уникальными. Понял? Хорошо, это сэкономит вам массу неприятностей, пока мы не сможем использовать ООП (возможно, в следующем учебнике).

    Мастерство выполняется с помощью этого кода:

    И это то, что означают соответствующие части:

    • $ labels — это массив с метками и текстом для разных разделов области wp-admin. Таким образом, WP будет знать правильный способ вызова наших товаров
    • Поддерживает — этот рассказывает, что вы можете увидеть в wp-admin> FAQ> новый экран. В нашем случае у нас будет заголовок, редактор (основной блок контента), автор, ревизии и настраиваемые поля (если вы захотите их).
    • таксономии — здесь вы указываете WP, какие таксономии разрешены (категории, теги или пользовательские таксономии)
    • register_post_type (‘faq_whsr’, $ args) — это говорит WP «Эй, создайте новый настраиваемый тип сообщения с идентификатором faq_whsr, используя аргументы из $ args».

    Сохраните его и задержите дыхание. Теперь вы должны увидеть новый раздел в главном меню wp-admin

    Подождите, все? Да уж. Этот фрагмент создает всю функциональность CPT. Если вы не найдете это здорово, подождите, пока он станет более прохладным в следующем разделе.

    Прежде чем покинуть wp-admin, добавьте некоторые фиктивные данные (несколько вопросов с по меньшей мере категориями 2).

    Front-End — взаимодействие WP x jQuery

    Теперь настало время увидеть какое-то действие, и мы будем использовать jQuery UI Аккордеонный элемент для этого.

    Пользовательский интерфейс jQuery имеет почти такие же преимущества, как и сам jQuery:

    • Многие разработчики, работающие над этим
    • Кросс-браузер и готовый к использованию код
    • Хорошо документированы
    • Играет хорошо с WP (сам WP использует их)

    Создаём простой плагин для WordPress за 5 минут

    Создаём простой плагин для WordPress за 5 минут

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

    Базовая структура

    Плагин WordPress может состоять всего лишь из одного PHP-файла, однако для удобства и возможности последующего расширения я всегда создаю для него папку, в которую и помещаю этот файл. Папка и файл должны иметь одинаковые имена, за исключением расширения. Давайте создадим плагин My Custom Functions, папку и файл в ней назовём следующим образом:

    Теперь загрузим только что созданную папку в директорию wp-content/plugins нашего сайта.

    Основы структуры файла плагина WordPress

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

    Заголовок плагина

    Вот всё, что должно быть в файле плагина для того, чтобы WordPress распознал его сразу после загрузки:

    Просто, не правда ли? Для того, чтобы плагин заработал, достаточно перейти в раздел Плагины панели администрирования WordPress и активировать его. Конечно, плагин пока не делает ровным счётом ничего, однако важно то, каким образом мы заложили для него фундамент.

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

    Основная часть плагина

    Как я уже говорил ранее, в плагин можно поместить множество различных инструкций, но сейчас, на самом базовом уровне, вы можете рассматривать плагин как файл functions.php вашей темы WordPress. Под этим я подразумеваю, что все ваши сниппеты, которые вы, возможно, добавляли в этот файл, можно поместить в файл плагина, и они будут работать точно также.


    В качестве примера я помещу в плагин небольшой фрагмент кода, который добавляет произвольный текст в конец основного контента каждой страницы сайта. Для этого я использую хук-фильтр the_content .

    Несмотря на простоту, с помощью этого сниппета можно сделать множество полезных вещей, например добавить на страницы блога авторскую подпись или рекламный блок Google AdSense.

    Теперь давайте взглянем на то, что у нас получилось:

    Плагин получился довольно простым, но суть в том, что в случае необходимости вы легко сможете его модифицировать или же вовсе отключить, если что-то пойдёт не так. При этом можно быть полностью уверенным в том, что это никак не повлияет на работоспособность сайта.

    Создание плагина для WordPress — Видеоуроки

    Приветствую вас, уважаемый хабрачеловек!

    Предлагаю вашему вниманию краткий и, конечно, бесплатный видеокурс по созданию плагина для WorPress. Плагин будем учиться создавать на примере реальной задачи: необходимо интегрировать платежную систему Интеркасса в блог.

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

    Из видеокурса вы узанаете:

    • С чего начать разработку плагина.
    • Что такое хуки, экшены и фильтры.
    • Как сделать страницу настроек плагина в админке блога.
    • Принципы программирования на PHP функционала плагина.

    В исходниках плагина присутствуют определенные ошибки и неточности. Я постарался устранить все скользкие моменты и выложил в бесплатный доступ плагин и подробную инструкцию по работе с ним. Кроме того, я сделал платную версию плагина, где реализовал проверку адреса эл. почты покупателя. Кто хочет быстро сделать прием платежей через интегратор платежный систем на своем блоге — добро пожаловать на страницу плагина.

    Читают сейчас

    Похожие публикации

    • 9 июня 2015 в 12:02

    Под прессом. Ломаем и защищаем WordPress своими руками

    WordPress Plugin длиной в одну страницу

    Wpbb3: интеграция wordpress и форума phpbb3 с помощью curl

    Заказы

    AdBlock похитил этот баннер, но баннеры не зубы — отрастут

    Комментарии 12

    Потрясающе! Очень внятно и очень подробно. Посмотрел все уроки. однозначно в закладки!

    Только если меня сегодня ночью разбудят и спросят, как у меня фамилия — я отвечу, что э… «Морковин». Аж фонит в ушах. Но это комплимент. Жму руку.

    Что за программа, при помощи которой делаете видеоуроки?

    Спасибо Вам за добрые слова. Я действительно старался.

    Количество слов «Морковин» действительно зашкаливает :) Вот такой уж я тщеславный.

    Видеоуроки записываю в Camtasia Studio. У меня даже специальный пост есть на блоге о записи видео: www.sdelaysite.com/interesting/zapis-videouroka-2

    Я за правильный код:

    Честно говоря, очень так себе. Увидел вашу публикацию как раз накануне того, как стала нужда написать плагин для одного из клиентов. Обрадовался, что не придется терзать гугл и читать массу бредовых одинаковых заметок на тему разработки WP плагинов. Рано обрадовался.

    1. Очень много всего не по теме. Местами вы начинаете учить людей азам PHP. Я думаю, если человек собрался писать плагин, он этими знаниями уже обладает.

    2. Очень много жуете то, что и так очевидно — функции и их параметры, какие-то типовые конструкции wp и самого PHP.

    3. Очень не хватает плана уроков. Чтобы узнать, какой урок о чем рассказывает, его нужно посмотреть. А если мне нужно что-то конкретное? Само собой, смотреть все я не стал. Потыкал пару видео роликов, понял, что не про меня и закрыл. А жаль, хотелось почерпнуть знаний.

    P.S: хардкодить html в php скриптах как-то нехорошо. Я понимаю, что это исповедуют 99% всех WP плагинов, но если учите, то учите делать красиво, а не побыстрее и попроще.

    В описании видеокурса я специально жирным выделил, что уроки предназначены для НАЧИНАЮЩЕГО ВЕБ-МАСТЕРА. Именно такова аудитория моего блога и поэтому я затронул основы (PHP, базовые функции WP и совместил логику отображения с бизнес-логикой).

    Видеоуроки просто не для Вас. Вам нужно читать мануали. Если бы я делал публикацию для профессионалов, то написал бы статью.

    Это тоже самое, что выпускник школы будет критиковать букварь за объяснение и так всем понятных вещей.

    План видеоурока — это нужная вещь. Но, поскольку видео бесплатное, я делал его на лету без длительного планирования.

    Постойте, Андрей.
    Вы считаете, что человек, которому вы рассказываете о том, как работать с массивом $_POST, действительно поймет все остальное? Я вообще сомневаюсь, что он задастся вопросом написания плагина для WP.

    Работа с формами — это основа основ. Если читатель этого не знает, то все остальное для него — филькина грамота. Это все одно, что рассказывать человеку о том, как собрать автомобиль, при этом отвлекаясь на объяснение предназначения аккумулятора.

    В общем-то, конечно, ваше право, о чем писать. Жаль, что не увидел в уроках того, что искал.

    Да, я считаю, что человек, который поймет как работает POST и цикл, поймет и все остальное. Но вот если человек не понимает, как работает POST и цикл — отвалится на этом непонимании и дальнейшее повествование станет для него темным лесом.

    Это не мои выдумки — это принципы преподавания. Я работаю преподавателем в институте и прекрасно знаю, что в группе есть ребята, которым все понятно, а есть те, которые не знают основ. Понимающие могут прослушать основы еще раз, закрепив их в своем сознании, а те, у кого возникают сложности, с пониманием дела продолжат слушать более сложные вещи.

    А бывает другой подход — преподаватель гнет сложную линию и аудитория спит, за исключением 2-х человек, которые хоть что-то понимают. И это не есть хорошо.

    Еще раз повторюсь, КУРС ДЛЯ НАЧИНАЮЩИХ. Жаль, что Вы не увидели в букваре формул из физики… Но может быть их там и не должно было быть, может быть стоило открыть учебник физики для 11 класса?

    Создаем плагин для обратной связи с WordPress авторами

    WordPress — одна из самых популярных CMS в мире. Наиболее частым способом ее использования является создание персональных блогов. Но кроме того набирает популярность и создание коллективных блогов, где авторов несколько. Большинство авторов на таких блогах — эксперты в различных областях деятельности. И у пользователей появляется отличная возможность лично связаться с конкретным автором, задать им вопросы и научиться чему-то новому.

    Так что в этой статье я покажу вам, как на своем коллективном блоге организовать процесс обратной связи с авторами. Для этого нам понадобится создать свой плагин, который отображает информацию об авторе и дает возможность с ним связаться. Итак, приступим.

    1. Создаем файл плагина

    Создание нового плагина будет достаточно простым. Просто перейдите в папку с плагинами внутри папки wp-content и создайте там подпапку с именем вашего плагина. В плагине создайте главный файл php. В нем в верхней части надо будет разместить информацию о новом плагине, эта информация будет использоваться для того, чтобы WordPress «опознал» плагин и включил его в секцию администрирования.

    Своему плагину я дал имя WP Webhost Author Info. Приведенный ниже код будет отображать информацию о плагине, которая нужна для включения его, и эту информацию надо добавить в заглавной части файла:

    Имя плагина (параметр Plugin Name) является обязательным, т.к. без него WordPress «не увидит» ваш плагин в списке доступных. Другие параметры, указанные в коде, являются опциональными. Но включение их улучшит работу и надежность плагина. Теперь перейдем от создания файла плагина к созданию блока с данными автора.

    2. Выводим информацию об авторе

    В блоке с данными автора надо включить фотографию автора, имя автора и его краткие данные. Давайте посмотрим, какие встроенные функции нам понадобятся, чтобы собрать всю эту информацию, обработать ее и вывести для конкретного поста.

    В WordPress есть функция get_the_author_meta, которая используется для вывода любой информации о пользователе. Давайте посмотрим на то, как выглядит наша функция, выводящая данные об авторе поста:

    • Я назвал эту функцию wpwh_get_author_information. В одном блоге можно завести много плагинов для вывода информации. Так что функции, переменные, классы с одинаковым названием могут конфликтовать между собой. Всегда лучше присвоить каждой из них отдельный префикс. Я использовал wpwh в качестве такого префикса.
    • HTML-код блока с информацией автора хранится в переменной $wpwh_html.
    • Фото автора мы получим при помощи функции get_avatar. Email автора и размер отображения картинки в пикселях передаются этой функции. А функция совмещает данные с картинкой, полученной с gravatar.com, на основе адреса электронной почты.
    • Далее имя и фамилию сводим воедино с помощью функции get_the_author_metа.
    • Потом описательным параметром задаем запрос на извлечение информации об авторе в разделе «Биография».
    • И, наконец, вся собранная информация выдается в формате HTML, как при этом работает наша основная функция — я расскажу вам чуть позже.

    3. Включаем отображение недавних постов конкретного автора

    Закончив чтение интересной статьи, само собой, мы захотим узнать побольше о том, кто эту интересную статью написал. А еще мы вполне можем загореться желанием прочесть и другие статьи этого же автора или самые лучшие его публикации. Так что такую информацию будет нелишним внести в авторский профиль. Для этого у нас обычно используются рубрики вроде «Последние записи» и «Популярные записи». Добавить к ним автора будет отличным решением.

    Для этого в базе данных постов надо будет создать следующую функцию, выбирающую посты конкретного автора:

    Приведенный выше код будет задавать запрос на выведение подборки недавних постов от конкретного выбранного автора.

    Я приведу разъяснения к каждой секции кода, т.к. здесь есть некоторые классные моменты, о которых вам будет полезно знать.

    3.1. Создаем запрос на посты WordPress

    Вы можете использовать функцию get_posts для запроса подборки постов по ряду конкретных параметров. В массиве параметров я задавал условия как параметр author (для выбора конкретного автора), post__not_in для исключения текущего поста и posts_per_page для выведение только 5 постов на странице. Другие параметры и условия вы можете найти в WordPress Codex .

    3.2. Размещаем картинки предпросмотра для постов

    Вы можете загрузить изображение, которое будет отображаться вместе с постом в секции предпросмотра и сопровождающих картинок после создания поста. Для этого нужна функция get_the_post_thumbnail — она позволяет выбирать для предпросмотра картинки разного размера. Больше подробностей по работе этой функции — get_the_post_thumbnail.

    Теперь посмотрим на полный вариант кода, который упоминался ранее.

    • Посты получены из общей массы публикаций при помощи функции get_posts и для каждого задан цикл.
    • Внутри цикла мы проверяем, есть ли сопровождающая картинка для поста с помощью функции has_post_thumbnail. Изображение по умолчанию назначается для поста в том случае, если в публикации нет собственного заглавного изображения.
    • Мы используем функцию get_the_post_thumbnail для получения изображения и создания простого контейнера div, который будет включать все выбранные посты.

    4. Указываем контактные данные автора для связи с ним

    Здесь начинается наиболее важная часть плагина, поскольку с помощью него в конечном итоге мы должны связываться с автором для прямого общения и обмена опытом. Важно учесть, что не все пользователи-авторы захотят, чтобы с ними контактировали напрямую. Так что придется предусмотреть опцию, благодаря которой автор может сам решить, хочет ли он, чтобы ему писали, или нет.

    4.1. Настраиваем авторский профиль в WordPress

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


    Есть 2 параметра под названием show_user_profile и edit_user_profile, которые относятся к созданию профиля и редактированию его отображения на экране. Каждый раз, когда используется один из таких параметров, мы вызываем функцию wpwh_email_preferences, генерирующую настраиваемые поля:

    Мы должны использовать настраиваемое значение параметра meta для пользователя, чтобы сохранить в настройках электронный адрес автора. Я определяю эту настройку ключом wpwh_email_contact, он хранится в таблице wp_usermeta. Чуть подробнее остановимся на разъяснении кода.

    • Сначала мы проверяем значение для wpwh_email_contact. По умолчанию оно будет пустым.
    • Потом мы создаем соответствующий HTML для отображения в поле.
    • Checkbox мы используем для того, чтобы выбрать параметр: разрешить контакт с автором или нет.

    Теперь у нас есть настраиваемые поля для опций контактного блока, давайте посмотрим, как мы можем сохранить их значение после создания авторского профиля либо его модификации:

    Как мы и раньше делали, здесь есть 2 параметра для вызова функции после создания профиля или его изменения:

    Мы вызываем функцию wpwh_save_email_preferences после каждого обновления профиля. Сначала проверяем, есть ли у текущего пользователя права на модификацию своего профиля. А потом записываем мета-параметр в базу данных после обновления.

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

    4.2. Создаем форму для отправки электронных писем

    Нам надо создать простую форму для отправки писем. Изначально она не должна быть видимой. После того, как читатель кликнет на ссылку «Связаться с автором«, эта форма и должна появляться на странице. У пользователей при этом не будет возможности увидеть форму для тех авторов, которые решили отключить отправку и получение писем.

    4.3. Настраиваем скрипты и стили

    Чтобы добавить ajax, нам нужны функции jquery. Эта секция будет посвящена тому, как правильно включить скрипты и стили в вашем плагине для связи с авторами.

    Есть параметр wp_enqueue_scripts, он используется в скриптах и стилях. Поскольку jquery встроен в WordPress, нам надо включить его, используя wp_enqueue_script(‘jquery’)

    Для настраиваемых скриптов нам надо указать уникальное имя и путь к файлу js так, как было продемонстрировано выше.

    Стили можно включить с использованием функции wp_enqueue_style.

    4.4. Добавляем совместимость с Ajax

    Ajax включается при помощи некоторых специальных функций. Давайте добавим его функциональность к нашей форме связи при помощи электронной почты:

    WordPress предоставляет 2 параметра: wp_ajax и wp_ajax_nopriv. Вам следует указать имя для действия и функцию вызова этого действия так, как было показано выше. Вошедшие под своим логином пользователи, используют wp_ajax, a остальные могут применять wp_ajax_nopriv.

    Итак, создаем функцию отправки email:

    Эта функция говорит сама за себя. Мы просто добавляем значения электронной почты в форму при помощи $_POST и отправляем письмо с помощью функции wp_mail.

    4.5. Завершаем работу над новым плагином

    Я объяснил вам функции плагина и процедуру их использования. Плагин включает файл js под названием functions.js, который используется для валидации электронного адреса в форме и создания ajax-запроса. Посмотрите на сам файл functions.js — и вы легко поймете структуру кода.

    Теперь вернемся к результатам, полученным от всех функций. Давайте используем их в основной функции, чтобы завершить работу над плагином:

    • Блок с информацией об авторе отображается для каждого поста. Так что я использовал фильтр the_content, который вызывается после того, как загрузится сам пост в блоге.
    • Мы включаем блок об авторе только в подробностях о посте на странице публикации. Так что для проверки и подтверждения я использовал функцию is_single.
    • Затем мы вызываем все остальные функции, описанные выше, и добавляем код HTML в конце поста.

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

    Источник: WPWebHost.com

    Насколько полезным был этот пост?

    Нажмите на звезду, чтобы оценить этот пост!

    Средний рейтинг: / 5. Количество голосов:

    Пока нет голосов! Будьте первым, кто оценит этот пост.

    Как создать сайт на WordPress: полное руководство для новичков – установка, настройка, работа с сайтом

    Время чтения: 27 минут Нет времени читать? Нет времени?

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

    Почему WordPress – что это такое и 5 причин его использовать для сайта или блога

    WordPress – это самая распространенная, на сегодняшний день, CMS . По данным независимого агентства Web Technology Surveys за сентябрь 2020 года, этот движок используется в 34,6 % сайтов или 64,1 % из тех, что сделаны на основе CMS. Для сравнения, в 2015 году на WordPress работало лишь 24 % ресурсов с CMS. Вот главные причины его успеха:

    Бесплатный «движок» CMS WordPress распространяется по открытому лицензионному соглашению (GNU GPL). Вы можете свободно использовать этот продукт в любых целях, включая коммерческие.

    Как выбрать движок для сайта?

    Практически неограниченные возможности С помощью WordPress можно создать интернет-магазин, личный блог, корпоративный сайт, информационный портал, отраслевой ресурс, галерею мультимедиа. Гибкая настройка внешнего вида и функциональности Владельцам сайтов на WordPress доступны платные и бесплатные шаблоны, с помощью которых можно кастомизировать внешний вид. А с помощью плагинов можно решать технические задачи, обеспечивать необходимую функциональность сайта. Простота администрирования Чтобы работать с WordPress, не нужны специальные знания. Принципы работы с движком понятны на интуитивном уровне. Возможность создать сайт и опубликовать первый контент в течение 5 минут Конечно, нужно потратить гораздо больше времени, чтобы превратить шаблонный продукт во что-то новое и интересное. Но на установку действительно требуется не больше 5 минут.

    WordPress используют Sony Music, The New Yorker, Reuters, TechCrunch, Республиканская партия США, Fortune и многие другие крупные СМИ, корпорации и организации. Черт, даже Rolling Stones и Snoop Dogg оценили этот движок.

    Ну что, решили сделать сайт на WordPress? Тогда переходим к пошаговому руководству.

    Шаг № 1: как выбрать хостинг и зарегистрировать домен

    Для некоммерческого проекта платить за хостинг не обязательно, особенно на первых порах. Делиться фотографиями котиков или вести дневник бодибилдера можно, например, на бесплатной платформе wordpress.com. Но если у вас коммерческий проект, например, тематический блог или корпоративный сайт, и вы планируете зарабатывать с его помощью – выбирайте платный хостинг.

    Что такое хостинг? Как выбрать хостинг?

    Чтобы выбрать хостинг-провайдера, посмотрите это видео или изучите гайд в блоге «Текстерры». Если на это совсем нет времени, можете обратиться, например, в Reg.ru, Beget или «Айхор». Качество их услуг вполне на уровне.

    Зарегистрировать домен вам также поможет хостер. Достаточно придумать доменное имя, убедиться, что оно свободно, и оплатить регистрацию.

    Следующие рекомендации помогут выбрать удачное доменное имя:

    • Выбирайте доменное имя, частично или полностью совпадающее с названием сайта. Например, для сайта «Одноклассники» хорошие доменные имена – odnoklassniki.ru или ok.ru. Понятно, что имя vk.com этому ресурсу не подходит.
    • Используйте максимально короткое доменное имя. Владельцам смартфонов сложно ввести в строку браузера длинный адрес. Поэтому лучше использовать имя vk.com, чем vkontakte.ru.
    • Убедитесь, что выбранный адрес сайта легко запоминается и имеет смысл. Как вы поняли, владельцы «Одноклассников» не случайно выбрали короткое название ok.ru, а не ass.ru, простите за грубый пример.

    Выбор доменной зоны не влияет на технические характеристики ресурса или позиции в поисковой выдаче. Однако теоретически этот параметр может влиять на доверие аудитории. При прочих равных пользователи охотнее верят сайтам с адресом vasya-pupkin.ru или vasya-pupkin.com, чем ресурсам типа vasya-pupkin.wordpress.com или vasya-pupkin.blogspot.com. Поэтому для коммерческих проектов старайтесь выбирать домены верхнего уровня, например, .com, .info, .org, .net, .ru, .ua, .by и т.п. Обратите внимание на появившиеся недавно домены первого уровня, например, .club, .guru, .ninja, .expert и другие.

    Шаг № 2: как установить WordPress своими руками

    После покупки хостинга и регистрации доменного имени установите WordPress. Обратите внимание, некоторые хостинг-провайдеры предлагают тарифные планы с предустановленной CMS. Если вы выбрали один из них, сразу переходите к третьему шагу руководства. Если вы приобрели хостинг без установленного движка, следуйте инструкциям:

    Перейдите на сайт WordPress и скачайте дистрибутив.

    С помощью FileZilla или другого FTP-клиента загрузите файлы WordPress в корневую папку или в субдиректорию. В корневой папке находится файл index.html. Чтобы создать субдиректорию, нужно поместить папку с файлами сайта в корневой каталог. В первом случае сайт будет доступен по адресу www.vash-site.ru. Во втором случае вы установите WordPress на существующий сайт. Он будет доступен по адресу www.vash-site.ru/wordpress/.

    Установите WordPress. Для этого откройте ссылку на сайт в браузере. Укажите информацию для подключения к базе данных. Их должен предоставить хостинг-провайдер.

    Заполните необходимую информацию: укажите название сайта, имя пользователя, пароль, электронную почту. Укажите, могут ли поисковые системы индексировать ресурс.

    Если все сделано верно, увидите следующее сообщение (см. иллюстрацию).

    По основному URL должен открываться сайт.

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

    Шаг № 3: выберите подходящую тему для WordPress

    Дизайн-шаблон или тема WordPress отвечает за внешний вид и функциональность ресурса. Иными словами, с помощью темы вы можете кастомизировать сайт на стандартном движке. Выбрать подходящую тему помогут следующие вопросы и ответы:

    – Лучше выбрать бесплатную или платную тему?

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

    – Какая тема лучше: русскоязычная или англоязычная?

    Это не имеет значения, так как после изучения этого руководства вы сможете русифицировать любую тему. Понадобится немного времени и базовые знания английского.

    – Как найти подходящий шаблон в каталоге?

    Воспользуйтесь фильтром в каталоге тем. Отметьте нужные опции и примените фильтр. Еще один вариант: используйте дизайн-шаблон из подборки «Текстерры».

    – Как установить тему WordPress?

    Есть два способа. Первый: в админке выберите раздел «Внешний вид – Темы». Нажмите кнопку «Добавить новую».

    Найдите нужную тему по названию или с помощью фильтра характеристик.

    Наведите курсор на выбранную тему и нажмите кнопку «Просмотреть». Движок включит режим предпросмотра. Если внешний вид сайта вас устраивает, установите и активируйте тему.

    Второй способ: скачайте дистрибутив выбранной темы на компьютер. Это должен быть архив в формате .zip. В разделе админки «Внешний вид – Темы – Добавить новую» загрузите и установите шаблон. После загрузки активируйте его.

    Вы установили и активировали понравившийся шаблон. Теперь можно приступить к настройке.


    Шаг № 4: как настроить сайт на CMS WordPress и тему (шаблон)

    На этом этапе необходимо уделить внимание базовым настройкам системы управления контентом, которые доступны без установки дополнительных плагинов. Также следует настроить тему. Обратите внимание, настройки шаблонов отличаются. Помните, если вы выбрали англоязычную тему, ее необходимо русифицировать (об этом ниже).

    Настраиваем CMS WordPress

    Войдите в административную панель WordPress и выберите меню «Настройки». Укажите необходимые данные в каждом разделе настроек.

    В разделе «Общие» укажите название и краткое описание сайта. Эта информация будет отображаться для пользователей. В полях «Адрес WordPress» и «Адрес сайта» укажите URL ресурса. Выберите часовой пояс, формат даты, язык сайта. Оставьте поле «Членство» пустым, так как на первом этапе развития сайта на нем захотят регистрироваться только боты и злоумышленники.

    В разделе «Написание» выберите необходимые параметры. В начале работы подойдут дефолтные настройки форматирования, главной рубрики и формата записей. Если хотите публиковать заметки через электронную почту, введите необходимые данные: адрес сервера, порт, логин и пароль. Однако новичкам лучше публиковать посты в административной панели WordPress.

    Обязательно укажите хотя бы один надежный сервис слежения за обновлениями в разделе «Сервисы обновления». В этом случае движок будет автоматически уведомлять поисковые системы о публикации новых материалов. Например, выберите сервис http://rpc.pingomatic.com/. Сохраните изменения.

    Каждый раз при нажатии на кнопку «Обновить», оповещаются и выбранные сервисы. Чтобы домен не попал в списки ping-спамеров, есть плагин WordPress Ping Optimizer. Установите его и настройте частоту обмена данными об изменениях.

    В разделе «Чтение» укажите, что должно отображаться на главной странице сайта. Если создаете блог, на главной должны быть последние записи. Для сайта со статическими страницами, в качестве главной выберите одну из них и создайте отдельную страницу «Блог», на которой будут отображаться посты. Посмотреть, как это выглядит, можно на сайте проекта TeachLine.

    Укажите, сколько записей отображать на одной странице и в лентах RSS. Выберите отображение в ленте анонсов статей. Если по какой-то причине не хотите, чтобы поисковики начали сразу индексировать сайт, установите галочку в соответствующем поле. Позже ее можно будет убрать.

    В разделе «Настройки обсуждения» выберите подходящие параметры. В большинстве случаев подойдут дефолтные настройки. Уделите внимание полям «Модерация комментариев» и «Черный список». Можете указать признаки, по которым комментарии будут перед публикацией поставлены в очередь на модерацию или окажутся в списке «Спам». Эти настройки сработают, если вы пользуетесь дефолтными комментариями WordPress.

    В разделе «Медиафайлы» оставьте настройки по умолчанию.

    В разделе «Постоянные ссылки» выберите структуру ссылок на ваши материалы. Например, ссылка может включать название поста и дату публикации или только название поста. Также можете добавить префиксы для ссылок на категории.

    Как настроить тему WordPress

    Каждый шаблон имеет собственные настройки. Описание настроек дефолтной темы Twenty Nineteen поможет понять закономерности и настроить выбранный шаблон.

    В консоли WordPress выберите меню «Внешний вид – Настроить». Откроется страница настройки темы или кастомайзер. Доступные пункты настройки можно увидеть в меню в левой части экрана.

    В разделе «Свойства сайта» загрузите логотип, укажите название и краткое описание сайта, добавьте фавикон .

    В разделе «Цвета» выберите цветовую схему шаблона, а также цвет фильтра закрепленного фото.

    В разделе «Меню» настройте меню сайта. Нажмите кнопку «Создать меню».

    Укажите название и область меню.

    Добавьте в меню нужные страницы и нажмите кнопку «Опубликовать».

    В разделе «Виджеты» добавьте на сайт виджеты. Обратите внимание, что в 2020 году в дефолтной теме WordPress снова появился сайдбар. Если он вам не нужен, просто удалите боковые виджеты.

    Как русифицировать тему WordPress

    Русифицировать тему удобно с помощью бесплатной программы Poedit. Скачайте и установите ее на компьютер, а затем загрузите с вашего сайта на компьютер языковые файлы выбранного шаблона с помощью FTP-клиента, например, FileZilla. Также это можно сделать с помощью плагинов, например, File Manager. Если вы его установили, действуйте по следующему описанному ниже алгоритму.

    В консоли выберите меню FileManager – Configuration. Настройте конфигурации, как указано на иллюстрации.

    В меню FileManager – FileManager выберите папку wp-content – themes.

    Выберите папку темы, которую хотите русифицировать. В ней откройте папку languages.

    Скачайте на компьютер файлы en.mo и en.po. Если таких файлов нет, скачайте на компьютер файл с расширением .pot.

    Откройте программу Poedit и выберите опцию «Создать новый перевод».

    Откройте файл перевода и укажите код языка.

    Приступайте к переводу. В поле «Исходный текст» программа отображает текст на английском языке. В поле «Перевод» нужно добавить текст на русском.

    Сохраните перевод. Программа загрузит на жесткий диск вашего ПК два файла: ru_Ru.mo и ru_RU.po. С помощью функции Upload files загрузите файлы в папку languges вашего шаблона.

    Вы русифицировали шаблон.

    Вместо программы для ПК Poedit можно использовать плагин Loco Translate. После установки и активации надстройки интерфейс для перевода шаблонов появляется в админке сайта. Он тоже работает с языковыми файлами .po и .mo вашей темы, но все делается прямо в браузере.

    Шаг № 5: решаем практические задачи с помощью плагинов для WordPress

    Плагины – одна из болезней начинающих владельцев сайтов на WordPress. Едва зарегистрировав ресурс, новички ищут статьи типа «100 лучших плагинов для WordPress» и устанавливают десятки расширений. Это может замедлить сайт.

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

    Пользуйтесь плагинами с осторожностью и устанавливайте только самые необходимые. С помощью плагинов можно сделать следующее:

    • Обеспечить безопасность сайта.
    • Бороться со спамом.
    • Оптимизировать ресурс к требованиям поисковых систем.
    • Повысить функциональность и улучшить юзабилити.

    Как с помощью плагинов обеспечить безопасность сайта на WordPress

    Сайт подвергается двум глобальным угрозам. Первая – вы сами. Стремление к совершенству и инновациям может заставить вебмастера пойти на рискованные эксперименты с кодом и программами, которые могут привести к потере информации. Защититься от этого можно с помощью плагинов, создающих резервные копии сайта.

    Вторая угроза – несанкционированный доступ к ресурсу. Злоумышленники могут пытаться получить доступ к вашему сайту, чтобы установить на него вредоносный код или просто украсть его.

    Чтобы регулярно создавать резервные копии сайта, воспользуйтесь одним из перечисленных плагинов:

    • WP Database Backup – пока не переведен на русский;
    • BackUpWordPress – есть русская версия, но реже обновляется;
    • Backup and Restore WordPress – не русифицирован

    Чтобы установить выбранный плагин, войдите в меню «Плагины – Добавить новый». Введите название расширения в поле поиска в правом верхнем углу и нажмите «Ввод». Также вы можете скачать плагин с сайта разработчика и установить его с помощью функции «Загрузить плагин» в верхней части экрана административной панели.

    Нажмите кнопку «Установить». После установки активируйте плагин. Теперь настройте параметры резервного копирования. Выберите меню «Инструменты – WP DB BackUp». Нажмите Create New Database BackUp. Вы создали резервную копию по требованию.

    Настройте регулярное создание резервных копий по расписанию. Перейдите на вкладку Sheduler, включите автоматическое создание резервных копий, выберите частоту создания архивов.

    На вкладке Destination включите автоматическое сохранение архива на Google Drive или отправку на электронную почту.

    Чтобы защитить сайт от несанкционированного доступа, воспользуйтесь плагином Loginizer Security. Надстройка надежно защищает сайт от взлома методом перебора или брутфорсинга.

    Как бороться со спамом на сайте WordPress

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

    Защититься от спама можно с помощью плагинов, например, Akismet или Antispam Bee. После установки Antispam Bee плагин работает в фоновом режиме. Обычно подходят дефолтные настройки, а если нужно что-то поменять, перейдите в меню админки «Настройки – Antispam Bee».

    Еще один хороший плагин, который использует технологию reCaptcha компании Google, называется Advanced noCaptcha & invisible Captcha. Теперь спам фильтруется с помощью искусственного интеллекта. Для настройки необходимо просто зарегистрировать свой сайт в Google, выбрать версию капчи и получить два ключа – обычный и секретный, чтобы использовать их с плагином.

    Как обеспечить SEO сайта на WordPress

    WordPress – SEO-дружественная CMS по умолчанию. Но есть задачи, без которых сайт нельзя считать полностью соответствующим требованиям поисковых систем. Вот они:

    • Создание и обновление карты сайта.
    • Канонизация URL.
    • Оптимизация title страниц.
    • Автоматическая генерация мета-данных страниц.
    • Блокирование индексации дублированного контента.
    • Создание микроразметки страниц.

    Чтобы решить эти задачи, вы установите по одному SEO-плагину из трех групп: программы для создания карты сайта, программы для технической оптимизации ресурса и программы для создания микроразметки. Для создания карты сайта используйте один из следующих плагинов:

    Установите и активируйте выбранный плагин, например, Google XML Sitemaps.

    Начинающим вебмастерам лучше оставить настройки по умолчанию. После активации плагин создал карту сайта, добавил ее адрес в файл robots.txt и приготовился уведомлять поисковые системы об обновлениях ресурса.

    Если вы считаете себя опытным вебмастером, можете изменить настройки плагина. В разделе «Дополнительные страницы» можно вручную включить в карту сайта URL, которые не были включены в нее автоматически. В разделе «Приоритет статьи» определите способ вычисления приоритетности индексирования контента. В разделах «Изменить частоты» и «Приоритеты» можете рекомендовать поисковым роботам наиболее приоритетные по вашему мнению типы контента.

    Для технической оптимизации ресурса воспользуйтесь одним из следующих плагинов:

    • All in One SEO Pack.
    • WordPress SEO by Yoast.

    Установите и активируйте выбранный плагин, например, All in One SEO Pack. Используйте настройки по умолчанию, если вы только знакомитесь с WordPress. Если считаете себя продвинутым веб-мастером, можете изменить некоторые настройки SEO-модуля. Для этого выберите меню All in One SEO в консоли движка.

    Обратите внимание на перечисленные ниже настройки.

    В разделе «Основные настройки» уберите флажок напротив пункта Use Schema.org Markup. Размечать страницу лучше с помощью отдельного плагина.

    Если в качестве главной используете страницу записей, в разделе «Настройки главной страницы» укажите title, description и keywords. Если в качестве главной используется статическая страница, установите флажок в поле «Включить».

    В разделе «Настройки для вебмастера» укажите код верификации ресурса в кабинете для вебмастеров Google. Для этого добавьте в «Инструменты для вебмастеров» новый ресурс, выберите альтернативные методы верификации. Скопируйте часть кода HTML, указанную на иллюстрации.

    Вставьте ее в поле «Инструменты вебмастера Google» на странице настройки плагина.

    Сохраните параметры плагина. В кабинете для вебмастеров нажмите кнопку «Подтвердить».


    Для разметки страниц воспользуйтесь одним из следующих плагинов:

    Связка WPSSO и WPSSO JSON Первый плагин базовый, а второй представляет собой расширение. С помощью базового решения на сайт можно добавить разметку Open Graph. С помощью второго с помощью JSON-LD реализуется разметка Schema.org. WP SEO Structured Data Schema С помощью данного плагина на сайт можно добавить несколько типов разметки Schema.org, включая Article, BlogPosting и Review. Разметка реализуется с помощью JSON-LD. Плагин Schema App С помощью этой программы на сайт можно добавить разные типы разметки Schema.org. Она реализуется через JSON-LD. Бесплатная версия поддерживает базовые типы разметки. Также для разметки можно использовать онлайн-генератор, если вы хорошо понимаете базовые принципы разметки Schema.org.

    Установите и активируйте плагины WPSSO и WPSSO JSON. В консоли на странице настроек плагинов в разделе Essential Settings укажите информацию о сайте, а также сведения для разметки Open Graph. Не меняйте другие настройки.

    Перейдите в раздел Schema Markup. В полях Organization Logo Image URL и Organization Banner URL укажите URL логотипа и баннера сайта. Эти изображения могут использоваться на странице поисковой выдачи.

    С помощью выпадающего меню выберите базовый тип разметки для страницы записей блога, статической главной страницы. Вам нужны следующие типы: Blog и Website соответственно.

    Выберите тип разметки для страниц публикаций, статических страниц и страниц медиафайлов. Для страниц записей подходят типы разметки Article и BlogPosting. Выбор зависит от формата публикаций в блоге.

    Тип разметки BlogPosting – производное Article. Кроме BlogPosting, к частностям Article относится тип разметки News Article или «Новость». То есть BlogPosting содержит все семантические данные разметки Article.

    Используйте тип BlogPosting, если публикуете небольшие заметки, личные наблюдения и впечатления, как в «Живом Журнале». Тип Article больше подойдет для обзоров, аналитических статей, руководств, как в блоге «Текстерры». Для статических страниц и страниц медиафайлов нужно указывать тип WebPage.

    После сохранения настроек плагин будет автоматически добавлять на страницы сайта выбранный тип разметки. В том числе семантические данные появятся на существующих страницах. Убедиться в этом можно с помощью инструмента проверки структурированных данных Google.

    Что делать, если вы публикуете материалы разного типа: лонгриды, небольшие заметки и новости? В этом случае для каждой публикации лучше выбрать подходящую разметку. Вместо надстройки WPSSO JSON воспользуйтесь плагином WP SEO Structured Data Schema.

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

    Недостаток плагина – необходимость размечать каждую публикацию вручную. А к преимуществам можно отнести поддержку дополнительных типов разметки, например, Review, Product и Aggregate Ratings. Бесплатная версия WPSSO JSON не поддерживает эти типы.

    Между прочим, TexTerra занимается комплексным продвижением в интернете. Помимо SEO, услуга включает работу по разным направлениям: SMM, контент- и видеомаркетинг, email-рассылки и др. На сегодняшний день не существует более эффективного метода для бизнеса.

    Как повысить функциональность и юзабилити ресурса

    Повышать функциональность и юзабилити можно и нужно постоянно. Мы уже говорили, что некоторые владельцы сайтов на WordPress так увлекаются этим процессом, что устанавливают десятки и даже сотни плагинов. Чтобы избежать этой ошибки, начинайте повышение функциональности и улучшение юзабилити не с плагинов, а с определения проблем и задач, которые требуется решить.

    Например, если нужен интернет-магазин, найдите плагины для электронной коммерции. Если считаете, что стандартная система навигации недостаточно удобна для пользователей, найдите плагины, с помощью которых можно добавить на страницы сайта хлебные крошки и ссылки на похожие материалы. Также с помощью плагинов можно сделать форму быстрой связи с владельцем сайта, вывести в сайдбаре список самых активных комментаторов, показать посетителям форму подписки и решить другие задачи.

    Например, если хотите создать интернет-магазин на WordPress, найдите плагины для электронной коммерции. Если считаете, что стандартная система навигации недостаточно удобна для пользователей, найдите плагины, с помощью которых можно добавить на страницы сайта хлебные крошки, а также ссылки на похожие материалы. Также с помощью плагинов можно добавить форму быстрой связи с владельцем сайта, вывести в сайдбаре список самых активных комментаторов, демонстрировать посетителям форму подписки и решать другие задачи.

    Начните улучшение юзабилити с латинизации URL сайта. Обратите внимание на ссылку, которую CMS генерирует по умолчанию. В ней есть кириллические буквы.

    Скопируйте URL и вставьте его в комментариях на сайте или в текстовом редакторе.

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

    Эту проблему можно решить с помощью WP Translitera или аналогичного плагина. Для этого достаточно установить и активировать выбранный модуль.

    Добавьте на страницы кнопки шеринга социальных сетей. Эту задачу можно решить разными способами. Например, установите и активируйте плагин Head, Footer and Post Injections. Это полезная надстройка: с ее помощью можно добавлять произвольный код на все или отельные страницы сайта.

    Выберите сервис шеринга, например, Pluso. Настройте блок «Поделиться» и скопируйте предложенный системой код. В админке сайта перейдите в меню «Настройки – Header and Footer». Откройте вкладку Posts. Вставьте код после или перед публикацией.

    Сохраните изменения, проверьте, как отображаются кнопки.

    Шаг № 6: как установить коды сервисов аналитики и подключить сайт к кабинетам для веб-мастеров

    Обозначенная в подзаголовке задача решается разными способами. Например, при установке плагина All in One SEO Pack вы уже подключили ресурс к кабинету для вебмастеров Google. Подключить сайт к «Вебмастеру», «Метрике» и Google Analytics поможет установленный ранее плагин Head, Footer and Post Injections.

    Зарегистрируйте сайт в указанных сервисах. Инструкции по регистрации можно найти в гайдах «Текстерры» по «Яндекс.Вебмастеру», «Метрике» и Google Analytics.

    После регистрации в сервисах скопируйте коды отслеживания или теги верификации и вставьте их на сайт. Для этого перейдите по вкладке Head and footer на странице настроек плагина.

    Подключить любой внешний сервис можно с помощью диспетчера тегов Google. Код Tag Manager нужно установить в разделы head и body каждой страницы сайта с помощью Head, Footer and Post Injections. О работе с диспетчером тегов можно прочитать в нашем руководстве.

    Шаг № 7: как создавать страницы и записи на сайте под управлением WordPress

    Начиная с пятой версии в WordPress, по умолчанию используется плагин Gutenberg. Это блочный редактор, который очень похож на визуальные редакторы конструкторов страниц.

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

    Новый редактор интуитивно понятный, поэтому работать с ним легко. Подробнее об этом можно почитать в подразделе о создании статической страницы, а про классический – в разделе о создании публикаций.

    Как создать статическую страницу

    Придерживайтесь описанного ниже алгоритма.

    Выберите меню «Страницы – Добавить новую».

    Добавьте заголовок страницы. Затем следуйте подсказкам редактора. Пишите текст или нажмите на значок «Плюс», чтобы добавить блок контента.

    Например, чтобы вставить фотографию, выберите соответствующий блок.

    Выберите источник фото и положение картинки на странице.

    В Gutenberg доступны десятки вариантов блоков. Например, кнопки, произвольный код, встраивание публикаций из социальных сетей и так далее. Их можно использовать для оформления вашего блога.

    После редактирования опубликуйте страницу.

    Проверьте корректность отображения контента. Если нужно, отредактируйте страницу.

    Как создать публикацию

    Создание публикации рассматривается на примере классического редактора. С пятой версии WordPress, его придется установить как отдельный плагин. Конечно, как и для страниц, можно использовать новый «Гутенберг», но он не настолько гибкий.

    Чтобы добавить запись, выберите меню «Записи – добавить новую».

    Большинство шаблонов поддерживает несколько форматов записи. Выберите подходящий.

    Выберите подходящую рубрику для публикации. Чтобы создать рубрику, воспользуйтесь соответствующим меню.

    Классический редактор поддерживает два формата редактирования: визуальный или WYSIWIG и «Текст» с возможностью использовать HTML. Выберите подходящий. Добавьте заголовок и контент.

    Укажите title и description, выберите изображение записи. Опубликуйте страницу.

    Приступайте к самому главному

    Вы создали и настроили сайт на WordPress и научились публиковать контент. Теперь вас ждет самая тяжелая и ответственная работа. Чтобы сайт был эффективным, вы должны регулярно создавать качественный и полезный для аудитории контент. Возможностей «движка» достаточно для реализации практически любого проекта: от информационного ресурса до интернет-магазина.

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

    Сложно, не получается или просто нет времени? Делайте то, что умеете лучше, а профессиональное создание сайта на WordPress доверьте специалистам «Текстерры».

    Плагины для создания форм на WordPress

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

    stepFORM

    stepFORM — WordPress плагин для создания форм любой сложности на базе визуального конструктора. В нем есть встроенная защита от спама, сбор ответов на email и CRM, интеграция с Google Analytics и Яндекс.Метрика, расчет стоимости по формулам, прием оплат на PayPal, Wallet One, Яндекс.Деньги и Яндекс.Касса, использование формы по ссылке в соцсетях и многое другое.

    uCalc

    uCalc — популярный плагин WordPress для создания форм расчетов различной степени сложности. Плагин отлично подойдет для форм, в которых необходимо не только получать информацию от посетителей сайта, но и производить автоматические расчеты по формулам или принимать оплаты клиентов за продажу товаров или услуг. Плагин подключается в несколько кликов и не требует знаний программирования. Добавление формы расчета происходит при редактировании страницы или публикации.

    Contact Form 7

    Contact Form 7 — один из самых популярных плагинов для создания форм на WordPress. С помощью этого плагина вы можете очень гибко настраивать содержимое форм и настраивать отправку данных на почту. Формы включают в себя ajax отправку, а также Captcha и Akismet против спама.

    WPForms

    WPForms позволяет создавать красивые формы обратной связи, формы подписки, формы оплаты и другие формы для вашего сайта в считанные минуты. WPForms будут отлично смотреться на всех устройствах (мобильных, планшетных, портативных и настольных).

    Ninja Forms

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

    Form Maker

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

    Caldera Form

    Caldera Form — это бесплатный и мощный плагин для WordPress, который создает адаптивные формы с помощью простого визуального редактора. Плагин имеет множество бесплатных удобных дополнений как для начинающих, так и для веб-разработчиков. Антиспам, AJAX, электронные письма с уведомлениями и отслеживание записей в базе данных включены по умолчанию.

    Visual Form Builder

    Visual Form Builder — это плагин, который позволяет вам создавать и управлять всеми видами форм для вашего сайта в одном месте. Создание полнофункциональной контактной формы занимает всего несколько минут, и вам не нужно писать ни капли PHP, CSS или HTML.

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

    Создание простого CRM плагина для WordPress ч.1

    Итак, я начинаю цикл постов посвященных созданию простой и достаточно функциональной CRM в виде плагина для CMS WordPress. В каждом посте я буду описывать шаг за шагом создание CRM и в конце концов у нас должна получиться полностью функционирующая CRM.

    Зачем создавать очередную CRM для WordPress?

    На этот вопрос я могу дать несколько ответов:

    1. Создание CRM это очень хороший повод потренироваться в создании плагинов на WP;
    2. Создаваемая CRM будет полностью Ваша и именно с тем функционалом который Вы захотите.

    На втором пункте я бы хотел остановиться и добавить, то что можно скачать кучу CRM плагинов, но все они в большинстве тяжелые, кривые и порой с ненужным функционалом. Кроме этого все crm под WordPress идут как правило, в обрезанном виде, а за полную версию нужно отдавать деньги – такой расклад меня никак не устраивает.

    Понравилась статья? Поделиться с друзьями:
    Все языки программирования для начинающих