Как вставить тег more в WordPress сделать ссылку читать далее
Если написать статью не используя more, то статья в полном объеме попадет на главную страницу wordpress. И, по-моему, выглядеть это будет, как минимум, не очень. Сразу после этого увидите в тексте серую полосу — она отделает анонс от полной записи.
- И как вы уже могли догадаться, он используется на бесплатном движке Wordpess.
- Данная настройка сделает так, что в Blogger ссылка «под катом» будет отображаться на главной + страницах архивов и переадресовывать пользователя на полный текст записи.
- На большее пока фантазии не хватило, но Вы, наверняка, придумаете что-нибудь поинтереснее.
- А также по нажатию кнопки «Показать больше» отобразить текст полностью.
- Но самого названия-ссылки “Читать далее”не видно.
- Реализовать это как раз таки может наш тег «More».
Как сделать кнопку читать далее?
Лично я рекомендую создавать в Blogger «Читать далее» непосредственно через текстовый редактор. Думаю, большинству пользователей так будет проще и быстрее. Реализовывать какой-то автоматический вариант, если честно, вообще не вижу смысла. Тег «Далее» оказался внутри тегов HTML, которые делают текст полужирным.
HTML и CSS
Зачем вообще эта надпись “Читать далее”, если в сам пост для прочтения его полностью можно войти просто, достаточно кликнуть по названию поста в анонсе? Меня все устраивает, при написании поста ставлю тег more. На главную выводится лишь то, что написано до этого тега.
Создание Сайтов и их настройка
Но это легко исправить с помощью небольшого кода, который необходимо разместить в файле functions.php. Чтобы добавить «Читать далее» блок, выберите нужное место для создания отрывка и добавьте этот блок. Если рассказывать вкратце, то в WordPress функция the_content выполняет отображение всего текста поста с сохранением форматирования.
Если ваша тема не поддерживает тег the_excerpt, то вне зависимости от того, что вы напишите в блоке цитаты, ваша тема отобразит полный контент статьи на главной странице и страницы архива. Rich Text Excerpts — полноценный визуальный редактор для анонсов постов и записей WordPress сайта. Сможете легко оформить текст отрывка без знания HTML-тегов. Для создания кнопки “Читать далее” в HTML можно использовать тег с атрибутом href, указывающим на страницу с полной версией материала. Если пишите в редакторе Вордпресс, то в режиме “текст” нужно вставить вот тот фрагмент кода, который я привел выше.
Набор правил выстроен так, что выбрав определённый класс, понравившегося вам варианта оформления, прописав его к ссылке кнопки, вы получите полностью видоизменённую кнопку «Читать kosavostra.ru далее». Первое правило задает размеры, отступы кнопки, тогда как во втором содержится ссылка на картинку-фон readmore.jpg. Для понимания кода нужно, конечно, хотя бы немного разбираться в CSS.
