Как разбить длинную запись блога на страницы

Длинные посты удобно разбивать на страницы – облегчается чтение и не приходиться до бесконечности скролить страницу. Сегодня вы узнаете, как разбить записи блога на страницы в Blogger и WordPress.

Как разделить длинное сообщение блога Blogger на страницы

1. Идем в редактор 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>

2. Создаем сообщение блога. В редакторе 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>

   

3. Осталось лишь добавить постраничную навигацию в конце записи. В том же 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>

   
   У вас получится простая нумерация страниц.

4. Если вы хотите придать навигации более красивый вид, то вы можете добавить стили 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(); ?> .