
Длинные посты удобно разбивать на страницы – облегчается чтение и не приходиться до бесконечности скролить страницу. Сегодня вы узнаете, как разбить записи блога на страницы в Blogger и WordPress.
Как разделить длинное сообщение блога Blogger на страницы
- Идем в редактор html блога
Найдите отрезок кода </head> и вставьте перед ним jquery-код:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script style="text/javascript">
jQuery(document).ready(function(){
jQuery('.page1').click(function(){
jQuery('.content1').show();
jQuery('.content2').hide();
jQuery('.content3').hide();
jQuery('.content4').hide();
return false;
});
jQuery('.page2').click(function(){
jQuery('.content1').hide();
jQuery('.content2').show();
jQuery('.content3').hide();
jQuery('.content4').hide();
return false;
});
jQuery('.page3').click(function(){
jQuery('.content1').hide();
jQuery('.content2').hide();
jQuery('.content3').show();
jQuery('.content4').hide();
return false;
});
jQuery('.page4').click(function(){
jQuery('.content1').hide();
jQuery('.content2').hide();
jQuery('.content3').hide();
jQuery('.content4').show();
return false;
});
});
</script> - Создаем сообщение блога. В редакторе html записи блога, оно будет иметь следующую структуру:
<span class="content1">
Первая часть длинной записи (первая страница)
</span>
<span class="content2" style="display:none">
Вторая часть сообщения (вторая страница)</span>
<span class="content3" style="display:none">
Контент третьей страницы
</span>
<span class="content4" style="display:none">
Четвертая страница текста
</span> - Осталось лишь добавить постраничную навигацию в конце записи. В том же html режиме сообщения блога в конце записи добавляем код:
<p><a class="page5" href="#"> Страницы: </a>
<a href="#" class="page1">1</a>
<a href="#" class="page2">2</a>
<a href="#" class="page3">3</a>
<a href="#" class="page4">4</a></p>
У вас получится простая нумерация страниц. - Если вы хотите придать навигации более красивый вид, то вы можете добавить стили css в шаблон блога. Пример:
В редакторе шаблона блога найдите отрезок кода ]]></b:skin> и добавьте код перед ним:
.page1, .page2, .page3, .page4 {
background: #eee;
border: 1px solid #ccc;
padding: 5px;
}
.page5 {
background: #eee;
border: 1px solid #ccc;
padding: 5px;
margin: 4px;
}
Как разбить запись wordpress на страницы
Для разбивки записи wordpress на отдельные страницы нужно воспользоваться кодом <!—nextpage—> , который добавляем в режиме “текст” сообщения блога wordpress. Если после обновления записи постраничная разбивка не появилась, значит нужно править файл single.php – в этот файл нужно добавить код <?php wp_link_pages(); ?> . Этот код нужно добавить перед кодом, вызывающим комментарии - <?php comments_template(); ?> .
Интересно и полезно! Обязательно возьму на вооружение! Спасибо!
Наталья, спасибо! Нужная тема и все доступно изложено))
Спасибо. Сталкивался с такой проблемой, когда длинный пост приходилось разбивать на несколько. Опробую и этот метод
Я даже не знала, что разбить страничку на Вордпресс так просто. Мысль разделить большую страницу (простыну) на две небольшие приходила мне давно. Кроме того, что читателям так удобнее, так и еще и поведенческий фактор будет улучшаться. Но останавливала мысль о том, что нужно будет долго с кодом ковыряться или устанавливать лишний плагин. А тут оказывается все так просто. Спасибо!
Удобная и практичная находка!
Но не будут ли поисковики расценивать эти странички как дубли?
А еще важно, что при таком подходе повышается количество просматриваемых страниц на блоге:)
franceluxe, все же при ведении блога лучше делать ставку на удобство посетителей, а не на сео.
Подскажите как разбить пост на несколько страниц при динамическом шаблоне в формате сайдбар?
Данный способ не работает
Вестник КФЛ, к сожалению, не могу вам подсказать