Поддержка Проблемы и решения Добавление иконок к документам

  • Всем привет!
    На странице сайта загружены pdf документы в шаблон страницы в виде гиперссылок (сами документы в библиотеке медиафайлов лежат). Можно как-то добавить иконки pdf перед гиперссылкой или надо по-другому загружать файлы?

Просмотр 11 ответов — с 1 по 11 (всего 11)
  • Модератор Yuri

    (@yube)

    загружены pdf документы в шаблон страницы

    Это как? Шаблон страницы — php-скрипт, и в него нельзя загрузить ни pdf, ни что либо еще.

    Чтобы добавить иконку к гиперссылке, можно тегу <a> указать специфический класс (если движок сам этого не сделал), и в css для этого класса определить вывод иконки перед самой ссылкой, используя, например, псевдоэлемент :before.

    @yube может я не правильно выразилась насчет шаблона. Ну, вот создала я страницу, там есть некий текст, я его написала, выделила и выделенный фрагмент превратила в гиперссылку на пдф документ, который загружен в библиотеку

    Модератор Yuri

    (@yube)

    Это ссылка в контенте страницы. См. вторую половину моего ответа.

    Модератор Yuri

    (@yube)

    Хотя самый простой способ — непосредственно перед ссылкой вставить картинку-иконку, предварительно, разумеется, загрузив ее в медиатеку.

    @yube я загрузила в медиафайлы иконку, сгенерировалась ссылка на нее.

    Вот такой у меня код:

    
    <!-- wp:paragraph -->
    <p><a rel="noreferrer noopener" href="http://mtu-saturn.ru/?attachment_id=1469" target="_blank">Грамота от Национального Объединения Проектировщиков</a> </p>
    <!-- /wp:paragraph -->
    

    А как эту ссылку в него вставить — я не знаю.

    • Ответ изменён 3 года, 9 месяцев назад пользователем Yuri. Причина: оформление кода
    Модератор Yuri

    (@yube)

    у меня код:

    Чтобы код был кодом, а не кашей, его нужно оформлять как код. Кнопка CODE существует именно для этого.

    Как-то так:

    <!-- wp:paragraph -->
    <p><img src="/wp-content/uploads/2020/06/icon-pdf.png" alt="PDF"><a rel="noreferrer noopener" href="http://mtu-saturn.ru/?attachment_id=1469" target="_blank">Грамота от Национального Объединения Проектировщиков</a> </p>
    <!-- /wp:paragraph -->
    

    @yube вставляя такой код, я получаю некликабельное слово PDF перед гиперссылкой

    Модератор Yuri

    (@yube)

    получаю некликабельное

    С чего бы ему быть кликабельным, если это просто картинка ПЕРЕД ссылкой?

    слово PDF перед гиперссылкой

    Видимо Вы вставили, не поменяв пример на реальный адрес картинки-иконки. Выводится alt (для того, кстати, этот атрибут и предназначен).

    @yube Выводится? Куда выводится? Мне как чайнику непонятно(

    Модератор Yuri

    (@yube)

    Мне как чайнику непонятно(

    Матчасть: http://htmlbook.ru/html/img/alt

    Делать сайты — ремесло, как и любое другое требующее наличия некоторых знаний и навыков.

    И не надо тегать по нику без особой нужды.

    да вот неожиданно я оказалась без поддержки спецов, поэтому вынуждена как-то искать выход. спасибо за помощь и наводку

Просмотр 11 ответов — с 1 по 11 (всего 11)
  • Тема «Добавление иконок к документам» закрыта для новых ответов.