Как украсить ссылку "Читать далее" на WordPress

(Ответов: 6, Просмотров: 2260)
  1. WP-R.ru - магазин WP Аватар для mojwp
    • Регистрация: 13.09.2011
    • Сообщений: 841
    • Репутация: 290
    • Webmoney BL: ?
    По умолчанию в большинстве шаблонов ссылка "Читать далее" идет в виде текста и не всегда красиво смотрится в общей концепции шаблона.
    Предлагаю ее удалить и украсить при помощи CSS, либо сделать ее картинкой.
    Статья для новичков по адресу http://mojwp.ru/ukrashenie-more.html
    Здесь же самое основное.

    1. Удаляем "Читать далее" при помощи хака WordPress
    В файл functions.php вставляем
    Код:
    function remove_more_link() { return ''; }
    add_filter('the_content_more_link', 'remove_more_link');
    2. Делаем свой стиль отображения ссылки "Читать далее"
    Находим в файлах index.php (home.php) или archive.php (category.php) функцию, отвечающую за отображение контента и после нее вставляем нужную нам ссылку со стилями (либо создаем класс для нее, после чего работа с CSS).

    Найти нужно нечто подобное:
    Код HTML:
    <?php the_content(" "); ?>
    и после этого добавляем в конец ссылку на картинку
    Код HTML:
    <?php the_content(" "); ?> <a href="<?php the_permalink() ?>"> <img src="/wp-content/themes/имя_шаблона/images/more.gif"></a>
    Повторюсь, что в зависимости от шаблона the_content может иметь разные параметры.

    Дело за вами и вашими знаниями CSS, чтобы сделать все красиво
    • 4

    Спасибо сказали:

    13й(15.09.2012), AntoXa(16.09.2012), ArhStrAngeR(15.09.2012), b00mer(15.09.2012), epp(15.09.2012),
  2. Спасающий мир! :) Аватар для b00mer
    • Регистрация: 19.01.2012
    • Сообщений: 361
    • Репутация: 113
    • Webmoney BL: ?
    Хоть и не ново, но многим пригодится! Благодарю!
    • 0
  3. Новичок
    • Регистрация: 12.09.2012
    • Сообщений: 13
    • Репутация: 1
    Возможно, это зависит от шаблона, но когда я русифицировала темку для одного из своих блогов, то обошлась без "хаков". Просто потерла соответствующий английский текст и написала русский.
    Надо будет действительно туда нарисованную кнопочку попробовать вставить. Спасибо за идею.
    • 0
  4. Banned
    • Регистрация: 22.09.2011
    • Сообщений: 204
    • Репутация: 20
    Спасибо за информацию. Сайт тоже хороший.
    • 0
  5. Опытный Аватар для AntoXa
    • Регистрация: 05.04.2012
    • Сообщений: 393
    • Репутация: 108
    • Webmoney BL: ?
    Статья конечно хороша, но есть пару вопросов:
    зачем делать хак для удаления? Проще либо:
    1. Удалить его из шаблона.
    2. Прописать замену сразу на свой стиль.
    Так же можно было бы:
    <?
    $upyachka='Тут код';
    the_content($upyachka);
    ?>
    • 0
  6. WP-R.ru - магазин WP Аватар для mojwp
    • Регистрация: 13.09.2011
    • Сообщений: 841
    • Репутация: 290
    • Webmoney BL: ?
    AntoXa
    1. в некоторых шаблонах нет возможности удалить more. Показано на примере "голого" the_content, который я взял с одного из своих сайтов. Соотв. только хак.
    2. Не спорю - вариантов может быть несколько. Это из разряда: "зачем BMW выпускает еще одну машину, если в мире дофига четырехколесных автомобилей"
    • -1
  7. Дипломник Аватар для ZZnOB
    • Регистрация: 14.07.2010
    • Сообщений: 155
    • Репутация: 29
    Благодарствую за не новую, но полезную информацию. Я еще делал следующее: не выполняя шаг 1 в теме менял CSS
    • 0

Похожие темы

Темы Раздел Ответов Последний пост
Закрывать ли ссылки "читать далее"
Вопросы от новичков 13 02.08.2012 20:10
Нужна помощь по выводу тега "Далее" в WordPress
WordPress 4 18.07.2012 02:05
Убрать ссылку "Добавить комментарий" на wordpress
WordPress 7 28.05.2012 14:33
Как убрать "далее..." в WordPress
WordPress 9 05.12.2011 16:35
Проблема при установке темы "Nova" на "WordPress".
Web программирование 7 13.08.2011 16:15

У кого попросить инвайт?

Вы можете попросить инвайт у любого модератора:

Информеры