Шаг №66.Как сделать анонс записи на главной и добавить кнопку читать далее?

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

Скажу по правде, в самом начале у меня возникла точно такая же сложность. Дело в том, что для того что бы сделать анонс записи нужно вручную добавить тег more в режиме HTML.И не понятно почему разработчики пошли на такой шаг, с одной стороны это очень удобно, потому что предоставляют автору самому решить в какой момент времени стоит ограничить анонс. А с другой стороны появляется очень много вопросов связанных с выводом анонсов записей на главной странице сайта.

Вот к примеру несколько типичных вопросов задаваемые новичками:

1)Артем еще подскажи как сделать кнопку «читать дальше» т.е. у меня на главной странице показывается весь текст, а не его анонс. В консоли ставил галочку анонса, но увы, не работает именно для главной страницы.

2)И еще вдогонку один вопрос — есть ли возможность делать автоматически cut для выводимых на гл. страницу заметок? В адмике в рубрике «Чтение» указал опцию «Анонс», но, по-видимому, это имеет отношение только к ленте RSS/ Пока делаю это вручную, вставляя в код статьи more.

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

Как добавить анонс на главную страницу сайта?

Для начала идем в настройки wordpress Параметры –> Чтение и устанавливаем чекбокс в положение “Анонс”.

Как сделать анонс записи на главной и добавить кнопку читать далее?

Итак, допустим у Вас уже готова запись, и Вам нужно вывести ее анонс на главной странице, для этого Вам необходимо установить курсор мыши в том месте где будет предположительное окончание анонса, а далее нажать на кнопку которая указана на изображении ниже (красная стрелка) или сочетание клавиш Alt+Shift+T.

Как сделать анонс записи на главной и добавить кнопку читать далее?

Все это проделывается в визуальном режиме.

Как сделать анонс записи на главной и добавить кнопку читать далее?

Переключившись в этот момент в режим HTML Вы увидите ,что в том месте где Вы добавили тег “Далее” появился тег:

<!--more-->

Точно так же можно в режиме HTML нажать на кнопку:

Как сделать анонс записи на главной и добавить кнопку читать далее?

Как автоматически делать анонс на wordpress?

Очень удобный плагин Вы можете найти вот на этой странице http://mywordpress.ru/plugins/auto-more/ плагин будет делать за вас работу по проставлению тегов more на страницах Вашего сайта. Очень удобный плагин, так как он корректно рассчитывает момент, когда необходимо вставить тег more.Никогда плагин не разобьет абзац, и корректно найдет окончание абзаца. Но только обратите внимание, как только вы удалите или де-активируете плагин, все теги автоматически уберутся.

Как изменить стандартную надпись “Читать далее”?

Очень часто возникает ситуация когда нужно изменить стандартную надпись “Читать далее”, и написать допустим что то более подходящее для статьи.К примеру к этой статье на главной вместо стандартной надписи я мог бы  использовать надпись “Узнать более подробно про кнопку Читать далее”. Давайте теперь посмотрим как это делается в wordpress:

Перейдите в режим HTML:

Режимы редактора wordpress

Найдите или добавьте тег More.

Теперь добавьте интересующий текст внутрь тега More:

Как сделать анонс записи на главной и добавить кнопку читать далее?

Обычно на всех стандартных шаблонах это срабатывает.

Ну а если не сработает тогда откройте файл post-template.php, который находится в папке wp-includes откройте его блокнотом и найдите строку:

$output .= apply_filters( 'the_content_more_link', ' <a href="' . get_permalink() . ">ID}\" class=\"more-link\">$more_link_text</a>", $more_link_text );

Замените её на такую строку:

$output .= apply_filters( 'the_content_more_link', '

$more_link_text

", $more_link_text );

Сохраните файл, и закачайте его обратно на сервер.

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

Полезна ли для Вас статья по добавлению анонсов на главную страницу сайта?

  • Алексагжр

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

  • http://saitkyrort.ru http://saitkyrort.ru

    Артём у меня такая проблема. В сайт баре хочу вывести анонс статей,но не получается выводится полностью текст, закачала плагин Black Studio TinyMCE Widget и тоже не получается.

  • http://ncuxolog.astrakraft.ru/ Светлана

    Артем, заменила я строку в post-template.php. Стало все коряво. Заменила строчку обратно. Теперь у меня вообще страница на сайте не открывается, где есть разрывы текста. Выходит текст Parse error: syntax error, unexpected ‘-‘, expecting ‘}’ in /home/p39968/www/ncuxolog.astrakraft.ru/wp-includes/post-template.php on line 219
    Что мне делать???

    • http://ncuxolog.astrakraft.ru/ Светлана

      Поставила обратно предложенный Вами код, временно. Пусть коряво, зато сайт работает. Но очень хочется поскорее исправить это.

      • http://ncuxolog.astrakraft.ru/ Светлана

        Вопрос больше не актуален (нашла старую резервную копию БД).Но все равно спасибо )

  • http://z-mama.ru Ксюша

    Большое спасибо за статью. Намаялась пока нашла, казалось бы такой простой вопрос. Плюс ко всему на джумле же было подобное, а совершенно забыла об этом значке с разорванной страничкой. Всё гениальное просто )))

    • http://wpcreate.ru Артем Петрусенко

      Да, для большинства новичков это достаточно актуальная проблема!

  • Елена

    Здравствуйте, Артем! Помогите, пожалуйста. Проблема состоит в том, что вместо ссылки «Читать далее» в анонсе записей выводятся квадратные скобки. Никак не могу от них избавиться. В php я новичок. Заранее спасибо.

    • http://wpcreate.ru Артем Петрусенко

      А как шаблон называется? 😐

  • Стас

    Ура — как так — размещаю статью, разделяю тегом — море — приходит робот на сайт и индексирует только ту её часть, которая и стоит перед тегом — а всю статью не цепляет??? АП находит именно вруб статьи и — финиш…
    Спасибо…

  • http://antikrizis.tv Виктория

    Большое спасибо!

  • Андрей

    Здравствуй, когда захожу на статью по сылки читать далее в url адресе в конце вылазит evropa.html#more-296
    а когда нажать на заглавие записи то адрес будет заканчивается evropa.html Читал что поисковики одинаковый контент по разным сылкам распознают как спам и могут понизить рейтинг выдачи. у тебя при переходе по сылке читать далее адрес url остается нормальным. Как мне сделать чтоб при нажатие читать далее был нормальный адрес без #more-296 ?

    • http://wpcreate.ru Артем Петрусенко

      Привет, нужно добавить функцию в файл functions.php

      function remove_more_tags($link) {
      $offset = strpos($link, '#more-');
      if ($offset) {
      $end = strpos($link, '"',$offset);
      }
      if ($end) {
      $link = substr_replace($link, '', $offset, $end-$offset);
      }
      return $link;
      }
      add_filter('the_content_more_link', 'remove_more_tags');
      • http://muzykalka.net/akkordy/ евгений

        Спасибо, помогло. Регулярно читаю ваш блог. Много нового узнаю 😉

  • Андрей

    в functions.php который в теме ? просто такой functions.php еще в wp-includes был найден поисковиком. и еще куда примерно код вставить в конце файла в начале или после какого тега? Спасибо за такой оперативный ответ)

    • http://wpcreate.ru Артем Петрусенко

      Да, который в шаблоне.
      Перед закрывающимся

      ?>
  • Андрей

    еще раз спасибо все сработало, код добавил в самом верху под <?php ❗

  • http://soft-zoom.ru/ павел

    спасибо очень помог вот от души тебе 😀

  • Ирина

    Здравствуйте! Скачала и установила плагин auto more. На главной странице записи так и отображаются полностью, а вот в рубриках текст заканчивается на квадратных скобках (перехода нет). Плагин удалила, ничего не меняется. Как быть?

    • http://wpcreate.ru Артем Петрусенко

      Ирина, скорее всего это особенность Вашего шаблона, кстати как он называется?

      • Ирина

        А где посмотреть название шаблона?

      • Ирина

        Спасибо! Я разобралась. Действительно, поставив другую тему, выбрала наиболее удобный для себя вариант.
        У вас очень полезный и интересный сайт! 😉

  • http://ar-sharipov.ru/ Арсений

    А для чего ставить «Анонс», если можно просто ставить тег море?

  • http://kuperyta.ru jeims

    Хорошая статья, а то вывадился полностью весь текст статьи на главной. Стал пользоваться 1 способом.

  • Дмитрий

    Здравствуйте, есть вопрос, а можно еще сделать так что бы текст анонса выводился отформатированный или по шаблону, например:
    Событие: футбол
    Дата: 4 января 2014

    в данный момент выводится так:
    Событие: футбол Дата: 4 января 2014

    то есть без абзаца и новой строки

    • Анастасия

      Та же проблема..
      Может кто нашел как ее устранить?

      Хочется, чтобы все было по фэншую.

      • Анастасия

        * нашел способ

  • http://www.dariaprotas.com Дарья

    ПОМОГИТЕ, ПОЖАЛУЙСТА!! я как ни билась, не понимаю, почему не выводятся картинки (тамбнейлс) у анонсовых заголовков (эксерптс) очень прошу, без них так скушно куцо все выглядит ((( с самго начала они не отображаются (((

  • Александр

    А как закрыть конкретную страничку записи на wordpress? Есть страничка на вордпресс http://www.aleksandrkorotkiy.com/kak-zaregistrirovatsya-v-platezhnoj-sisteme-payza/ как закрыть правильно именно /kak-zaregistrirovatsya-v-platezhnoj-sisteme-payza/ ?

    Достаточно ли будет чтобы запретить индексацию конкретной страничке(запись) http://www.aleksandrkorotkiy.com/kak-zaregistrirovatsya-v-platezhnoj-sisteme-payza поставить в robots
    Disallow: /kak-zaregistrirovatsya-v-platezhnoj-sisteme-payza
    Движок сайт вордпресс.

    Задача нужно чтобы запись или так называемая страничка /kak-zaregistrirovatsya-v-platezhnoj-sisteme-payza не индексировалось расположенное по адресу http://www.aleksandrkorotkiy.com /kak-zaregistrirovatsya-v-platezhnoj-sisteme-payza
    Правильно ли я сделал прописав в robots команду Disallow: /kak-zaregistrirovatsya-v-platezhnoj-sisteme-payza

  • http://gsomov.com Nina

    Проставила тег more в редактировании страницы, появился анонс в записи! но при нажимании «читать дальше» — страницы нет, ошибка. На главной статичной анонс все равно не появляется. Полезла в файл post-template.php и обнаружила там красный крест в строке 224 (та самая строка которую нужно заменить) с надписью Syntax error, unexpected T-Constant_Encapsed String, expecting T_Object_ Operator. Поменяла на вашу строку — ничего не изменилось кроме того, что в Записях пропало Читать далее вообще. Что с этим делать? Help!

    • http://gsomov.com Nina

      забыла сообщить — -шаблон twenty eleven

  • http://blog.print-servis5.ru Михаил Кирьянов

    Спасибо автору!!! Столкнулся с такой же проблемой, но благодаря информации на этой странице все быстренько сделал и порадовался успешному результату! ))

  • http://volkstudio.ru Влад

    Привет, спасибо за статью очень интересная. Возникла такая проблема: сделал отдельную страницу блог и хочу что бы все записи оставались только на этой странице. Создал запись, написал текст, поставил тег «море», все отлично. Захожу на страницу блог, отображается анонс как мне и хотелось, есть кнопка «читать далее», нажимаю на нее и перехожу на главную страницу (а хочу что бы открылась полная страница), именно в странице блог. Как сделать, помогите

  • Елена

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

  • Антон

    Спасибо большое, статейка помогла 🙂

  • http://chestniyblog.ru/ Честный Блоггер

    Спасибо Вам огромное.
    Около месяца искал решение проблемы и тут наткнулся на ваш блог.
    Теперь буду чаще к вам заглядывать 😉