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

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

email

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

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

windows-search-magnifying-glass

Основы элемента 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

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

crowd-of-people

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

/от

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

Способ 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

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

coffee

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

/от

Вы хотели бы добавлять свои стили в визуальный редактор WordPress? Это позволило бы вам быстро применять форматирование, не переключаясь на текстовый редактор. В этой статье мы вам покажем как можно добавлять свои стили в визуальный редактор WordPress. Учтите, что статья требует некоторых минимальных знаний в CSS.

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

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

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

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

WordPress

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

После активации вам нужно будет зайти в Settings > TinyMCE Custom Styles, чтобы настроить сам плагин. Плагин позволяет вам указать где находятся файлы с таблицами стилей. Затем вам нужно нажать кнопку Save All Settings. Теперь вы можете добавлять собственные стили. Вам нужно прокрутить немного вниз и выбрать кнопку Add new style. Сперва от вас потребуется ввести заголовок для вашего стиля. Этот заголовок будет отображаться в выпадающем меню. Затем надо выбрать что за элемент это будет. Потом добавьте CSS класс и ваши условия как это показано на скриншоте ниже.

WordPress

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

WordPress

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

Способ 2: вручную добавьте стили в визуальный редактор WordPress

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

Шаг 1. Добавьте выпадающий список в визуальный редактор WordPress

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

function wpb_mce_buttons_2($buttons) {
	array_unshift($buttons, 'styleselect');
	return $buttons;
}
add_filter('mce_buttons_2', 'wpb_mce_buttons_2');

Шаг 2. Добавьте параметры выбора в выпадающий список

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

/*
* Callback function to filter the MCE settings
*/

function my_mce_before_init_insert_formats( $init_array ) {  

// Define the style_formats array

	$style_formats = array(  

		array(  
			'title' => 'Content Block',  
			'block' => 'span',  
			'classes' => 'content-block',
			'wrapper' => true,
			
		),  
		array(  
			'title' => 'Blue Button',  
			'block' => 'span',  
			'classes' => 'blue-button',
			'wrapper' => true,
		),
		array(  
			'title' => 'Red Button',  
			'block' => 'span',  
			'classes' => 'red-button',
			'wrapper' => true,
		),
	);  
	// Insert the array, JSON ENCODED, into 'style_formats'
	$init_array['style_formats'] = json_encode( $style_formats );  
	
	return $init_array;  
  
} 
// Attach callback to 'tiny_mce_before_init' 
add_filter( 'tiny_mce_before_init', 'my_mce_before_init_insert_formats' );

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

Шаг 3. Добавляем стили CSS

Теперь последний шаг это добавить правила CSS для ваших стилей. Вам понадобится добавить этот код в файлы style.css и editor-style.css.

.content-block { 
    border:1px solid #eee; 
    padding:3px;
    background:#ccc;
    max-width:250px;
    float:right; 
    text-align:center;
}
.content-block:after { 
    clear:both;
} 
.blue-button { 
	background-color:#33bdef;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #057fd0;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	padding:6px 24px;
	text-decoration:none;
}

.red-button {
	background-color:#bc3315;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #942911;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	padding:6px 24px;
	text-decoration:none;
}

WordPress

Последняя таблица стилей управляет тем, как отображается ваш контент в визуальном редакторе. Если в вашем шаблоне отсутствует файл editor-style.css, то вам понадобится его создать. Затем вам нужно будет загрузить этот файл в корневую директорию вашего шаблона и добавить следующий код в файл functions.php

function my_theme_add_editor_styles() {
    add_editor_style( 'custom-editor-style.css' );
}
add_action( 'init', 'my_theme_add_editor_styles' );

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

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