Блок об авторе после записей 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 для... В данной статье вы найдете информацию о том, как создать красивую форму подписки...Feedburner для WordPress.
Как вставлять картинки в комментарии WordPress... Речь в данной статье пойдет о плагине для WordPress, который позволяет вставлять...изображения в комментарии. Разумеется, это не единственный способ выполнения...данной операции, ведь уже размещенное в интернете изображение можно вставить в...комментарий с использованием ссылки не него. Однако, для этого изображение...должно быть размещено в интернете, а какое-либо стороннее изображение, к примеру,...с жесткого диска вашего компьютера, добавить не удастся. В этом случае на помощь...придет рассматриваемый ниже плагин.
Простой способ изменить фон для WordPress сайта... Сегодняшняя статья будет наиболее интересна новичкам, которые хотят изменить или...установить фон для своего сайта на WordPress, ведь в ней я расскажу об одном быстром и...простом способе сделать фон для своего интернет-ресурса.

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

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

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