Блок об авторе после записей WordPress

Всем привет!

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

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

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

И в данной статье я расскажу об одном простом способе сделать блок после статьи WordPress с информацией автора.

В своем блоге я реализовал данную функцию следующим образом:

Блок об авторе после записей WordPress

Если вы хотите себе на сайт подобный блок с информацией, дочитайте статью до конца, а в конце заодно оцените работу блока с информацией «в живую».

Как добавить блок после статьи Вордпресс

Может быть поставленная задача покажется кому-то сложной, но на самом деле делается все довольно просто.

Перед тем, как приступить к осуществлению описанных ниже действий, ОБЯЗАТЕЛЬНО сделайте резервную копию файла functions.php вашего шаблона WordPress!

Итак, меры предосторожности приняты, идем дальше!

А дальше нужно добавить в самый конец файла functions.php фрагмент кода:

/* блок об авторе */
function insertFootNote($content) {
if(!is_feed() && !is_home()) {
$content.= требуемый для отображения после статей контент;
}
return $content;
}
add_filter ('the_content', 'insertFootNote');
/* блок об авторе */

Доступ к functions.php для редактирования можно осуществить с помощью FTP-клиента.

Далее в вышеуказанном коде нужно присвоить переменной content необходимый для отображения контент в формате html-кода.

В моем случае код отображения блока получился следующий:

/* блок об авторе */
function insertFootNote($content) {
if(!is_feed() && !is_home()) {
$content.= "<div class='subscribe'>
<a href='http://expromtom.ru/ob-avtore' target='_blanc'><img src='http://expromtom.ru/wp-content/uploads/2017/12/autor.jpg' alt='Автор блога' width='100'></a>
<p>Меня зовут Владимир Денисов и я рад приветстовать Вас на страницах моего блога!</p>
<p>Узнать больше об авторе можно по <a href='http://expromtom.ru/ob-avtore' target='_blanc'>этой ссылке</a>.</p>
<p>Чтобы получать свежие статьи <a href='https://feedburner.google.com/fb/a/mailverify?uri=expromtom' target='_blanc'>подпишитесь на обновления</a>.</p></div>";
}
return $content;
}
add_filter ('the_content', 'insertFootNote');
/* блок об авторе */

Для того, чтобы блок отображался красиво, нужно прописать для него CSS стили в файле style.css вашего шаблона WordPress.

Я прописал следующие стили:

.subscribe {
border: 1px solid #DDD;
padding: 15px;
margin: 0 0 15px 0;
}
 
.subscribe img {
display: block;
float: left;
margin: 10px 15px 15px 15px;
-moz-border-radius: 100px; /* Firefox */
-webkit-border-radius: 100px; /* Safari, Chrome */
-khtml-border-radius: 100px; /* KHTML */
border-radius: 100px; /* CSS3 */
behavior: url(border-radius.htc); /*IE */
}

Теперь вам осталось лишь поэкспериментировать с контентом в формате html-кода и подобрать то, что нужно именно вам.

Например, если вы хотите предложить читателям подписаться на RSS-рассылку Feedburner, то используйте следующий код блока с информацией:

/* блок об авторе */
function insertFootNote($content) {
if(!is_feed() && !is_home()) {
$content.= "<div class='subscribe'><p>Подпишитесь на <a href='http://feeds.feedburner.com/ссылканавашаккаунт'>RSS</a> и получайте новости первыми!</p></div>";
}
return $content;
}
add_filter ('the_content', 'insertFootNote');
/* блок об авторе */

Только вместо ссылканавашаккаунт пропишите ссылку на свой аккаунт Feedburner.

Вот так довольно просто можно добавить блок об авторе после записей WordPress.

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

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

С уважением, Владимир Денисов!

Также стоит прочитать:

Красивая форма подписки feedburner для WordPress... Всем привет! Сегодня поменял внешний вид формы подписки на обновления моего...блога, реализованной через такой сервис Google, как feedburner. Именно по этой...причине в данной статье я расскажу о создании красивой формы подписки feedburner...для WordPress.
Картинки в комментариях. Плагин Comment Images... Здравствуйте, читатели моего блога! Речь в данной статье пойдет о плагине для...WordPress, который позволяет вставлять изображения в комментарии. Разумеется,...это не единственный способ выполнения данной операции, ведь уже размещенное в...интернете изображение можно вставить в комментарий с использованием ссылки не...него. Однако, для этого изображение должно быть размещено в интернете, а...какое-либо стороннее изображение, к примеру, с жесткого диска вашего компьютера,...добавить не удастся. В этом случае на помощь приходит плагин.
Галерея изображений стандартными средствами WordPr... Всем привет! В сегодняшней статье я хочу затронуть вопрос создания простой...галереи изображений для WordPress стандартными средствами данной CMS.
Простой способ изменить фон для WordPress сайта!... Всем привет! Сегодняшняя статья будет наиболее интересна новичкам, которые...хотят изменить или установить фон для своего сайта/блога на WordPress, ведь в...ней я расскажу об одном быстром и простом способе сделать фон для своего...интернет-ресурса.
Всплывающие картинки в WordPress без плагина... Всем привет! Про то, как сделать всплывающие картинки в WordPress я уже писал в...одной из своих статей, но там речь шла о...применении специального плагина. Логично будет рассмотреть способ получения...аналогичного результата без установки дополнительных плагинов. Именно об этом мы...и поговорим в рамках сегодняшней статьи.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.