2014-05-27

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

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

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


  1. Идем в редактор html блога
    редактор 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(); ?> .

8 комментариев :

Элси комментирует...

Интересно и полезно! Обязательно возьму на вооружение! Спасибо!

Ирина Иванова комментирует...

Наталья, спасибо! Нужная тема и все доступно изложено))

Владимир Стариков комментирует...

Спасибо. Сталкивался с такой проблемой, когда длинный пост приходилось разбивать на несколько. Опробую и этот метод

Настя Курило комментирует...

Я даже не знала, что разбить страничку на Вордпресс так просто. Мысль разделить большую страницу (простыну) на две небольшие приходила мне давно. Кроме того, что читателям так удобнее, так и еще и поведенческий фактор будет улучшаться. Но останавливала мысль о том, что нужно будет долго с кодом ковыряться или устанавливать лишний плагин. А тут оказывается все так просто. Спасибо!

franceluxe комментирует...

Удобная и практичная находка!

Но не будут ли поисковики расценивать эти странички как дубли?

А еще важно, что при таком подходе повышается количество просматриваемых страниц на блоге:)

Иванова Наталья комментирует...

franceluxe, все же при ведении блога лучше делать ставку на удобство посетителей, а не на сео.

Вестник КФЛ комментирует...

Подскажите как разбить пост на несколько страниц при динамическом шаблоне в формате сайдбар?
Данный способ не работает

Иванова Наталья комментирует...

Вестник КФЛ, к сожалению, не могу вам подсказать

Отправить комментарий

Комментарии, содержащие ненормативную лексику, спам, оскорбления, публиковаться не будут. Ели вы хотите опубликовать код в комментарии, то воспользуйтесь encoder HTML
Публикуя комментарии, вы соглашаетесь с политикой конфиденциальности