WordPress Туториалы

facebook-video-compressed

Как создать свой Facebook Feed в WordPress

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

Когда и зачем стоит создавать свой Facebook Feed на сайте

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

Добавление фида

Сперва вам потребуется установить и активировать плагин Custom Facebook Feed. Просим заметить, что в бесплатной версии плагина отсутствует отображение изображений в обновлениях статусов.

WordPress

Вам надо будет указать ID своей страницы или группы в Facebook. Он будет выглядеть приблизительно так:

https://www.facebook.com/your_page_name

Если же адрес вашей страницы выглядит приблизительно так:

То вам надо использовать 123654123654123 в качестве ID своей страницы.

Если надо добавить группу, то зайдите на сайт Find My Facebook ID и введите адрес своей группы в поле поиска, после чего сайт выдаст вам нужную информацию.

Зайдите на сайт Facebook developers и щелкните по кнопке create new app.

WordPress

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

WordPress

Фейсбук создаст для вас приложение и перенаправит на панель управления этим приложением. Вам надо будет щелкнуть по ссылке Tools & Support вверху страницы.

WordPress

Щелкните по Access token tool.

WordPress

Вы попадете на страницу, где надо будет скопировать токен.

WordPress

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

[custom-facebook-feed]

Вы увидите последние посты, выложенные у себя на Фейсбуке.

Отображение нескольких Фейсбук-фидов у себя на сайте

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

[custom-facebook-feed id=wpbeginner]

У шорткода плагина существует целое множество параметров, о которых вы можете узнать, посетив официальный сайт.

Как настроить отображение фида

Плагин позволяет настроить отображение фида у себя на сайте. Для этого зайдите на страницу Facebook Feed – Customize.

WordPress

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


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


run

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

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

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

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

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

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

WordPress

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

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

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

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

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

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

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

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

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

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

WordPress

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

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

WordPress

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

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

WordPress

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

WordPress

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

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

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

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

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

WordPress

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

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

WordPress

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

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

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

<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'); ?>" />

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

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

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

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

define( ‘WP_POST_REVISIONS’, 4 );

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

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

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

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

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

WordPress

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


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


301redirects

Как мигрировать с Medium на WordPress

Перед тем как начать, вот список вещей, которые мы рассмотрим в рамках этого руководства.

1. Установка и настройка WordPress
2. Экспорт ваших постов в Medium
3. Импорт постов в WordPress
4. Импорт изображений
5. Настройка редиректов (если у вас свой домен на Medium)

Шаг 1. Установка и настройка WordPress

В отличие от Medium, WordPress это самостоятельная платформа, что значит, что вы управляете каждым аспектом своего сайта. Первым делом надо установить и настроить WordPress. Для этого вам понадобится домен и хостинг. Мы рекомендуем вам использовать Bluehost или SiteGround, поскольку оба входят в список официально рекомендуемых хостингов WordPress. Их владельцы понимают нужды начинающих блоггеров и предлагают 60% скидку и доменное имя бесплатно. После выбора хостинга вам надо установить WordPress. Установив и настроив его, вы будете готовы к миграции.

Шаг 2. Экспорт контента с Medium

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

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

WordPress

Из выпадающего меню выберите Settings. Вам надо пролистать до Export Content и щелкнуть по кнопке Download zip.

WordPress

Это приведет вас к странице экспорта контента. Вам надо щелкнуть по кнопке Export. Medium подготовит .zip файл с вашими статьями и отошлет ссылку на его скачивание вам на электронную почту.

WordPress

На это может уйти некоторое время, поэтому время от времени проверяйте свой почтовый ящик.

WordPress

Скачайте архив на компьютер и извлеките содержимое. Внутри извлеченной папки вы найдете ваши статьи с Medium в простом HTML виде. Также помимо прочего вы найдете XML-файл под названием medium.rss Теперь у вас все готово для импорта контента на ваш WordPress-сайт.

Шаг 3. Импорт ваших статей на WordPress

Сперва надо зайти на страницу Tools > Import и щелкнуть по ссылке RSS.

WordPress

Это откроет страницу установки плагина RSS Importer. Вам надо щелкнуть по кнопке Install Now.

WordPress

WordPress скачает и установит плагин RSS Importer. Вам надо щелкнуть по ссылке Activate plugin and run importer.

WordPress

На следующем экране вам надо щелкнуть по кнопке выбора файла и загрузить medium.rss со своего компьютера.

WordPress

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

Шаг 4. Импорт ваших изображений

RSS Impoter не сможет импортировать изображения с ваших постов в WordPress библиотеку. Эти изображения будут видны, но они все равно будут загружаться с серверов Medium. Однако мы рекомендуем их все равно импортировать в библиотеку своего сайта. Для этого вам надо использовать WordPress плагин, называющийся Import External Images.

Шаг 5. Настройка редиректов на свой домен

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


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


subscribe-to

Как дать пользователям подписываться на авторов в WordPress?

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

Зачем добавлять подписку на авторов?

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

Добавляем возможность подписки на авторов

У всех авторов вашего сайта есть свой RSS фид. Его адрес имеет приблизительно следующий вид:

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

WordPress

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

// Function to generate author's RSS feed link

function wpb_author_feed() {

$authorfeed =  get_author_feed_link( get_the_author_id(), ''); 

$authorfeedlink = '<a href='. $authorfeed . '>Subscribe to get more posts from ' . get_the_author_meta( 'display_name') .''  ;

return $authorfeedlink;

} 
// Create a shortcode to display the link
add_shortcode('authorfeed', 'wpb_author_feed');

// Enable shortcode execution in WordPress text widgets
add_filter('widget_text', 'do_shortcode');

Теперь можете использовать в своих постах шорткод [authorfeed] и у вас автоматически сгенерируется ссылка на RSS фид автора поста. Можете менять текст ссылки как вам угодно.

WordPress

Добавьте ссылку подписки на автора в сайдбаре

Мы будем использовать, указанный выше метод шорткода, чтобы отобразить ссылку подписки на автора в сайдбаре вашего блога. Зайдите на страницу Appearance > Widgets и добавьте текстовый виджет в ваш сайдбар.

WordPress

Вам понадобится добавить шорткод [authorfeed] в текстовое поле вашего виджета. После этого не забудьте щелкнуть по кнопке сохранения. Можете теперь зайти на ваш сайт, чтобы увидеть сайдбар в действии. Недостаток этого способа заключается в том, что виджет будет отображаться на каждой странице, включая домашнюю, категории и так далее. Вам надо установить и активировать плагин Display Widgets. После активации зайдите на страницу виджетов и отредактируйте виджет, добавленный вами ранее.

WordPress

Вы заметите новые опции, позволяющие управлять отображением виджета на разных страницах сайта. Теперь надо выбрать Show on checked pages и пометить Single Post. На этом все. Теперь вам надо зайти на сайт, чтобы увидеть ссылку подписки на автора в действии. Можете использовать немного CSS, чтобы создать кнопку или добавить иконку для подписки.


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


laptop

Как добавить свой блог в Apple News

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

Перед тем как начать

Приложение Apple News позволяет своим пользователям читать новости и блоги из одного приложения со всех устройств Apple. Он предлагает великолепный опыт использования и упрощает пользователям жизнь, позволяя все время быть в тренде. Программа Apple News позволяет вам не только публиковать через нее свой контент, но и зарабатывать на нем, показывая рекламные объявления. Правда, программа по монетизации еще тестируется и пока что доступна только в ряде стран: США, Автралия и Соединенное Королевство. Вам понадобится выждать несколько недель прежде чем ваша заявка будет одобрена.

Пожалуйста, учтите, что эта инструкция рассчитана на самостоятельные блоги WordPress, а не те, что расположены на WordPress.com.

Добавление сайта на WordPress в Apple News

Первым делом вам надо посетить приложение News Publisher на сайте iCloud. Вам потребуется зайти с помощью Apple ID. Как только вы зашли, вам покажут условия использования. Щелкните по Я согласен и продолжайте процесс добавления сайта. От вас потребуют заполнить следующие поля.

WordPress

Затем от вас потребуют заполнить информацию о канале.

WordPress

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

WordPress

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

WordPress

Как только вы закончили, щелкните по Signup for Apple News Format.

На этом все, вы успешно закончили заявку на присоединение к Apple News. К этому моменту вы должны увидеть подобный экран:

WordPress

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

Добавление статей в Apple News

Как только ваша заявка прошла проверку, вы сможете публиковать статьи со своего блога в приложение Apple news. Вам надо будет вручную добавить свою первую статью через свой News Publisher аккаунт на iCloud. Поскольку Apple очень щепетильно относится к качеству контента, ваша первая статья будет находиться на рассмотрении, на что может уйти от одной до двух недель. По истечении этого срока Apple News начнет автоматически показывать ваши статьи из RSS фида. Вот как можно автоматически публиковать свои посты в Apple News. Первым делом вам потребуется установить и активировать плагин Publish to Apple News. После активации вам надо зайти на страницу Settings > Apple News, чтобы все настроить.

WordPress

Затем вам надо ввести ID канала, ключ API и секрет ключа. Всю эту информацию вы найдете у себя в аккаунте Apple News Publisher.

WordPress

После этого вам надо выбрать какой тип постов вам хотелось бы генерировать в формате Apple News. В большинстве случаев вам нужно выбрать только Posts.

WordPress

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

WordPress

Затем не забудьте нажать на кнопку сохранения. На этом все, Publish to Apple News теперь будет публиковать вашу статью в формате Apple News.


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


minimalistic_clock_wallpaper_by_italankin-d8hclpd

Как задержать посты от появления в RSS фидах WordPress

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

Зачем задерживать посты в RSS фиде?

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

WordPress

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

Задержка постов в фиде

Вам надо добавить следующий код в файл functions.php вашего шаблона.

function publish_later_on_feed($where) {

	global $wpdb;

	if ( is_feed() ) {
		// timestamp in WP-format
		$now = gmdate('Y-m-d H:i:s');

		// value for wait; + device
		$wait = '10'; // integer

		// https://dev.mysql.com/doc/refman/8.0/en/date-and-time-functions.html#function_timestampdiff
		$device = 'MINUTE'; //MINUTE, HOUR, DAY, WEEK, MONTH, YEAR

		// add SQL-sytax to default $where
		$where .= " AND TIMESTAMPDIFF($device, $wpdb->posts.post_date_gmt, '$now') > $wait ";
	}
	return $where;
}

add_filter('posts_where', 'publish_later_on_feed');

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

После этого там добавляется временную разницу. В этом коде мы использовали 10 минут в качестве времени задержки. Чувствуйте себя свободно, чтобы поменять это число на любое кол-во минут какое хотите. Например, на 60 или 120.


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


unnamed

Как добавить кнопку веб-уведомлений на свой сайт

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

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

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

WordPress

Помимо Рабочего стола уведомления также работают и на мобильных устройствах. Многие популярные сайты используют эту систему, так как она показала себя куда более эффективной, чем СМС, e-mail маркетинг и прочие стратегии по привлечению пользователей. Если верить исследованиям, то пользователи щелкают по уведомлениям на мобильных телефонах в 50% случаев. Это, в свою очередь, увеличит количество просмотров страниц и число возвращающихся пользователей. Теперь, когда мы разобрались с уведомлениями и выяснили, что это действительно годная вещь, давайте уже разберемся с тем, как установить их на сайт WordPress.

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

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

WordPress

Страница настроек поделена на две вкладки под названием Setup и Configuration. Первая содержит в себе подробную информацию об установке уведомлений. Чтобы настроить только что установленный плагин вам потребуют различные ключи API и application ID.

Шаг 1. Создаем Google Keys

Сперва вам надо посетить Google Services Wizard.

WordPress

Просто введите название для своего приложения и название пакета Android. OneSignal не будет его использовать, но это все равно обязательное поле. Затем выберите свою страну и регион и щелкните по кнопке Choose and configure services. Вы попадете на следующий экран, на котором надо будет выбрать какой сервис вы хотите использовать. Вам нужно щелкнуть по Enable Google Cloud Messaging.

Теперь вы увидите ключ API своего сервера и Sender ID. Вам нужно его скопировать и вставить в страницу настроек плагина под полем Google Project Number. Вам также необходимо скопировать свой Server API key и вставить его в текстовый файл у себя на компьютере, так как потом он нам еще понадобится.

WordPress

Шаг 2. Настраиваем уведомления в Chrome и Firefox

Сейчас мы будем настраивать уведомления в Chrome и Firefox. Сначала надо будет зайти на сайт OneSignal и создать бесплатный аккаунт. Как только вы его создали, надо залогиниться и щелкнуть по кнопке Add a new app.

WordPress

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

WordPress

На следующей странице от вас попросят выбрать платформу. Выбирайте Website Push и идите дальше.

Потом у вас попросят выбрать браузер. Выбирайте Google Chrome и Mozilla Firefox – как настроить Safari мы расскажем чуть позже.

WordPress

В следующем шаге от вас попросят ввести адрес своего сайта, Google Server API key и адрес изображения для иконки уведомления.

WordPress

Если ваш сайт не поддерживает SSL/HTTPS, то вам надо поставить галочку возле My site is not fully HTTPS. Вы можете настроить SSL на своем сайте, но это необязательно.

Google Chrome не поддерживает уведомления для сайтов без поддержки SLL, однако сервис OneSignal решает эту проблему тем, что подписывает пользователей на свой субдомен https. Вам надо будет выбрать субдомен под свое приложение и ввести Google Project Number или Sender ID, которые вы сгенерировали ранее.

WordPress

Щелкните по кнопке Save. Теперь вы можете закрыть этот экран. Вас предупредят, что настройка не завершена. Нажмите Да.

Шаг 3. Создаем ключи OneSignal

Вам теперь понадобятся OneSignal Keys для своего сайт. Щелкните по App Settings из панели управления вашего приложения.

WordPress

Вы попадете на страницу настроек, где нужно будет выбрать вкладку Keys and IDs.

WordPress

Вы увидите OneSignal App ID и Rest API Key.

WordPress

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

Шаг 4. Настраиваем уведомления в Safari

Помните, мы пропустили настройку Safari? Теперь мы покажем как настроить уведомления и для этого браузера. Залогиньтесь в свой аккаунт OneSignal и зайдите на страничку App Settings. Прокрутите до веб платформ и выберите Apple Safari.

WordPress

Откроется диалоговое окно, в котором надо будет ввести имя сайта и его адрес.

WordPress

Вам нужно отметить ячейку I’d like to upload my own notification icons. Перед вами появится опция загрузки иконок разных размеров. воспользуйтесь Фотошопом или любым графическим редактором, чтобы создать иконки нужного размера. Затем загрузите их.

WordPress

После этого нажмите на кнопку Save и закройте диалоговое окно. Обновите страницу App Settings и прокрутите вниз до раздела Web Platforms. В этот раз вы увидите Web ID под Apple Safari.

WordPress

Вам надо скопировать этот ID и вставить его во вкладку Configuration плагина OneSignal. Вот и все – вы успешно настроили уведомления для своего сайта.

Шаг 5. Проверка уведомлений

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

WordPress

Вы должны будете увидеть сообщение thank you for subscribing, которое идет по умолчанию. Теперь залогиньтесь в OneSignal. Щелкните по названию приложения, а потом по App Settings. Прокрутите вниз до платформ и выберите Google Chrome и Firefox.

WordPress

Вы увидите экран настройки, который вы уже заполняли ранее. Просто нажмите Save и щелкните по Continue.

WordPress

Вас попросят выбрать SDK. Выберите WordPress и щелкните Next.

WordPress

Так как на данный момент у вас всего один подписчик, то ваш ID будет автоматически заполнен. Нажмите Next и вы попадете на экран Test Settings. Щелкните по Send Test Notification.

WordPress

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

WordPress

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

WordPress

Вернитесь назад на экран настроек на сайте OneSignal и нажмите Check Notification Status.

WordPress

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

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

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

WordPress

У вас выскочит экран нового сообщения. Вы можете ввести заголовок и описание вашего уведомления.

WordPress

Вы также можете щелкнуть на Options, Segment, Schedule/Send Later для больших настроек ваших уведомлений. Например, можете направить на определенную страницу сайта или выбрать определенный сегмент пользователей, которые увидят ваше уведомление, или даже назначить время для его появления.


Наша специальность — разработка и поддержка сайтов на 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">


This notice appears on the settings page.

         </div>

';
    }
}
add_action('admin_notices', 'general_admin_notice');

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

WordPress

Если вы изучите код, то заметите, что у нас есть переменная $pagenow, которая обнаруживает текущую страницу. После этого мы добавили условие, которое проверяет подходит ли страница для отображения уведомления. Если подходит, то мы показываем уведомление, упакованное в элемент. Этот элемент использует классы CSS, которые уже заранее определены в админке WordPress. Вам нужно пользоваться классами, чтобы добавить notice-error, notice-warning,notice-success, or notice-info.

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

function author_admin_notice(){
    global $pagenow;
    if ( $pagenow == 'index.php' ) {
    $user = wp_get_current_user();
    if ( in_array( 'author', (array) $user->roles ) ) {
    echo '
<div class="notice notice-info is-dismissible">


Click on <a href="edit.php">Posts</a> to start writing.

         </div>

';
    }
}
}
add_action('admin_notices', 'author_admin_notice');

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

WordPress

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

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

Этот способ проще, поскольку не требует от вас использования кода. Однако он не настолько гибок как предыдущий. Первым делом вам надо будет установить и активировать плагин KJM Admin Notices. После активации зайдите на страницу настроек плагина.

WordPress

Сперва вам нужно отметить опцию, включающую сами уведомления. Вторая опция добавляет пользовательский пост, который вы можете добавлять и редактировать для своих уведомлений. Помимо прочего плагин позволяет отсылать электронные сообщения зарегистрированным пользователям, когда вы публикуете новое уведомление. Для этого надо отметить соответствующую галочку. Вы также можете включить комментарии к своим уведомлениям, что позволит пользователям отвечать на них. Не забудьте перед этим сохранить свои настройки. Теперь вы увидите новое меню в вашей админпанели, где сможете добавлять и редактировать свои уведомления. Давайте же создадим свое первое уведомление. Зайдите в Notices > Add Notice.

WordPress

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

WordPress

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

WordPress

Плагин KJM Admin Notices позволяет вам управлять уведомлениями без внесения какого-либо кода. Вы можете уведомлять или отменять публикацию уведомлений, которые больше не желаете видеть. Пользуясь функцией e-mail, можете также предупредить всех пользователей даже если они не заходят на сайт, чтобы проверить уведомления. Вас также может заинтересовать плагин WP Notification Center. Он добавляет уведомления в стиле Фейсбука, где пользователям надо щелкнуть по иконке, чтобы их увидеть.

WordPress


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


constant-contact-email-marketing-banner

Как подсоединить Constant Contact к WordPress: пошаговое руководство

Пользуетесь ли ConstantContact для своего e-mail маркетинга? Хотите подключить его к своему сайту? В этом руководстве мы расскажем вам как это сделать.

Почему создание списка e-mail’ов играет такую роль?

Вы когда-нибудь задумывались почему каждый второй сайт в Интернете так хочет узнать адрес вашей электронной почты? Соцсеть, форум для домохозяек или развлекательный портал – где вы не создавали профиль они все хотят узнать ваш электронный ящик. Ответ до безобразия простой. Электронная почта это лучший способ достучаться до своих клиентов. Недавнее исследование выявило, что владельцы малого бизнеса получают до сорока баксов прибыли с каждого доллара, потраченного на e-mail маркетинг. Как видите, это самый лучший способ как превратить посетителей в клиентов. Вы можете узнать подробнее об этой теме из нашей статьи зачем начать строить свой список е-mail прямо сегодня. Теперь когда вы знаете важность создания такого списка, давайте посмотрим как можно подсоединить Constant Contact к своему сайту.

Что такое ConstantContact?

ConstantContact это один из самых популярных сервисов, работающих в направлении e-mail маркетинга в мире. Они специализируются на массовой рассылке e-mail’ов вашим клиентам, управляют вашими списками почтовых адресов и проводят различные кампании. Владельцам малых бизнесов подчас бывает сложно начать собственный список электронных адресов. Задача сервиса заключается в том, чтобы даже самый новичок мог руководить e-mail кампанией словно профессионал. Это платный сервис с двумя пробными месяцами. Стоимость услуг начинается с 20 долларов в месяц.

WordPress

Как настроить ConstantContact

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

WordPress

Шаг 1: добавление своего списка имэйлов

Сперва вам нужно щелкнуть по ссылке ‘Set up your first list’. Это откроет окошко, где нужно будет указать имя для своего списка и добавить туда адреса.

Шаг 2: добавляем информацию о своей организации

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

WordPress

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

Шаг 3: отправьте свое первое письмо

Наконец от вас понадобится щелкнуть по ссылке Send your first email. Сервис предложит вам уйму красивых шаблонов e-mail на ваш выбор.

WordPress

У вас откроется редактор WYSIWYG, где вы можете с легкостью управлять содержимым письма при помощи drag and drop. Для начала вам нужно предоставить заголовок для своей кампании. После этого вы можете заменить используемые в заготовке изображения на свои собственные, добавить свой текст и логотип.

WordPress

Как только будете удовлетворены результатом нажмите на кнопку продолжить. Теперь вы увидите страницу с опциями для e-mail. Здесь вам нужно выбрать какой список использовать, когда отправлять электронные письма, изменять имя отправителя или адрес для ответного сообщения.

WordPress

Как только дело в шляпе, нажмите на Send now или кнопку Schedule. Вот и все, вы успешно завершили настройку своего аккаунта Constant Contact.

Добавление Constant Contact в формы подписок в WordPress

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

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

Добавление формы Constant Contact в WordPress

Constant Contact идет вместе со встроенными инструментами для создания форм подписки через e-mail. Вы можете потом вставить эти формы на сайт. Сперва вам надо зайти в свой аккаунт и выбрать Contacts Growth Tools из навигационного меню в верху.

WordPress

На следующей странице щелкните по кнопке signup.

WordPress

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

WordPress

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

WordPress

Добавив поля для формы, щелкните по кнопке продолжить. В последнем шаге вам понадобится выбрать цвет шрифта, цвет фона и добавить логотип.

WordPress

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

Вы будете перенаправлены на страницу инструментов. Вы заметите, что только что создали форму под Additional Web Sign-Up Forms. Вам надо щелкнуть по выпадающему списку внизу и выбрать Embed Code.

WordPress

Появится всплывающее окно с кодом для вашей формы. Вам нужно скопировать этот код и вставить его в какой-нибудь текстовый редактор наподобие Блокнота.

WordPress

Затем зайдите в админпанель своего сайта и щелкните по Appearance > Widgets. Из списка доступных виджетов выберите и перенесите текстовый виджет в сайдбар, где хотите, чтобы отображалась ваша форма для подписок.

Вставьте скопированный с Constant Contact сайта код в текстовое поле виджета. Как только закончите, нажмите на кнопку сохранения. Вот и все, теперь можете зайти на свой сайт, чтобы воочию убедиться как форма работает в действии.

WordPress

Добавление Constant Contact формы при помощи OptinMonster

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

Отправляйте посты на свой список Constant Contact

Constant Contact делает невероятно простой задачу по рассылке постов на e-mail адреса. Учтите, что сервис пока что не предлагает автоматическую рассылку. Вам надо зайти в свой аккаунт и переместиться на страницу Campaigns. Там вам надо будет щелкнуть по кнопке Create и выбрать отправку нового сообщения.

WordPress

У вас попросят выбрать шаблон для вашего e-mail. Затем вы увидите экран создания сообщения. Перетащите блок Read more в превью вашего имэйла. Затем щелкните по блоку, чтобы редактировать его.

WordPress

У вас выскочит окно, в котором нужно указать адрес своего поста и щелкнуть по кнопке предпросмотра. Сервис автоматически соберет изображение из вашей статьи и аннотацию. Можете нажать кнопку Insert, чтобы добавить это в свой e-mail.

WordPress

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


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