SdelaemBlog

Создание Сайтов и их настройка

Тег more — как редактировать ссылку читать далее на wordpress

Главная Статьи WordPress Тег more — как редактировать ссылку читать далее на wordpress
#WordPress

25 октября 2012

Приветствую вас, друзья, на блоге — SdelaemBlog.ru. Сегодня поговорим о теге more (Читать Далее), который делит статью на анонс и основной текст. И как вы уже могли догадаться, он используется на бесплатном движке Wordpess. Сегодня попробуем разобраться,  как использовать эту возможность у себя на сайте и как изменить внешний вид и описание ссылки.

Тег more - как редактировать ссылку читать далее на wordpress

По умолчанию, статью делит ссылка: Читать Далее (Read More). Но ведь наш проект должен быть уникальным и не похожим на другие, поэтому данное положение вещей, нам не подходит. Итак, давайте разберем, как все это работает?

Для чего нужен тег more на wordpress?

Если написать статью не используя more, то статья в полном объеме попадет на главную страницу wordpress. И, по-моему, выглядеть это будет, как минимум, не очень.

Статья полностью на главной странице

А вот так будет выглядеть пост разделенный на анонс и основную часть. То есть на главной странице, будет выводиться только анонс поста.

Статья с использованием тега more

Выглядит гораздо аккуратней. Но сама ссылка «далее», выглядит довольно убого. Да и находится не там, где я хотел бы ее видеть. Что мы можем с этим сделать?

Как изменить текст тега more на сайте wordpress?

Чтобы отредактировать текст. Нужно открыть, используя текстовый редактор, файл index.php, и найти следующий код.

<?php the_content(); ?>

Он  может выглядеть и вот так:

<?php the_content( $more_link_text, $stripteaser ); ?>

То есть выглядеть он может по разному, но результат его отображения в статье может быть один.

Итак, чтобы заменить слово «далее» на любую другу фразу, нужно немного поправить код. Например так:

<?php the_content('Читать статью:'); ?>

После этого ссылка на полную запись будет выглядеть следующим образом:

Как изменить текст тега more на wordpress

Также в этот код можно добавить тайтл статьи:

<?php the_content("Читать статью:" . the_title('', '', false)); ?>

После всех изменений, тег more wordpress, стал читаться так:

Как редактировать тег more?

Итак, текст ссылки мы изменили — это основные и самые используемые способы. Но он все еще находится не там, где хотелось бы. Поэтому нужно заняться его внешним видом…

Как изменить внешний вид тега more?

Для изменения, нужно найти в файле style.css, следующий класс:

.more-link

С помощью данного класса можно изменить расположение кнопки относительно анонса поста, изменить размер цвет ссылки, добавить фон, или вообще заменить текст картинкой. Например так:

.more-link{
background: #FFFFFF;
float: right;
margin: 30px 10px 10px 10px;
border: 1px solid #C3B17F;
border-radius: 4px;
box-shadow: 0px 5px 5px #C3B17F;
padding: 5px;
}

В итоге, я получил такой внешний вид, который меня устраивает на данном этапе.

Как изменить внешний вид тега more?

Уникальный тег more, для каждой статьи wordpress

Все способы описанные выше, являются способами для ленивых. Но тег можно редактировать и непосредственно при написании статьи. При этом, его можно сделать уникальным, для каждого отдельного поста. Проще всего, это можно сделать так:

Сам код разделяющий текст поста, в режиме html, выглядит так:

<!--more-->

А для создания уникального текста, нужно при написании статьи на wordpress, включить html-режим. И в нужное место вставить следующий код:

<!--more Уникальная ...-->

Вместо «уникальная …» — впишите любой текст, который в итоге станет ссылкой на полную запись.

И выглядеть уже будет так:

Уникальный тег more, для каждой статьи

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

Оставьте свой коммент
ДОСТАВКА СТАТЕЙ ПОЧТОЙ, на дом

Ознакомьтесь с условиями хранения ваших данных

Комментарии

  1. Тика

    Как сделать, чтобы кнопка далее не открывалась в новой вкладке?

    4 месяца назад13.05.2017 Ответить
    • Михаил Веб

      К сожалению я не волшебник и без кода, или просмотра шаблона не могу сказать.

      4 месяца назад13.05.2017 Ответить
  2. ирина

    помогите помогите пожалуйста. тема zion, там есть the_excerpt…но на простой текст не выводится тэг more/// в разделе блог все замечательно работает, но на остальных страницах не работает тэг more/// уже не знаю что пробовать..

    8 месяцев назад22.01.2017 Ответить
    • Михаил Веб

      Если не работает тег more, замените
      the_excerpt
      на
      the_content

      4 месяца назад13.05.2017 Ответить
  3. дмитрий

    вот это работает поменял читать далее!

    1 год назад08.08.2016 Ответить
  4. дмитрий

    Внесение изменений в тему Twenty Fifteen

    A. Цитаты вместо отрывков в анонсах

    Чтобы на главной странице блога и страницах рубрик выводился текст из поля «Цитата» вместо отрывка статьи до тега «Далее»:

    1. в Notepad++ создайте пустой файл content.php;

    2. скопируйте в этот файл содержимое файла content.php темы Twenty Fifteen;

    3. найдите эту часть кода (строки 29-46):

     <?php
     /* translators: %s: Name of current post */
     the_content( sprintf(
     __( 'Continue reading %s', 'twentyfifteen' ),
     the_title( '', '', false )
     ) );
    
     wp_link_pages( array(
     'before' => '' . __( 'Pages:', 'twentyfifteen' ) . '',
     'after' => '',
     'link_before' => '',
     'link_after' => '',
     'pagelink' => '' . __( 'Page', 'twentyfifteen' ) . ' %',
     'separator' => ', ',
     ) );
     ?>
     <!-- .entry-content -->
    4. замените этим кодом:
    
    
     
     <a href="" class="readmore more-link">Читать дальше</a>
     <?php else:
     /* translators: %s: Name of current post */
     the_content( sprintf(
     __( 'Continue reading %s', 'twentyfifteen' ),
     the_title( '', '', false )
     ) );
     
     wp_link_pages( array(
     'before' => '' . __( 'Pages:', 'twentyfifteen' ) . '',
     'after' => '',
     'link_before' => '',
     'link_after' => '',
     'pagelink' => '' . __( 'Page', 'twentyfifteen' ) . ' %',
     'separator' => ', ',
     ) );
     endif;
     ?>
     
    <!-- .entry-content -->
    1 год назад08.08.2016 Ответить
  5. Михаил Веб

    @ Роман:
    Здравствуйте. Не за что.
    А в чем же была проблема?

    2 года назад21.03.2016 Ответить
  6. Роман

    Еле разобрался, весь день на это ушёл, спасибо вам.

    2 года назад21.03.2016 Ответить
  7. Михаил Веб

    @ Бух:
    Рад, что у Вас все получилось :-)

    2 года назад21.09.2015 Ответить
  8. Бух

    Все гениальное просто)) Вопрос не актуален)

    2 года назад18.09.2015 Ответить
  9. Бух

    Привет, не подскажете, как сделать вывод записей без функции читать далее (как на вашем блоге). Дело в том, что у меня в шаблоне предусмотрено читать далее и я хочу оставить именно тот вариант, а в текущей ситуации у меня дублируется. Убрать шаблонное получается, убрать нужное нет))
    Спасибочки.

    2 года назад18.09.2015 Ответить
  10. Михаил Веб

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

    < ?php the_excerpt(); ?>
    3 года назад28.12.2014 Ответить

Чтобы оставить комментарий, заполните, пожалуйста форму ниже:

Смайлы

Нажимая на кнопку "Комментировать" Вы согласшаетесь с условиями политики конфиденциальности

Обязательно для Заполнения!

Обязательно для Заполнения!

Проверка комментариев включена. Прежде чем Ваши комментарии будут опубликованы пройдет какое-то время.

Отправить жалобу разработчику сайта

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

[contact-form-7 404 "Not Found"]

Спасибо большое за поддержку проекта! :)

Для поддержки проекта, выберите убодный способ для оплаты: