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

Как мигрировать с 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


Как дать пользователям подписываться на авторов в 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


Как добавить свой блог в 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


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

По умолчанию WordPress отправляет e-mail уведомление, чтобы проинформировать вас о том, что ваш сайт успешно обновлен. Однако это можно отменить.

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

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

WordPress

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

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

Этот способ проще и не требует от вас добавления какого-нибудь кода. Первым делом необходимо установить и активировать Disable WordPress Core Update Email. Плагин работает, что называется, сразу из коробки и вам не потребуется лезть в какие-нибудь настройки.

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

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

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

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

Управление уведомлениями и обновлениями в WordPress

По умолчанию WordPress не разрешает вам автоматически устанавливать обновления. Многие сайтовладельцы находят утомляющим обновлять шаблоны и плагины вручную, особенно когда у них несколько сайтов. К счастью, существуют плагины, которые позволяют вам более эффективно управлять обновлениями. Аналогично у WordPress по умолчанию нет интерфейса для управления уведомлениями по e-mail. Он может даже не высылать их вам, и вы этого не заметите. Есть плагины, которые позволяют всем этим делом управлять. Вы даже можете редактировать e-mail’ы, существующие в WordPress по умолчанию.


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


Как задержать посты от появления в 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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Редактирование атрибутов и стилей в окне CSS

Редактирование атрибутов и стилей в окне CSS

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

WordPress

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

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

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

Ошибки в Inspect Element

Ошибки в Inspect Element

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


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


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

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

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

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

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


Как добавить свои администраторские уведомления в 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


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

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

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

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

WordPress

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

WordPress

Вы увидите шорткод [sbs_users] с двумя текстовыми полями по обе стороны. Эти текстовые поля содержат HTML, которые плагин будет добавлять до и после кол-ва пользователей. По умолчанию этот шорткод в виде HTML будет выглядеть подобным образом:

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

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

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

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

// Function to return user count
function wpb_user_count() { 
$usercount = count_users();
$result = $usercount['total_users']; 
return $result; 
} 
// Creating a shortcode to display user count
add_shortcode('user_count', 'wpb_user_count');

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

Join [user_count] other users who share your interest:

В нашем случае это выглядело подобным образом:

WordPress

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


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