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


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


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


Как подсоединить 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


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


12 советов как оптимизировать ваш RSS Feed в WordPress

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

1. Оптимизируйте свой фид для Feedly

Feedly быстро превратился в самый популярный фид-ридер после кончины Google Reader. Для начала понадобиться установить и включить плагин Optimize Your Feed for Feedly. Если вам требуется больше деталей, то следуйте пошаговому руководству как установить плагин WordPress. После активации зайдите в Settings > OYFFF для того, чтобы настроить плагин.

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

function cc_mime_types($mimes) {
  $mimes['svg'] = 'image/svg+xml';
  return $mimes;
}
add_filter('upload_mimes', 'cc_mime_types');

Затем вам надо отметить ячейку для вашего featured-изображения. Однако если вы пользуетесь своим кодом, чтобы добавлять изображения в свой фид, то вам придется убрать этот код. Иначе ваш featured-изображение будет отображено дважды в вашем фиде. После этого необходимо указать SVG-файл, который будет использоваться как логотип. Можете также использовать логотип своего сайта, только убедитесь, что у него фиксированный размер 30 пикселей. Можно выбрать цвет, на который будет делаться акцент, при отображении вашего сайта в Feedly. Ну и наконец можно добавить свой tracking ID от Google Analytics, который вы можете найти в настройках своего аккаунта. Оно будет иметь похожий вид UA-XXXXXXX-X. И, конечно же, не забудьте сохранить настройки.

2. Добавьте кнопку Follow на Feedly к своим постам

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

WordPress

Feedly сгенерирует вам кусок кода. Вам нужно скопировать его и зайти на страницу Appearance > Widgets в вашей админ-панели. После этого просто добавьте текстовый виджет в ваш sidebar и вставьте туда кусок скопированного кода.

3. Показывайте аннотацию вместо полной статьи в RSS-фиде

Показывая статью целиком, вы позволяете пользователям RSS-фида читать ее, не покидая свой фид-ридер, что негативно сказывается на просмотрах страниц и доходах с рекламы. Поэтому есть смысл в том, чтобы показывать лишь аннотацию статьи, нежили всю статью целиком. В WordPress для этого есть встроенное решение. Просто зайдите на страницу Settings>Reading в вашей админпанели и найдите опцию For each article in a feed, show.

WordPress

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

4. Добавляйте изображения в фид

По умолчанию WordPress не добавляет featured-изображения в RSS-фид. Если вы не пользуетесь плагином Optimize Feed для Feedly, то можете воспользоваться следующим методом. Вам понадобится добавить нижеприведенный код в файл functions.php или специфичный плагин.

function rss_post_thumbnail($content) {
global $post;
if(has_post_thumbnail($post->ID)) {
$content = '

' . get_the_post_thumbnail($post->ID) .
'

' . get_the_content();
}
return $content;
}
add_filter('the_excerpt_rss', 'rss_post_thumbnail');
add_filter('the_content_feed', 'rss_post_thumbnail');

Этот код всего-навсего добавляет ваше featured-изображение в абзац прямо перед текстом.

5. Добавлять контент до или после постов в RSS-фидах

Хотите добавлять свой контент в начале или конце каждого материала в вашем RSS-фиде? Если вы уже пользуетесь плагином YoastSEO, то вам повезло. Направляйтесь в страничку SEO>Advanced и щелкните по вкладке RSS.

WordPress

Здесь вы увидите два текстовых поля, чтобы добавить текст до и после своего поста в фиде. Вы заметите, что плагин автоматически добавляет строчку ‘The post %%POSTLINK%% appeared first on %%BLOGLINK%%.’ после каждого поста. Это защищает ваш контент от воровства в виде разных контнет-скраперов, так как Google всегда будет знать, что именно ваш сайт был оригинальным источником.

6. Добавляйте свои типы постов в RSS-фид

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

function myfeed_request($qv) {
	if (isset($qv['feed']) && !isset($qv['post_type']))
		$qv['post_type'] = array('post', 'books', 'movies');
	return $qv;
}
add_filter('request', 'myfeed_request');

В примере этого кода мы добавили две категории постов – фильмы и книги – в главный фид. Не забудьте поменять movies и books на свои категории.

7. Позвольте подписываться на RSS фид посредством электронной почты

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

8. Позвольте читателям подписываться на категории

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

WordPress

9. Разрешите пользователям подписываться на авторов

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

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

10. Показывайте или скрывайте контент от подписчиков

Хотите показывать бонусный контент только для своих подписчиков? Некоторые мудрые сайтовладельцы используют этот способ, чтобы подстегнуть своих пользователей подписаться на их RSS фид. С другой стороны, некоторые блоггеры предпочитают прятать часть контента от своих подписчиков, чтобы подстегнуть их зайти на сайт. Сперва вам понадобится установить и активировать плагин WP Kill in Feed. Если вам нужные дополнительные детали, то смотрите наше руководство о том, как установить плагин WordPress. После активации можете воспользоваться шорткодом [[addtofeed]] чтобы добавить контент только для фида. Например, как тут:

[addtofeed]
This content is for RSS feed subscribers only
[/addtofeed]

Также можете воспользоваться шорткодом [killinfeed], чтобы спрятать контент из своего RSS-фида.

[killinfeed]Content hidden from RSS feed subscribers [/killinfeed]

11. Добавьте социальные кнопки в ваш RSS фид

WordPress

Многие современные фид-ридеры вроде Feedly позволяют своим пользователям делиться статьями из своих фидов в социальных сетях. Но в то же время существуют ридеры, в которых эти функции либо не так заметны, либо их там нет вовсе. Вы можете добавить собственные иконки социальных сетей в своем фиде. Для начала вам нужно будет создать свои иконки, чтобы использовать их как кнопки. Для этого руководства мы добавили иконки для Фейсбука и Твиттера наш демосайт через Media > Add new. После загрузки иконок вам надо скопировать их местонахождение и сохранить где-нибудь в текстовый редактор.

WordPress

Затем надо добавить код в файл functions.php

// add custom feed content
function wpb_add_feed_content($content) {

// Check if a feed is requested
if(is_feed()) {

// Encoding post link for sharing
$permalink_encoded = urlencode(get_permalink());

// Getting post title for the tweet
$post_title = get_the_title(); 

// Content you want to display below each post
// This is where we will add our icons

$content .= '

<a href="http://www.facebook.com/sharer/sharer.php?u=' . $permalink_encoded . '" title="Share on Facebook"><img src="Facebook icon file url goes here" title="Share on Facebook" alt="Share on Facebook" width="64px" height="64px" /></a>

<a href="http://www.twitter.com/share?&text='. $post_title . '&url=' . $permalink_encoded . '" title="Share on Twitter"><img src="Facebook icon file url goes here" title="Share on Twitter" alt="Share on Twitter" width="64px" height="64px" /></a>


';
}

return $content;
}

add_filter('the_excerpt_rss', 'wpb_add_feed_content');
add_filter('the_content', 'wpb_add_feed_content');

Не забудьте заменить атрибут src= в теге на адрес ваших иконок Твиттер и Фейсбук. Теперь вы можете видеть социальные кнопки в своем фиде.

12. Выкладывайте посты в 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');

Этот код создает десятиминутную задержку прежде чем ваши посты появятся в RSS фиде. Вы можете поменять это значение на 60 или 120 минут.


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


Как создать блог на WordPress: пошаговое руководство

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

Что требуется для того, чтобы открыть блог на WordPress?

Есть три вещи, которые вам понадобятся для того, чтобы открыть свой блог на WordPress. Это:

1) доменное имя (это будет названием вашего сайта)
2) хостинг (это будет домом вашего сайта в Интернете)
3) 30 минут вашего внимания

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

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

Шаг 1. Установка

Наибольшая ошибка, которую допускают многие начинающие блоггеры заключается в том, что они выбирают не ту платформу для своего блога. Но поскольку вы здесь, то можете не волноваться – этой ошибки вы уже не допустите. 95% пользователей выбирают WordPress.org. Почему? Потому что это бесплатно, ты можешь устанавливать плагины, улучшать дизайн и, что самое важное, зарабатывать на своем сайте деньги без каких-либо ограничений (читайте статью о разнице между WordPress.com и WordPress.org). Наверняка вы слышали, что WordPress бесплатен. Скорее всего, вы спрашивали себя почему он бесплатен и в чем кроется подвох. Подвоха нет. Он бесплатен, потому что вам нужно устанавливать и размещать его в Интернете своими силами. Другими словами, вам нужен домен и хостинг. Домен это то, что люди вводят в адресную строку браузера, чтобы увидеть ваш сайт. Это адрес вашего сайта в интернете. Хостинг это место, на котором расположен ваш сайт. Ни один сайт не может существовать без хостинга.

Домен обычно стоит 14,99 долларов в год, а хостинг 7,99 долларов в месяц. Это достаточно много для людей, которые только пробуют свои силы. К счастью, Bluehost, официально рекомендуемый WordPress хостинг предлагает своим пользователям бесплатный домен и 60% скидки. Это один из старейших хостингов в мире, работающий с 1996 года, еще до появления Google. Также эта компания является самой популярной, когда дело касается хостинга WordPress и размещает миллионы блогов на своих серверах. Вдобавок ко всему Bluehost работал с WordPress еще с 2005 года. Так что давайте купим себе домен и хостинг. Откройте Bluehost и щелкните по зеленой кнопке Get Started Now.

WordPress

Затем выберите тариф – basic и plus являются самыми популярными. После этого от вас потребуют ввести доменное имя для вашего веб-сайта.

WordPress

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

WordPress

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

Шаг 2. Установка WordPress

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

WordPress

Вас перенаправит на экран установки, где нужно будет нажать кнопку Get Started. Затем у вас потребуют ввести доменное имя. Выберите его из выпадающего списка и нажмите Next.

WordPress

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

WordPress

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

WordPress

Нажмите по ссылке Installation Complete и вы увидите экран с данными для входа.

WordPress

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

где yoursite это название вашего сайта.

Теперь осталось дело за малым – украсить ваш блог и приступить к постингу.

Шаг 3. Выбор шаблона WordPress

Оформление вашего блога зависит от шаблона. Когда вы впервые зайдете на свой сайт, он будет выглядеть следующим образом:

WordPress

Прямо скажем, не самый привлекательный дизайн. Улучшение внешнего вида блога это, пожалуй, одно из самых полезных и увлекательных занятий на пути создания сайта на WordPress. Существуют тысячи шаблонов для WordPress – одни из них платные, другие – нет. Свой шаблон вы можете изменить, зайдя на страничку Appearance » Themes.

WordPress

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

WordPress

Как только найдете шаблон себе по душе, просто наведите курсор мыши и увидите кнопку Install. Щелкните по ней и дождитесь когда установка будет завершена. Как только это произойдет кнопка поменяется на Activate. Вам нужно будет по ней нажать, чтобы привести шаблон в действие. Настроить же и подрихтовать его можно нажав по ссылке Customize под меню Appearance.

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

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

Шаг 4. Создание первого поста

Чтобы создать свой первый пост щелкните по Posts > Add New. Вы увидите редактор, в котором сможете вводить текст.

WordPress

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

WordPress

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

Шаг 5. Плагины и улучшения

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


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


Как навсегда удалить сайт на WordPress из Интернета?

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

WordPress

Зачем и для чего стоит навсегда удалить сайт из Интернета?

Вы можете просто удалить файлы WordPress со своего сервера и сайт будет недоступным. Однако он все равно может возникать в виде результатов поиска, скэшированных скриншотов и интернет-архивах. Так что, удалить сайт из Интернета дело не самое легкое, учитывая, что существуют тысячи сайтов, которые собирают контент с других ресурсов. Однако, следуя шагам, приведенным в этой статье, вы сможете усложнить доступ к контенту вашего удаленного сайта. Учтите, что статья написана об удалении самолично установленного WordPress (смотрите статью в чем заключается разница между сайтом WordPress.org на своем хостинге и блогом на WordPress.com). Теперь, когда мы вас предупредили, давайте же наконец разберемся как выпилить ваш сайт из Интернета.

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

Шаг 1. Сделайте резервную копию своего сайта

WordPress

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

Шаг 2. Удалите файлы WordPress

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

WordPress

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

Шаг 3. Запретите поисковикам доступ к Robots.txt

Теперь, когда вы удалили свой сайт, настало время запретить поисковикам лазать по нему. Мы будем использовать файл robots.txt, чтобы запретить поисковикам собирать информацию о нашем сайте. Для начала надо будет создать новый файл под названием robots.txt, используя cPanel или FTP. Создав файл, вам понадобится отредактировать его и добавить следующие строчки:

User-agent: *
Disallow: /

Эти две строчки закрывают доступ поисковым ботам к ссылкам под вашим доменным именем.

Шаг 4. Удаляем контент из поисковых систем

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

RewriteEngine On
RewriteCond %{REQUEST_URI} !^/robots.txt
RewriteCond %{HTTP_HOST} ^www\.example\.com$ [NC]
RewriteRule ^(.*)$ - [L,G]

Не забудьте заменить example.com на адрес своего сайта. Этот код будет перенаправлять все запросы на ваш сайт и выдавать ошибку 410. Правда, он все равно позволит паукам поисковиков получать достоп к файлу robots.txt.

WordPressОднако несмотря на все это, процесс может занять некоторое время. Вы можете все это дело ускорить, подав запрос на удаление кэша.

Убираем скриншоты сайта из Wayback Machine

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

WordPress

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


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


Как создать плавающую панель

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

Что такое плавающая панель?

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

Вы можете использовать плавающую панель для следующих вещей:

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

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

Способ 1. Создаем плавающую панель вручную

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

Первым делом вам потребуется FTP-клиент или файловый менеджер в cPanel. Найдите файл footer.php в папке с вашим шаблоном и скачайте его себе на компьютер. Путь к папке обычно выглядит таким образом:

/wp-content/themes/your-theme-folder/

Затем откройте скачанный файл в каком-нибудь редакторе вроде Блокнота и добавьте следующий код прямо перед тегом .


<div class="fixedBar">

<div class="boxfloat">


<ul id="tips">

<li><a href="https://coma.lv/">Coma Link is the First Item</a></li>


<li><a href="http://www.wordpress.org/">WordPress.org is the Second Item</a></li>

</ul>


</div>

</div>

Вы можете добавлять сколько угодно пунктов – мы вам покажем как потом их произвольно менять при каждой следующей загрузке страницы. Следующим действием будет добавление стилей CSS. Вы можете добавить CSS в файл style.css или использовать плагин вроде Simple Custom CSS.


.fixedbar {
background: #000; 
bottom: 0px; 
color:#fff; 
font-family: Arial, Helvetica, sans-serif; 
left:0; 
padding: 0px 0; 
position:fixed; 
font-size:16px; 
width:100%; 
z-index:99999; 
float:left; 
vertical-align:middle; 
margin: 0px 0 0; 
opacity: 0.95; 
font-weight: bold;
}
.boxfloat {
text-align:center; 
width:920px; 
margin:0 auto;
}

#tips, #tips li {
margin:0; 
padding:0; 
list-style:none
}
#tips {
width:920px; 
font-size:20px; 
line-height:120%;
}
#tips li {
padding: 15px 0; 
display:none;
}
#tips li a{
color: #fff;
}
#tips li a:hover {
text-decoration: none;
}

Добавив CSS, вы скорее всего не увидите изменений на сайте. Это потому, что мы отключили показ материала. Затем мы будем использовать jQuery для того, чтобы произвольно показывать один материал из нашего списка. Вам надо открыть редактор типа Блокнота и в пустой текстовый файл вставить следующий код:

(function($) {
this.randomtip = function(){
	var length = $("#tips li").length;
	var ran = Math.floor(Math.random()*length) + 1;
	$("#tips li:nth-child(" + ran + ")").show();
};

$(document).ready(function(){	
	randomtip();
});
})( jQuery );

Как только дело будет сделано, сохраните файл как floatingbar.js у себя на компьютере. Теперь откройте свой FTP-клиент и подсоединитесь к серверу. Зайдите в папку со своим шаблоном и найдите папку js. Обычно путь будет следующим:

/wp-content/themes/your-theme-folder/js

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

function wpb_floating_bar() {
    wp_enqueue_script( 'wpb-footerbar', get_stylesheet_directory_uri() . '/js/floatingbar.js', array( 'jquery' ) );
}
add_action( 'wp_enqueue_scripts', 'wpb_floating_bar' );

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

Способ 2. Использование OptionMonster для добавления плавающей панели в WordPress

OptionMоnster это популярный плагин, который помогает превратить посетителей вашего сайта в подписчиков и покупателей. Одна из функций этого плагина заключается в том, что в нем есть плавающая панель, которую вы можете использовать как формуляр для ввода e-mail’ов, так и для рекламы ссылок или предложений.

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

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

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

Этот плагин является своего рода мостом между вашим сайтом на WordPress и OptinMonster. Помимо активации плагин добавит новый пункт в меню под названием OptinMonster в админпанели WordPress.

WordPress

От вас потребуют ввести ваше имя пользователя и ключ, который вы можете получить у себя в аккаунте на OptionMonster.

WordPress

Скопируйте и вставьте ключ, затем щелкните по кнопке Connect to OptinMonster. Плагин подсоединится к вашему аккаунту в OptinMonster.

WordPress

Затем вам нужно щелкнуть по кнопке Create New Optin.

Вас направит на страницу сайта, где будет нужно сперва указать Optin Campaign Title и выбрать сайт, где вы будете этим пользоваться. Для этого щелкните по ссылке Add a new website.

WordPress

Затем щелкните по плавающей панели под Select your optin type, чтобы выбрать шаблон для своей панели. Выбрав шаблон, у вас запустится конструктор, позволяющий настроить дизайн и прочие вещи.

WordPress

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

Вернитесь в админпанель вашего сайта на WordPress и зайдите в OptinMonster » Optins. Если не увидите свою функцию, то просто обновите страничку. Затем нажмите Edit output settings.

WordPress

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

WordPress


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