ФорумРазработкаКлиентская сторонаВерстка и оформление → WordPress. Изображение вместо "Читать далее"

WordPress. Изображение вместо "Читать далее"

  • AdmBuxonly

    Сообщения: 370 Репутация: N Группа: Кто попало

    Spritz 13 ноября 2011 г. 20:34

    Здрасте!) Снова попытаюсь вынести вам мозг, вы уж не серчайте!

    Все видели вродпрес движки в работе, и то, как они выводят посты: картинка, краткое содержание, текстовая ссылка "Читать далее…", метки. Кто-нибудь пробовал менять текстовую ссылку "Читать далее" на изображение в виде кнопки??

    Если кто знает, где находится этот код, чтобы можно было поменять, то подскажите?! Я не знаю где уже искать. Может текст "Читать далее" на английском в файле прописан. Но я не смог найти. Плиз!! Спасибо! Извините)
  • Drop

    Сообщения: 107 Репутация: N Группа: Кто попало

    Spritz 13 ноября 2011 г. 21:01, спустя 26 минут 10 секунд

    смотрите в файле темы category.php, ищите код а-ля:
    the_excerpt

    или
    the_permalink

    там уж разберетесь..

    или в functions.php добавьте фильтр:
    	// Настройка вывода троеточия в конце сокращенного вывода
    function new_excerpt_more($more) {
    global $post;
    // Пока нам не нужна ссылка публикации на троеточии
    // return '<a href="'. get_permalink($post->ID) . '">…</a>';
    return '…';
    }
    add_filter('excerpt_more', 'new_excerpt_more');

    Спустя 149 сек.
    вот этот кусок
    <a href="'. get_permalink($post->ID) . '">…</a>

    раскомментируйте и вставьте туда картинку..
  • AdmBuxonly

    Сообщения: 370 Репутация: N Группа: Кто попало

    Spritz 13 ноября 2011 г. 21:12, спустя 11 минут 23 секунды

    Спасибо, буду пробовать!
  • artoodetoo

    Сообщения: 5147 Репутация: N Группа: в ухо

    Spritz 13 ноября 2011 г. 22:47, спустя 1 час 35 минут 23 секунды

    это был плохой совет. по возможности подобные дела решаются средствами CSS.
    пофиг ГДЕ это делается. важно как выглядит ссылка. запускаем firebug, тыкаем, смотрим.

    <a class="more-link" href="http://www.site.name/kdjkdsk/slkl/#more-521">Читать далее »</a>

    задача сводится к стилизации класса more-link. как-то так:

    .more-link {
     background: url(трампампам);
     width: nnn;
     height: mmm;
     text-indent: -9999px;
    }

    заменяем текст картинкой
    ιιlllιlllι унц-унц
  • Givi

    Сообщения: 2284 Репутация: N Группа: Адекваты

    Spritz 13 ноября 2011 г. 22:53, спустя 5 минут 12 секунд

    AdmBuxonly, можно и вместо автоматически подставляемой "далее" пиздячить картинку, вариантов как минимум 3:
    1. Вписать её напрямую в шаблоне (либо как картинку-ссылку либо как ссылку, с фоновой картинкой) как сказал Дроп.
    2. Сделать это посредством фильтров ВордПресса в файле своих функций (самый идеальный вариант, ибо тогда картинку можно менять от поста к посту + прочие радости можно делать)
    3. В конце каждого анонса в самом тексте пиздячить эту картинку-ссылку (ну а в самом шаблоне ссылку-тег "Далее" не выводить) - кажись самый геморойный вариант, но зато можно ставить где тебе захочется + опять таки любую картинку можно поставить.

Пожалуйста, авторизуйтесь, чтобы написать комментарий!