Coma Web Development разрабатывает сайты на WordPress c 2010 года. В блоге мы делимся некоторыми наблюдениями из жизни, советами и рекомендациями для тех, кто решит сделать сайт на WordPress самостоятельно.

email

Как отключить автоматические уведомления об обновлениях по e-mail

/от

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

Об автоматических обновлениях в WordPress

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

WordPress

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

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

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

Способ 1. Отключаем уведомления с помощью плагина

Самый простой путь — использовать плагин, который управляет уведомлениями. Отлично с этим справляется Manage Notification E-mails. После этого в админке появится раздел Settings → Notification e-mails, где можно выбрать, какие письма WordPress будет отправлять, а какие отключить. Например, вы можете отключить уведомления об успешных автоматических обновлениях ядра, плагинов и тем. При этом письма об ошибках обновлений всегда будут отправляться администраторам, чтобы вы не пропустили возможные проблемы.

WordPress

Для централизованного управления обновлениями и уведомлениями удобно использовать Easy Updates Manager. После установки в меню появится раздел Dashboard → Update Options, где можно:

  • включать или отключать автообновления для ядра, тем и плагинов;
  • выбрать, какие уведомления будут приходить на e-mail;
  • полностью отключить отправку писем после автоматических обновлений.

WordPress

Способ 2. Отключаем уведомления с помощью кода

Если вы предпочитаете не устанавливать лишние плагины, можно воспользоваться простым фрагментом кода. Добавьте его в файл functions.php вашей темы или в сниппет через плагин вроде Code Snippets:

add_filter( 'auto_core_update_send_email', 'wpb_stop_auto_update_emails', 10, 4 );
function wpb_stop_auto_update_emails( $send, $type, $core_update, $result ) {
    if ( ! empty( $type ) && $type == 'success' ) {
        return false;
    }
    return true;
}

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

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

Наша специальность — разработка и поддержка сайтов на WordPress. Контакты для бесплатной консультации — [email protected], +371 29394520

subscribe-to

Как настроить email-подписку на сайте WordPress с помощью MailPoet

/от

Email-подписка — отличный способ удержать внимание читателей и возвращать их на сайт каждый раз, когда появляются новые публикации. Существует много решений для email-подписок: Jetpack, Newsletter, FluentCRM и другие. В этой статье мы используем MailPoet. Он позволяет создавать формы подписки, управлять списками читателей и автоматически рассылать обновления.

Настройка MailPoet

После установки и активации плагина MailPoet, WordPress предложит пройти короткую настройку — нажмите Begin Setup и выполните три шага мастера.

WordPress

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

WordPress

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

WordPress

WordPress

После успешного подключения аккаунта вы увидите сообщение MailPoet account connected. Нажмите Start using MailPoet, чтобы сразу перейти к панели управления плагином.

Создание формы подписки

Создайте форму подписки через MailPoet → Forms → Add New Form. При создании формы можно выбрать готовый шаблон из библиотеки MailPoet или создать форму с нуля. Готовый шаблон уже содержит поле для email и кнопку «Подписаться», его можно редактировать с помощью drag-and-drop редактора, изменяя текст, цвета, кнопки и другие элементы. Если вы создаёте форму с нуля, добавляйте блоки вручную — поле для email, кнопку отправки, текстовые блоки и изображения, оформляя форму в соответствии с дизайном сайта.

WordPress

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

WordPress

В разделе Form Placement можно выбрать разные варианты отображения формы, например, поп-ап, slide-in или под страницей. В этом случае форма будет автоматически показываться в выбранной позиции на сайте.

WordPress

Если вы хотите использовать форму через шорткод, например, вставить её в виджет сайдбара или Gutenberg-блок, необходимо выбрать вариант Others (widget). Только тогда при редактировании формы появится шорткод, например [mailpoet_form id=»1″], который можно скопировать и вставить в нужное место на сайте.

WordPress

Для виджетов сайдбара используйте блок Shortcode или Custom HTML, вставив скопированный шорткод формы. Для Gutenberg-страниц просто добавьте блок MailPoet Form или вставьте шорткод напрямую.

Настройка автоматических писем о новых публикациях

В MailPoet можно создавать несколько типов писем: одиночные рассылки, автоматические уведомления о новых публикациях, приветственные письма для новых подписчиков и т.д. В этой статье мы будем использовать автоматическое письмо с уведомлением о последних публикациях (Latest Post Notifications). Для уведомления подписчиков о новых статьях сайта выберите этот тип письма (MailPoet → Emails → New Email → Latest Post Notifications).

WordPress

После того как вы выбрали создание нового автоматического письма, первым делом появится окно с вопросом “When to send this post notification email?” — здесь нужно указать, как часто MailPoet будет проверять новые публикации и отправлять письма. Например, можно выбрать Once a day at 12:00 am или Immediately after a new post is published. После выбора частоты нажмите Next.

Затем откроется экран выбора шаблона.

WordPress

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

На последнем шаге настройте параметры рассылки: укажите список получателей (Send to), частоту отправки (Select a frequency), имя и адрес отправителя (Sender). Если адрес не авторизован, нажмите Authorize it now. Здесь же можно задать параметры аналитики (Google Analytics Campaign) и адрес для ответов (Reply-to).

Когда всё готово, нажмите Activate, чтобы включить автоматическую рассылку. MailPoet будет отслеживать новые публикации сайта и отправлять уведомления подписчикам.

Заключение

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

Наша специальность — разработка и поддержка сайтов на WordPress. Контакты для бесплатной консультации — [email protected], +371 29394520

run

23 полезных трюкa как ускорить свой сайт на WordPress

/от

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

1. Выбирайте хороший хостинг

Выбор хостинга является, пожалуй, главным критерием успешности вашего сайта. Если у вас паршивый хостинг, то что бы вы не делали, это не поможет вам ускорить ваш сайт. Рекомендуем выбирать хостинги с поддержкой PHP 8+, HTTPS, SSD и встроенного кэширования. Мы советуем вам для начала попробовать SiteGround – этот хостинг находится в списке официально рекомендуемых WordPress’ом и известен высоким качеством предоставляемых услуг. Если финансы позволяют, то можете попробовать WPEngine, который может помочь с настройкой WordPress.

2. Пользуйтесь плагинами кэширования

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

Этот процесс может замедлить работу вашего сайта, когда несколько пользователей смотрят одну и ту же страницу. Решение проблемы это плагин кэширования. Вместо генерирования каждой страницы налету, плагин кэширования будет демонстрировать вашему пользователю кэшированную версию страницы. Мы рекомендуем WP Super Cache, WP Rocket или LiteSpeed Cache в качестве такого плагина.

3. Пользуйтесь CDN

Многие файлы на вашем сайте являются статичными: изображения, CSS и JavaScript. Эти файлы обычно не меняются. Однако когда браузер загружает вашу страницу, эти файлы могут помешать его отображению другим пользователям. CDN или content delivery networks решают эту проблему, предоставляя ваши файлы со своих серверов. Это освобождает место на сервере, делает сайт быстрее и улучшает опыт использования.

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

4. Оптимизируйте изображения

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

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

5. Пользуйтесь оптимизированными шаблонами

Подбирая шаблон для своего сайта, обратите особое внимание на его оптимизацию. Магазины премиум-шаблонов вроде StudioPress и Themify  предлагают шаблоны, которые не только отлично выполнены, но еще и оптимизированы для их быстрой работы. Лёгкие и хорошо оптимизированные темы обеспечивают быстрый рендер страниц. Рекомендуемые варианты: GeneratePress, Kadence, Astra.

6. Выбирайте быстрые слайдеры

Слайдеры могут замедлять сайт, особенно если они тяжёлые и используют много JavaScript. Для минимальной нагрузки лучше использовать блоки Gutenberg для слайдеров или лёгкие плагины, такие как Smart Slider 3, которые оптимизированы по скорости.

7. Используйте выдержки на главной странице и в архивах

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

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

WordPress

8. Делите длиннопосты на страницы

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

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

WordPress

9. Разбейте комментарии на страницы

Некоторые ваши посты соберут больше комментариев, чем другие. Если вы показываете все комментарии на одной странице, это увеличивает время загрузки. В WordPress есть встроенное решение и для этой проблемы. Просто зайдите в Settings → Discussion и отметьте ячейку Break comments into pages.

WordPress

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

10. Избавляйтесь от неиспользуемых плагинов

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

11. Обновляйте свой сайт

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

12. Не загружайте видео на WordPress

WordPress

Вы можете напрямую загружать видео на свой сайт WordPress и это автоматически отобразит их в плеере HTML5, но вам НИКОГДА не стоит этого делать. Размещение роликов будет стоить вам трафик и может раздуть размер ваших бэкапов, что усложнит восстановление сайта в случае непредвиденных обстоятельств. Лучше пользуйтесь специальными сервисами для хранения видео вроде Youtube, Vimeo, или облачными платформами вроде Cloudflare Stream, которые обеспечивают высокую скорость воспроизведения и не нагружают сервер.

13. Понизьте внешние запросы HTTP

WordPress

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

14. Уменьшите вызовы баз данных

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

Пример старого кода в шаблоне:

<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />

Здесь WordPress динамически вставляет тип страницы и кодировку текста. Но на практике почти всегда это будет text/html; charset=UTF-8.

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

<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

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

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

15. Оптимизируйте базу данных WordPress

Попользовавшись WordPress какое-то время, в вашей базе данных накопится много информации, которая вам скорее всего уже больше не понадобится. Это можно легко исправить при помощи плагина WP-Sweep или WP-Optimize, который позволяет почистить базу данных, удаляя лишнюю информацию, очищая ревизии постов, спам-комментарии и временные данные. Регулярная очистка базы данных ускоряет сайт и уменьшает размер бэкапов.

16. Ограничьте повторные редакции постов

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

define( ‘WP_POST_REVISIONS’, 4 );

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

17. Отключите хотлинкинг и личинг вашего контента

Некоторые сайты, занимающиеся воровством контента, автоматически создают посты с RSS фидов других WordPress сайтов. Поэтому мы советуем показывать только выдержки в RSS фидах. Однако есть сайты, где вручную копируется контент с вашего ресурса. Вместо прямой загрузки на свой сервер они показывают его через ваш сайт, а это уже влияет на скорость работы вашего сайта. Чтобы сторонние сайты не загружали ваши изображения напрямую, используйте правила в .htaccess или настройку через CDN:

#disable hotlinking of images with forbidden or custom image option
RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?yourdomain.com [NC]
RewriteRule \.(jpg|jpeg|png|gif)$ – [NC,F,L]

18. Пользуйтесь более быстрым плагином галерей

WordPress

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

Можно также использовать встроенные блоки Gutenberg, которые позволяют создавать галереи без лишнего JavaScript, минимизируя нагрузку на сайт и ускоряя его работу.

19. Используйте ленивую загрузку (Lazy Loading)

WordPress по умолчанию лениво подгружает изображения, то есть они загружаются только тогда, когда пользователь доскроллит до них, что ускоряет открытие страниц. Однако для видео, iframe и некоторых галерей, которые не используют встроенную ленивую загрузку, стоит подключить специальные плагины, например a3 Lazy Load или WP Rocket. Такой подход снижает нагрузку на сервер, ускоряет первую видимую загрузку страницы и делает сайт более комфортным для посетителей.

20. Оптимизируйте шрифты

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

21. Минимизируйте и объединяйте CSS и JavaScript

Множество отдельных CSS и JS-файлов увеличивает количество запросов к серверу и замедляет загрузку страниц. Минификация и объединение файлов позволяют уменьшить размер и количество запросов. Плагины вроде Autoptimize или функции WP Rocket могут автоматически объединять и сжимать скрипты и стили, ускоряя загрузку страниц и делая сайт более плавным для пользователя.

22. Контролируйте блоки Gutenberg и сторонние скрипты

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

Отдельные скрипты плагинов (CSS и JavaScript) также могут замедлять страницы, особенно если они загружаются на всех страницах, где не нужны. Чтобы уменьшить нагрузку, подключайте скрипты выборочно — только на тех страницах, где они реально используются. Для этого удобно использовать плагины Asset CleanUp или Perfmatters, которые позволяют выбрать, где загружать каждый скрипт.

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

23. Следите за Core Web Vitals

Показатели Core Web Vitals – это метрики скорости и интерактивности страниц, которые Google учитывает при ранжировании. Сюда входят: время загрузки основного контента, задержка взаимодействия и стабильность визуального контента. Используйте плагины для анализа и оптимизации, исправляйте большие блоки CSS/JS, оптимизируйте изображения и шрифты. Улучшение этих показателей делает сайт быстрее, удобнее и повышает позиции в поисковой выдаче.

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

Наша специальность — разработка и поддержка сайтов на WordPress. Контакты для бесплатной консультации — [email protected], +371 29394520

windows-search-magnifying-glass

Основы элемента Inspect Element

/от

Вам когда-нибудь хотелось временно отредактировать страницу, чтобы увидеть как она будет выглядеть в определенных цветах с определенными шрифтами и так далее?

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

Что такое Inspect Element или Developer Tools

Современные браузеры вроде Google Chrome, Mozilla Firefox, Edge и Safari имеют встроенные инструменты, которые позволяют веб-разработчикам отслеживать ошибки и редактировать элементы. Эти инструменты показывают HTML, CSS и код JavaScript, а также то, как браузер работает с этим кодом. С помощью этих инструментов вы можете посмотреть как ваш сайт будет выглядеть после ваших коррекций, при этом не внося изменения в сам сайт.

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

В этой статье мы рассмотрим его работу в Google Chrome, поскольку это наш любимый браузер.

Запуск инспектора и поиск кода

Вы можете запустить Инспектор кода с помощью сочетания клавиш Ctrl + Shift + I. В качестве альтернативы можете щелкнуть по любому месту страницы и выбрать его из меню браузера.

WordPress

Ваш браузер поделится на два окна, в нижнем из которых будет отображен исходный код. Код разработчика также поделен на два окна. Слева вы видите HTML, а справа – правила CSS.

WordPress

Слева вы видите HTML, а справа – правила CSS

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

WordPress

Выбранная область

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

Редактирование и отладка кода в Inspect Element

Оба окна в Инспекторе редактируемы. Вы можете дважды щелкнуть в любом месте и редактировать код.

WordPress

Вы также можете дважды щелкнуть и редактировать любые атрибуты и стили в окне CSS. Чтобы добавить свое правило щелкните по иконке с плюсиком или просто чуть ниже последнего правила.

WordPress

Как только вы внесете изменения в код, эти изменения мгновенно отобразятся в браузере. Но помните, что после обновления страницы (refresh или F5) все изменения, который вы сделали через Inspect Element исчезнут.

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

Легко находите ошибки у себя на сайте

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

WordPress

Например, если вы являетесь пользователем OptinMonster, который удивляется почему его optin не загружается, то вы можете с легкостью найти ошибку «your page slug does not match”. Если ваш sharebar не работал корректно, то вы можете заметить, что там есть ошибка JavaScript. Инструменты вроде Inspect Element и SupportAlly помогут вам получить более эффективную поддержку. Любая служба поддержки, куда вы будете обращаться с вашими вопросами, ценит клиентов, которые проявляют инициативу и предоставляют максимум деталей о проблеме.

И это лишь малая часть того, что можно сделать с таким мощным инструментом как Inspect Element. DevTools включают вкладки и инструменты, такие как Lighthouse для проверки производительности, SEO и Core Web Vitals, а также средства анализа сетевых запросов (Network) и профилирования производительности (Performance). Эти возможности помогают выявлять узкие места в скорости и структуре сайта, делая его быстрее и удобнее для пользователей.

Наша специальность — разработка и поддержка сайтов на WordPress. Контакты для бесплатной консультации — [email protected], +371 29394520

Как настроить push-уведомления на сайте WordPress 1

Как настроить push-уведомления на сайте WordPress

/от



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

Зачем вообще нужны уведомления?

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

WordPress

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

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

Настройка уведомлений с помощью OneSignal

OneSignal — это один из самых удобных сервисов для веб-уведомлений с бесплатным базовым планом. Он поддерживает различные устройства и браузеры, такие как Chrome, Safari, Firefox, Edge, Opera и другие, благодаря чему охватывает практически всю аудиторию. Сервис позволяет показывать окна подписки, автоматически уведомлять о новых публикациях и отслеживать взаимодействие пользователей, предоставляя полноценную систему уведомлений без лишних хлопот.

Шаг 1. Создаём приложение в OneSignal

Начать стоит с регистрации в OneSignal. После регистрации вам предложат создать своё первое приложение.

WordPress

Введите любое название — оно будет видно только вам. Сразу после этого откроется стартовый экран с предложением выбрать, какие каналы вы хотите использовать. Здесь нас интересуют web push-уведомления, поэтому открываем пункт Push notifications.

WordPress

OneSignal спросит, для какой платформы вы хотите настроить уведомления. Выберите Web.

WordPress

Затем появится экран с тремя вариантами подключения. Первый подходит для обычных сайтов, второй — для WordPress и других CMS, а третий — для ручной интеграции через код. Поскольку мы настраиваем уведомления именно для WordPress, выбираем WordPress Plugin or Website Builder Integration. После этого откроется список поддерживаемых платформ — найдите там WordPress и нажмите на него.

WordPress

Теперь перед вами появится большая форма настройки сайта. Она содержит все параметры, которые впоследствии будет использовать плагин, поэтому заполняем всё аккуратно. Укажите название сайта так, как оно должно отображаться в OneSignal, затем введите полный адрес сайта — важно перепроверить, используется ли в адресе приставка www, потому что OneSignal учитывает это как отдельный домен.

WordPress

Чуть ниже находится блок с иконками уведомлений. Здесь вы можете указать изображение, которое будет использоваться в самих уведомлениях. Стоит выбрать чёткую квадратную иконку размером 256×256 пикселей, чтобы она корректно выглядела во всех браузерах. Нажмите Select image, чтобы выбрать файл или загрузить новую картинку. Рядом есть отдельное поле Upload or input a URL, куда можно вставить ссылку на изображение, если оно уже размещено в интернете. Если загрузить иконку через интерфейс OneSignal, сервис сам разместит файл на своих серверах — это снизит нагрузку на ваш хостинг.

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

WordPress

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

WordPress

В конце расположены дополнительные настройки: поведение уведомлений при клике, параметры сервис-воркера, опции для Safari и webhook’и. Эти поля можно не трогать — они предназначены для более тонкой настройки, которая нужна лишь в особых случаях.

Когда все параметры вас устраивают, сохраните изменения. После сохранения OneSignal сгенерирует App ID и API Key, которые вам понадобятся на следующем этапе (их можно будет позже получить в настройках приложения OneSignal, но для удобства и чтобы не терять время рекомендуем сразу их скопировать и сохранить в безопасном месте).

WordPress

Шаг 2. Установка и настройка плагина OneSignal в WordPress

Теперь можно перейти в админку WordPress. Установите OneSignal Web Push Notifications. После активации в меню появится новая страница настроек OneSignal. Откройте её — и вы увидите поля App ID, API Key и параметры отображения уведомлений.

WordPress

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

На этом всё: система уведомлений полностью готова.

Как проверить, что уведомления работают

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

WordPress

После клика подсказка исчезнет. Иногда кажется, будто «ничего не произошло», но на самом деле браузер в этот момент уже зарегистрировал устройство и отправил данные в OneSignal. Чтобы убедиться, что всё прошло успешно, зайдите в свой аккаунт OneSignal и откройте раздел Audience → Users. Здесь появится новый пользователь — с уникальным ID, статусом подписки и данными о браузере. Это знак, что ваш сайт успешно подключился, и уведомления готовы к работе.

WordPress

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

WordPress

Затем нажмите кнопку создания нового сообщения — New Message, и в выпадающем списке выберите New Push. OneSignal предложит несколько вариантов начала работы: пустой шаблон, AI-генерацию или готовые дизайны. Выберите подходящий — и перед вами появится знакомая панель редактора уведомлений, где можно задать заголовок, текст и ссылку, по которой попадёт пользователь после клика. Превью обновляется в реальном времени, так что вы сразу увидите, каким будет уведомление.

Чтобы отправить тестовое сообщение, переключитесь на вкладку Test & Preview.

WordPress

OneSignal предложит выбрать подписчиков, которым отправить тест. Если вы ещё ни разу не добавляли тестовые устройства, вместо списка появится сообщение «You have 0 test subscriptions for the selected platforms» — в этом случае нажмите Add Test Subscriptions.

WordPress

Откроется отдельная вкладка в вашем браузере — Audience → Test Subscriptions, где снова есть кнопка Add Test Subscriptions.

WordPress

Нажмите её, и откроется раздел Audience → Subscriptions — именно здесь отображаются все устройства, которые уже подписались на уведомления с вашего сайта. Справа от нужной записи щёлкните по трём точкам и выберите Add as Test Subscriptions.

WordPress

Появится всплывающее окно, где нужно ввести имя для тестовой подписки.

WordPress

После того как вы введёте имя и нажмёте Add, появится уведомление о том, что тестовая подписка успешно добавлена. Теперь можно вернуться на вкладку с Test & Preview и нажать Refresh Test Subscriptions list. После этого тестовая подписка появится в Audience → Test Subscriptions и вы сможете использовать её для отправки тестового уведомления — просто отметьте её и нажмите Send Test Push.

WordPress

Через несколько секунд браузер покажет уведомление. Время появления зависит от того, как быстро сам браузер обрабатывает push-сообщения, но обычно задержка минимальна. Кликните по уведомлению — оно должно открыть ту ссылку, которую вы указали в настройках. OneSignal при этом зафиксирует факт доставки и взаимодействия, и вы сможете увидеть эти данные прямо в панели управления (Delivery → Sent Messages).

Как отправлять уведомления в WordPress с помощью OneSignal

После того как вы подключили сайт и протестировали подписку, можно переходить к обычной работе. Плагин OneSignal в WordPress умеет автоматически отправлять уведомления каждый раз, когда вы публикуете новый пост. Чтобы эта функция работала, в настройках плагина нужно включить опцию Automatically send notifications when a post is published. Теперь достаточно нажать «Опубликовать», и плагин сам пошлёт сообщение всем подписчикам — никаких дополнительных действий не требуется.

Но если вам нужно больше контроля, можно отправлять уведомления вручную прямо из панели OneSignal. Для этого снова зайдите в свой аккаунт и выберите приложение. В левом меню нажмите Create… → Push.

WordPress

После этого откроется страница Messages → Push. В правом верхнем углу будет кнопка New Push, которая открывает окно создания нового push-уведомления.

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

OneSignal также позволяет очень гибко управлять доставкой.

После того как всё заполнено, нажмите Review and Send. Появится всплывающее окно Review Your Message, где можно ещё раз проверить все настройки.

WordPress

Если всё выглядит корректно, нажмите Send Message — уведомление будет отправлено выбранной аудитории.

Итог

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

Наша специальность — разработка и поддержка сайтов на WordPress. Контакты для бесплатной консультации — [email protected], +371 29394520

facebook1

Как добавить свои администраторские уведомления в WordPress

/от

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

Зачем и когда нужно использовать уведомления?

WordPress

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

Способ 1. Добавляем свои уведомления вручную

Этот способ требует от вас добавлять код на сайт WordPress. Вам нужно вставить следующий кусок в файл functions.php вашей темы или в индивидуальный плагин:

function general_admin_notice() {
    global $pagenow;

    if ( $pagenow === 'options-general.php' ) {
        echo '
        <div class="notice notice-warning is-dismissible">
            <p>This notice appears on the settings page.</p>
        </div>
        ';
    }
}
add_action('admin_notices', 'general_admin_notice');

Этот код отображает уведомление на странице настроек. Так будут выглядеть ваши уведомления в админке:

WordPress

Если вы изучите код, то заметите, что у нас есть переменная $pagenow, которая обнаруживает текущую страницу. После этого мы добавили условие, которое проверяет подходит ли страница для отображения уведомления. Если подходит, то мы показываем уведомление, упакованное в элемент <div> с классами интерфейса админки WordPress. Доступны классы: notice-error, notice-warning, notice-success, notice-info. А класс is-dismissible добавляет кнопку закрытия уведомления.

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

function author_admin_notice() {
    global $pagenow;

    if ( $pagenow === 'index.php' ) {
        $user = wp_get_current_user();

        if ( in_array( 'author', (array) $user->roles, true ) ) {
            echo '
            <div class="notice notice-info is-dismissible">
                <p>Click on <a href="edit.php">Posts</a> to start writing.</p>
            </div>
            ';
        }
    }
}
add_action('admin_notices', 'author_admin_notice');

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

Можете свободно экспериментировать с различными фильтрами и условиями.

Способ 2. Добавляем уведомления с помощью плагина

Этот способ проще, поскольку не требует от вас использования кода. Отлично с этой задачей справляется плагин WP Custom Admin Interface. Однако в бесплатной версии этого плагина есть ограничения: вы можете создать только одно уведомление. Если вы хотите создавать несколько уведомлений, то стоит рассмотреть Custom Admin Interface Pro, которая снимает эти ограничения и открывает весь функционал.

После установки и активации плагина в админке появится новое меню Custom Admin Interface → Admin Notices, где можно создавать и настраивать уведомления для любых пользователей и разделов. Вы увидите нечто вроде редактора постов.

WordPress

В поле Notice Content вы указываете текст уведомления. Здесь можно использовать специальные теги вроде [CURRENT_YEAR], [WEBSITE_TITLE], [WEBSITE_TAGLINE], [WEBSITE_URL], [ADMIN_EMAIL_ADDRESS], а также теги, связанные с пользователем: [USER_FIRST_NAME], [USER_LAST_NAME], [USER_NICKNAME] и [USER_EMAIL]. Можно добавлять медиа, визуальные элементы или код.

Далее можно выбрать цвет уведомления через Admin Notice Color и настроить дату окончания действия через Admin Notice End Date в формате YYYY-MM-DD. При желании уведомление можно сделать dismissable, чтобы пользователи могли его закрывать. Также есть возможность исключений: уведомление показывается всем пользователям, кроме тех, кого вы добавите в раздел Add an exception case. После внесения всех настроек нужно нажать Save All Settings, чтобы уведомление стало активным.

Помимо возможности добавлять собственные уведомления, WP Custom Admin Interface предлагает широкий спектр возможностей, таких как персонализировать меню, добавлять собственные виджеты, упрощать интерфейс для авторов или клиентов и управлять доступом к разделам админки.

Наша специальность — разработка и поддержка сайтов на WordPress. Контакты для бесплатной консультации — [email protected], +371 29394520

crowd-of-people

Как показать количество пользователей, зарегистрированных на сайте?

/от

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

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

В первую очередь вам надо будет установить и активировать Simple Blog Stats. Если вы еще не занимались установкой плагинов, то советуем вам заглянуть в наше пошаговое руководство как установить плагин на WordPress. После активации перейдите в Settings > Simple Blog Stats.

WordPress

Этот плагин позволяет вам показывать различную статистику своего сайта. Откройте вкладку шорткодов, пролистайте вниз до пункта number of users — там вы увидите шорткод:

[sbs_users]

WordPress

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

<span class="sbs-count-users">856</span>

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

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

Если вы предпочитаете собственное решение или хотите минимальный код без сторонних плагинов, можно использовать шорткод с оптимизированным кодом, который включает кэширование и встроенную HTML-разметку. Код можно добавить в свой мини-плагин или в functions.php вашей темы:

// Function to get the total user count with caching
function wpb_user_count() {
    // Check if the count is cached
    $cached_count = get_transient('wpb_user_count');
    if ($cached_count !== false) {
        return '<span class="user-count">' . esc_html($cached_count) . '</span>';
    }

    // Get the total number of users
    $usercount = count_users();
    $result = $usercount['total_users'];

    // Cache the result for 1 hour to reduce database load
    set_transient('wpb_user_count', $result, HOUR_IN_SECONDS);

    // Return the result wrapped in HTML for easy styling
    return '<span class="user-count">' . esc_html($result) . '</span>';
}

// Register the shortcode
add_shortcode('user_count', 'wpb_user_count');

Этот код создаёт шорткод [user_count], который вы можете использовать в постах, на страницах или внутри сайдбар-виджета, чтобы отобразить количество пользователей вашего сайта. Число выводится с HTML-классом user-count, что позволяет легко применять к нему стили через CSS. Например, можно добавить в файл темы или в кастомный CSS:

.user-count {
    font-weight: bold;
    color: #2a9d8f;
    font-size: 1.2em;
}

Шорткод можно использовать прямо в тексте поста или страницы:

Join [user_count] other users who share your interests!

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

WordPress

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

Наша специальность — разработка и поддержка сайтов на WordPress. Контакты для бесплатной консультации — [email protected], +371 29394520

web-design-1

Платные или бесплатные шаблоны WordPress: преимущества и недостатки

/от

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

Преимущества бесплатных шаблонов

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

WordPress

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

Строгий процесс отбора

На самом деле к бесплатным шаблонам WordPress зачастую гораздо более высокие требования, поскольку все шаблоны, имеющиеся в официальном списке WordPress, проходят серьезный отбор. В жюри обычно сидят очень талантливые и опытные ребята, которые тщательно проверяют каждый шаблон, прежде чем включать его в свой список. Например, бесплатные шаблоны проверяют на код, безопасность, совместимость с современными плагинами (в том числе WooCommerce, SEO и другими популярными расширениями), качество HTML и CSS, а также базовую оптимизацию скорости и мобильной адаптивности. Для разработки такого шаблона нужны навыки и талант.

Но зачем тогда они отдают даром?

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

Недостатки бесплатных шаблонов WordPress

WordPress

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

  1. ограниченная поддержка – зачастую разработчики бесплатных шаблонов предоставляют бесплатную поддержку клиентов на форумах, но они не обязаны отвечать на личные запросы.
  2. ограниченный функционал и возможности – несмотря на то, что бесплатные шаблоны зачастую поддерживают большинство стандартных возможностей WordPress, многие из них не предлагают продвинутые элементы вроде дополнительных виджетов, посадочных страниц и так далее.
  3. низкая уникальность – бесплатные шаблоны популярны и используются большим количеством сайтов, поэтому ваш ресурс может не выделяться дизайном. Возможности кастомизации зачастую весьма ограничены.
  4. никаких обязательств – бесплатные шаблоны обычно распространяются без каких-либо гарантий, поэтому если что-то пойдет не так, то расхлебывать кашу вам придется в одиночку.

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

Преимущества премиум-шаблонов WordPress

WordPress

Платные шаблоны доступны для покупки в проверенных магазинах: ThemeForest, StudioPress, Themify и других.

WordPress

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

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

WordPress

Недостатки премиум-шаблонов WordPress

Однако не все платные шаблоны идеальны, возможны следующие проблемы:

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

Как найти действительно хороший шаблон?

Самый простой способ это покупать из проверенного источника или магазина, заслужившего свою репутацию (ThemeForest, StudioPress, Themify). Премиум-шаблоны включают документацию и поддержку, а также совместимы с современными конструкторами страниц (Elementor, Gutenberg).

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

Я в замешательстве… Что мне выбрать?

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

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

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

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

Наша специальность — разработка и поддержка сайтов на WordPress. Контакты для бесплатной консультации — [email protected], +371 29394520

startup-photos

Что такое functions.php и как его использовать в WordPress?

/от

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

Где находится functions.php и как его использовать

Файл functions.php расположен в папке вашей темы:

wp-content/themes/имя_темы/functions.php

В нём вы можете использовать встроенные функции WordPress, добавлять собственные PHP-функции и подключаться к действиям и фильтрам ядра. Хотя каждая установленная тема имеет свой собственный файл functions.php, работает только тот, который принадлежит активной теме. Если в вашей теме по какой-либо причине нет этого файла, вы можете просто создать текстовый файл с именем functions.php и поместить его в директорию темы.

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

Что можно делать через functions.php (с примерами)

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

Включение поддержки миниатюр (thumbnails):

add_theme_support( 'post-thumbnails' );

Добавление новых форматов записей:

add_theme_support( 'post-formats', array( 'aside', 'gallery', 'quote' ) );

Создание навигационных меню:

register_nav_menus( array(
    'main_menu' => 'Главное меню',
    'footer_menu' => 'Меню в футере',
) );

Подключение собственных скриптов и стилей:

function my_theme_scripts() {
    wp_enqueue_style( 'main-style', get_stylesheet_uri() );
    wp_enqueue_script( 'custom-js', get_template_directory_uri() . '/js/custom.js', array('jquery'), null, true );
}
add_action( 'wp_enqueue_scripts', 'my_theme_scripts' );

Автоматическое добавление текста в конец каждой записи:

function add_custom_text($content) {
    if (is_single()) {
        $content .= '<p>Спасибо за чтение! Подпишитесь на обновления.</p>';
    }
    return $content;
}
add_filter('the_content', 'add_custom_text');

Создание собственного виджета:

class Welcome_Widget extends WP_Widget {
    function __construct() {
        parent::__construct('welcome_widget', 'Приветственный виджет');
    }
    function widget($args, $instance) {
        echo $args['before_widget'] . '<p>Добро пожаловать на наш сайт!</p>' . $args['after_widget'];
    }
}
add_action('widgets_init', function() {
    register_widget('Welcome_Widget');
});

Регистрация пользовательского типа записи (Custom Post Type):

function create_portfolio_post_type() {
    register_post_type('portfolio',
        array(
            'labels' => array('name' => 'Портфолио'),
            'public' => true,
            'has_archive' => true,
            'supports' => array('title', 'editor', 'thumbnail')
        )
    );
}
add_action('init', 'create_portfolio_post_type');

Что лучше помещать в functions.php, а что — в плагин

Functions.php идеален для:

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

Плагин лучше использовать, если:

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

Советы по работе с functions.php

  • Используйте дочернюю тему для внесения изменений, чтобы обновления основной темы не стерли ваши функции.
  • Минимизируйте количество кода в functions.php — если функционал большой или универсальный, лучше сделать плагин.
  • Всегда тестируйте добавленные функции на локальном или тестовом сайте, чтобы не сломать сайт на продакшене.
  • Используйте хуки (actions и filters), чтобы не изменять ядро WordPress и тем самым сохранить совместимость с будущими обновлениями.

Вывод

Файл functions.php остаётся ключевым инструментом для добавления PHP-функций и расширения функционала темы. Он позволяет гибко настраивать сайт, подключать стили и скрипты, добавлять виджеты, шорткоды и пользовательские типы записей.

Наша специальность — разработка и поддержка сайтов на WordPress. Контакты для бесплатной консультации — [email protected], +371 29394520