Тег «More» — Поддержка — WordPress.com
На главной и архивных страницах можно показывать только начало записей, при этом в конце отрывка будет содержаться ссылка на полное содержимое записи.
Тег «More» можно вставить при помощи кнопки в первом ряду панели инструментов или сочетания клавиш Alt+Shift+T:
Внимание! Тег «More» не работает со страницами.
Использование тега «More»
1) В консоли перейдите на страницу Записи ->Добавить новую.
2) Начните запись. В том месте, где будет заканчиваться отрывок, вставьте тег «More», чтобы разделить запись. Запись в редакторе будет выглядеть примерно так:
3) Закончите свою запись.
4) Опубликуйте запись. На главной странице своего блога вы увидите фрагмент записи (при просмотре запись всегда отображается полностью):
При переходе по ссылке вы увидите текст записи целиком.
↑ Содержание ↑
Задание текста ссылки на продолжение записи
Текст ссылки на продолжение записи можно изменить. Для этого необходимо переключиться в HTML-режим редактора. В режиме HTML найдите следующий код:
<!--more-->
Чтобы задать текст ссылки, просто добавьте пробел после <!--more и напишите свой текст…
<!--more Продолжение истории...-->
Фрагмент записи на главной странице будет выглядеть примерно так:
Все видели оформление сайтов, на которых на страницах показывались анонсы статей, и находилась рядом ссылка, с надписью «читать далее», которая ведёт на целую запись. Такое оформление является удобным и практичным. И реализовать его можно легко.
Теги в WordPress more и noteaser позволяют работать с анонсами статей на сайте. Рассмотрим, как они функционируют, как их использовать и чем они отличаются.
Тег more
На WordPress more используют многие, так как о нём сразу все узнают, потому-что он есть в стандартном редакторе записей в кнопке «Вставить тег «Далее» в визуальном или «more» в текстовом.
Чтобы воспользоваться этим тегом, необходимо поставить курсор в нужное место записи, и нажать на кнопку в редакторе. В визуальном появится пунктирная линия на этом месте, а в текстовом HTML код <!–more–>, обозначающий ссылку читать далее.
Выглядеть это будет так:
Текст анонса статьи
<!–more–>
Вся статья
Работа тега more в том, что он создаст ссылку на всю статью, и при клике на неё пользователь видит анонс и всю статью.
Тег noteaser используется реже, потому что кнопки для него в стандартном редакторе нет. Применять его следует в паре с more.
Выглядеть это будет так:
Текст анонса статьи
<!–more–><!–noteaser–>
Вся статья
Работа такой пары тегов отличается от одиночного more тем, что при клике на ссылку с продолжением статьи на следующей странице пользователь увидит только продолжение, без анонса. Сам анонс будет демонстрироваться только на странице со списком записей.
Как поменять текст «Читать далее»
Когда вы используете тег more, появляется текст, установленный для него шаблоном. Обычно это «Читать далее». Этот текст можно изменить при необходимости и лазить в файлы шаблона для этого не обязательно.
Использовать more для этого надо так:
Текст анонса статьи
<!–more Текст вместо читать далее –>
Вся статья
Тогда появится заданный текст. Этот приём действителен также и при использовании в паре с тегом <!–noteaser–>.
Многие вебмастера используют пару тегов <!–more–><!–noteaser–> мотивируя это тем, что если текст анонса появляется в записи, то он становится не уникальным, так как ссылки у них разные, так называемые дубли страниц. В этом есть доля правды. Но следует сказать, если текст анонса – один абзац, то даже его не уникальность не изменит ранжирование страницы. Кроме того, не до конца известно, как именно учитывают поисковики текст, расположенный над тегом <!–more–>. Практика показывает разнообразные результаты.
Создание анонсов с использованием тегов MORE и NOTEASER
Используя полноценно теги WordPress MORE и NOTEASER, вы повышаете уникальность статей, не дублируя Анонсы в рубриках, а также получаете возможность использовать в качестве ссылки на статью нужное вам ключевое слово, а не безликое «Читать далее»
html код конструкции MORE и NOTEASER
Анонс <!—more—> остальная часть статьи Анонс <!—moreеще о натяжных потолках—> ссылка «Читать далее» заменяется на «еще о натяжных потолках» Анонс <!—moreеще о натяжных потолках—><!—noteaser—> Статья без вывода Анонса, что написан до тега MORE
Анонс <!—more—> остальная часть статьи
Анонс <!—moreеще о натяжных потолках—> ссылка «Читать далее» заменяется на «еще о натяжных потолках»
Анонс <!—moreеще о натяжных потолках—><!—noteaser—> Статья без вывода Анонса, что написан до тега MORE |
Создание анонсов с помощью тега MORE
При выводе статей в категории или на главной странице, часто не хочется выводить статьи полностью (так как страница превращается в длинное, нечитаемое полотно). Но выводить одни заголовки — тоже не информативно.
В вордпрессе, для решения этой проблемы, есть инструмент — тег MORE. Разбив запись этим тегом, вы сможете выводить, в категории или не главной странице, только первую часть записи с ссылкой «Читать далее». При этом ссылка будет формата: /post-url/#more-1234.
Как это работает:
В визуальном редакторе записи поместите курсор в нужное место и нажмите на кнопку вставки тега.
В тектовом редакторе можно также воспользоваться кнопкой «more» или просто вставить в нужном месте тег <!—more—>
Так выглядит анонс:
Так выглядит запись полностью:
Если вы опасаетесь, что такое решение приведет к дублированию контента: ссылка /post-url/ и ссылка /post-url/#more-1234 — пользуйтесь тегом Canonical.
Устанавливать тег в ручную не очень удобно, поэтому вы можете воспользоваться плагином All in one SEO-pack, который помимо всего прочего, предоставляет возможность автоматически добавить в каждую запись тег Canonical c указанием основной (канонической) ссылки на запись.
Создание уникальных анонсов с помощью тега NOTEASER
Использование тега MORE позволяет существенно улучшить юзабилити сайта, но не всегда уместно использовать в качестве анонса статьи ее часть.
Если вы хотите создать уникальный анонс, который не будет дублировать содерживое статьи — вам поможет тег NOTEASER
Как это работает:
Разместите в статье ваш уникальный анонс и отделите его от остального содержимого статьи тегами <!—more—><!—noteaser—>
В категории или на главной странице анонс будет выглядеть так:
А запись будет выглядеть так (анонс не отображается):
Создание уникального текста ссылки MORE
Если вас не устраивает стандартное «Читать далее», вы можете создать свой текст.
Делается это просто — вставляя тег, укажите текст, который вы хотите вставить:
<!—more Это собственный текст ссылки читать далее —>
4.2. Тэг «More» (Далее) |
Структура урока:
- Предназначение тэга «more»
- Как вставить тэг «more» в статью
- Как изменить местоположение тэга в статье
Содержание статьи
1. Предназначение тэга «more»
Теперь рассмотрим еще одну важную и удобную функцию WordPress’а. Если у вас на главной странице сайте несколько статей и все они достаточно длинные, то Вашему читателю, чтобы добраться до нижней статьи, придется очень долго прокручивать страницу вниз.
Это, во-первых, неудобно. Во-вторых, читатель может просто не знать, что ниже есть статьи, которые могут его заинтересовать. В-третьих, не все посетители обладают терпением.
Для этого в WordPress’е предусмотрен тэг «more», или «читать далее». Предположим, что у Вас есть достаточно обьемная статья, на 5-10 экранов монитора. Тэг «more» позволяет опубликовать на главной странице только небольшую часть статьи. Вся статья вызывается при нажатии пользователем на ссылку «more» (или «читать далее»).
2. Как вставить тег «more» в статью
Вы заходите в административную панель, именно, в рубрику «Записи».Выбираете «Редактировать». Открывается окно «Редактирование записей». Наводите курсор на название статьи и у Вас появляется список возможных действий.
Кликаете по «Редактировать». В визуальном редакторе открывается нужная статьи. Кликаем курсором по нужному месту статьи, туда, где Вы хотели бы разорвать статью.
Нажимаем кнопку «Вставить тэг «Далее»». Появляется линия разрыва и значок «More»:
В разделе «Опубликовать» нажимаем кнопку «Обновить» и переходим на главную страницу сайта (кнопка «Просмотреть сайт» на самом верху страницы).
Читатель Вашей статьи дойдет до этого места и, если статья его заинтересовала, кликнет по надписи «Читать полностью».
Поэтому делаем вывод: начало любой статьи должно быть интригующим, вызывающим желание продолжить чтение.
3. Как изменить местоположение тэга в статье
А что делать, если разрыв поставлен Вами не в том месте? Например, Вы решили перенести его на один абзац выше, что тогда?
Возвращаемся к редактированию статьи и в визуальном редакторе находим место разрыва статьи. Кликаем по значку «More», появляются вот такие квадратики:
Теперь нажимаем клавишу «Backspace» на клавиатуре и разрыв страницы ликвидирован. Можете его устанавливать в новом месте.
Перейти к следующему уроку.
…Сообщите об этой статье своим друзьям: Благодарю Вас! А еще Вы можете подписаться на рассылку и первым получать самые свежие статьи. Удачи!Автор: Сергей Ваулин
Как изменить «читать далее» или «more»
Как поменять «читать далее» или изменить «more» на «читать далее» подробно узнаете из этой статьи. Продолжаю серию статей о том, как придать своему блогу уникальные черты, ведь уникальность — это наше всё! Сегодня мы научимся менять «more» или «читать далее» на что то своё, на то, что нам больше нравиться.
Речь идет о теге <!—more—>, который появляется в конце анонса каждой статьи в ленте блога (в разных шаблонах может выглядеть по-разному: «прочитать запись целиком» и т. п.).
Как заменить «читать далее» на своё
Извините, сначала хочу небольшое предисловие сделать, а затем уже перейдем к тому, как изменить «more». Для не терпеливых предлагаю сразу перейти непосредственно к пункту — как изменить «читать далее».
Анализируя сайты вебмастеров по разным параметрам (посещаемость, PR, ТИЦ, позиции в поисковиках, авторитет в интернете), я обнаружила, что многие успешные проекты сделаны на бесплатных шаблонах (темах), видоизмененных под себя(например с измененным more и т.п.).
Некоторые умельцы настолько меняют внешний вид темы, что не остается почти ни следа от старой версии.
В этом есть какой-то смысл: как утверждают многие бизнес-эксперты, для посетителей в первую очередь важно удобство навигации по сайту и содержание контента — ведь он пришел за информацией. И лишь потом оценивается внешний вид. Я с этим не вполне согласна и считаю, что внешнему виду тоже следует уделять внимание.
И все-таки остается неоспоримым фактом, что посетителей на сайте удерживает ценность информации, именно поэтому сайты, не нагружающие ярким дизайном, имеют высокую популярность в интернете.
Многие успешные вебмастера не тратят время на поиск идеального или уникального (даже платная тема далеко не уникальна) шаблона (по своему опыту знаю, что эта история может затянуться на бесконечное время), а сосредотачивают силы на быстром запуске проекта, создании своих продуктов, обучении, наполнении контентом и продвижении. А шаблон для сайта — уникальный, свой, любовно сделанный на заказ — можно всегда сделать.
Если к хорошему контенту добавить собственные фишки и приятный дизайн, который передает общий дух блога, то получится полная гармония. Даже если у Вас бесплатный шаблон, сайту можно придать личную ауру и своеобразие, внеся даже незначительные изменения.
Как изменить «читать далее» или «more» на свое
Когда мы пишем статью, то используем тег more, чтобы ограничить анонсом показ статьи на главной в ленте блога. Визуально это тег преобразуется в слова вроде «читать далее«, как это было в моем шаблоне. Меняется очень быстро.
- Заходим в админпанель сайта.
- Внешний вид — Редактор.
- В правой колонке редактора находим «Основной шаблон (index.php)» — он нам и нужен.
- Через Ctrl+F находим слова «читать далее» или, в некоторых случаях «more», и вписываем то, что хотелось бы увидеть вместо них.
- Не забудьте сделать копию содержимого файла перед изменением, чтобы можно было восстановить, если что то пойдет не так, а затем, после изменений обновить файл.
- Переходим на сайт и любуемся творчеством.
В своем блоге заменила «читать далее» на «текст целиком». На большее пока фантазии не хватило, но Вы, наверняка, придумаете что-нибудь поинтереснее. Блоггинг такое дело.. Хочется все до мелочей под себя сделать.
Если хотите что-нибудь еще:
Как найти любой код html
Как изменить заголовок поста
Как изменить заголовок всего сайта
Поделитесь пожалуйста, если понравилось:
Возможно вам будет интересно еще узнать:
Приминение тега more в wordpress и замена текста «Читать далее» на уникальный анкор
Добрый день уважаемые читатели! Создавая свой первый блог у меня достаточно часто возникали вопросы с использованием возможностей wordpress. Особенно это касалось вывода ссылки «Читать далее» или «Читать подробнее» выводимые при помощи тега «more». Теперь же обретя немного опыта и практики я постараюсь приоткрыть небольшие нюансы использования этого тега, которые следует взять на вообружение при продвижении проекта. То есть сегодня я буду рассказывать как можно заменить ссылки «Читать далее» на свой анкор в теге <more> на wordpress.
Для удобства читателей на главной, странице рубрик, архивов выводятся только анонсы статей, то есть начало текста. Я стараюсь в анонсе для своих читателей выделить основную тему всей статьи , используя тезисы или ключевые слова. Зайдя на главную страницу читатель при этом имеет возможность просто прокрутить страницу доконца и не найдя необходимой информации перейти на другую страницу блога с помощью постраничной навигации блога и уже найдя интересное для себя открыть полный текст для прочтения. Ведь это гораздо более удобно при поиске необходимого материала и я тем самым делаю блог более интересным для посетителя и он возвращается еще раз.
О том, что это можно реализовать при помощи тега «more» знают наверно уже все начинающие блогеры. Заходим в админку блога и открываем статью в режиме визуального редактирования. Ставим курсор мышки в конце первого абзаца (анонса) и нажимаем на кнопку «More», расположенную на панели инструментов
Теперь в тексе открытом в редакторе появляется пунктирная линия, заканчивающаяся со словом «more»
Вот так на главной странице блога отражаются только анонсы, заканчивающиеся ссылкой или кнопкой ( это уже зависит от шаблона) «Читать далее» или «Читать подробнее» нажав на которую открывается все статья.
Чтобы разбить материал в wordpress на анонс и основной тег можно использовать еще и тег «noteaser» — добавив к тегу «more» данный тег можно получить разбиение статьи не только на анонс и основную часть, а как бы на разные страницы. То есть на главной странице у вас отражается анонс статьи, который находится перед тегом «more», а уже открыв материал для полного прочтения перед вами уже будет основной материал поста.
Это приветствуется поисковиками, так как повышается уникальность контента на страницах, но такой вариант отражения материалов все же мало кто применяет.
Но вот о том что ссылку «Читать далее» можно изменить и даже заменить на дополнительну внутреннюю ссылку на эту статью с необходимым анкором, состоящим из ключевых слов этого материала, знают не все. А ведь это может помочь не только при увеличении показателя Google PageRank, а также будет способствовать в поисковой выдаче по низкочастникам.
Так если по каким либо причинам вам не подходит текст «Читать далее» или же надо хоть чем — то выделиться из огромной массы блогов , то заменяем текст ссылки . И делается это очень просто.
Заходим в админку блога, где нам необходимо будет произвести изменения в нескольких системных файлов данного шаблона — это index.php, home.php, archif.php, single.php
В этих файлах следует найти строчку отвечающую за вывод тега «more», обычно это строка выглядит следующим образом
Где «Читать полностью» заменяем на любой другой анкор , как «Далее», «Прочти меня полностью»,» А дальше еще интереснее». Сохраняем изменения и таким же образом редактируем и остальные файлы. Только помните, что сменив шаблон вам придется эти файлы переписывать снова. Теперь осталось только рассмотреть как же для каждой статьи на wordpress создать для ссылки «Читать далее» свой уникальный анкор с ключевыми слова. Это оказывается вообще еще проще. Заходим в админку блога и открываем статью в визуальном редакторе, вставляем тег «more» и перейдя в режим редактирования html ищим тег «more» . И вот прямо внутри кода следует прописать необходимый анкор. При этом учтите, что текст прописывается сразу же после слова More, без использования пробелов до и после.
Вот такой простой способ, благодаря которому улучшается не только оптиматизация блога, но и приобретает свою индивидуальность. Кстати об индивидуальности. Ссылку выводимую с помощью тега «more» можно выделить используя стили CSS. Для этого следует открыть для редактирования файл style.css используемого шаблона и найти там правила , которые выглядят обычно вот так:
При отсутствии нечто подобного можно самостоятельно его создать в конце файла. И предположим прописать следующее:
.more-link {
float:left;
font-size:10px !important;
text-transform:uppercase;
padding-right:20px;
margin-bottom:10px;
margin-top:15px;
text-decoration: none !important;
} |
.more-link { float:left; font-size:10px !important; text-transform:uppercase; padding-right:20px; margin-bottom:10px; margin-top:15px; text-decoration: none !important; }
На этом я пожалуй завершу.
Если вы не желаете пропустить появление новых материалов на блоге «Seo записки отчаянной», то предлагаю подписаться на обновления блога в удобной для вас форме.
Удачи!
Возможно Вам это будет интересно:
Как вставлять тег more «Читать далее» в статьи автоматически
При написании статей для блога всегда хочется сэкономить время. Обычно для того чтобы на главной странице отображалась не вся статья, а только анонс применяют тег mоre. Который можно вставлять вручную, либо с помощью кнопки в визуальном редакторе.
А можно автоматизировать этот процесс с помощью замечательного плагина auto-more. К сожалению его нет в официальном репозитарии WordPress и Вы можете скачать его с сайта автора . Затем либо выбрать пункт «Загрузить» из админки , либо загрузить по FTP и активировать.
Плагин настраивать не нужно. Он автоматически делит статью не разрывая слов и абзацев. Плагин пропускает статьи в которых Вы вручную вставили тег mоrе. В общем не плагин, а сплошное удовольствие!
Величина фрагмента, который выводится в виде анонса задаётся путём изменения в файле плагина параметра $offset = 256 на любое подходящее Вам значение. Выставленное по-умолчанию значение меня вполне устроило и изменять его я не стал.
Единственной проблемой было то, что в конце анонсов не добавлялась фраза «Читать полностью» («Читать далее»). Согласно рекомендации автора необходимо немного изменить код (Вы также можете скачать подредактированный файл плагина с внесёнными изменениями в конце статьи).
Ищем вот такой код:
И вставляем фразу Читать полностью:
Естественно вместо фразы Читать полностью можете вписать любой текст.
Или скачайте исправленную версию плагина в котором уже вставлена фраза «Читать полностью».
Вот и всё. Надеюсь статья была для Вас полезной.