Как добавить HTML подпись под изображением в WordPress

Автор:
Nurlan Kemelbekov

Бывают случаи, когда на блоге WordPress нужно добавить html подпись под изображением. Возможно, продукт или изображение на блоге WordPress о путешествии. В любом случае, чтобы добавить подпись под картинкой можно использовать HTML теги для жирного текста или гиперссылки на другой сайт.

Но что, если Вы не знаете HTML? Или не хотите возиться. Погуглить?
Вот быстрый и простой способ.
Загрузите изображение в библиотеку мультимедиа, затем нажмите в меню » Изменить» и увидите такое окно.

подпись фото

Это главная страница блога maks-1.com

Теперь вы видите, что я  вместо того, чтобы  добавить подпись в поле «Подпись«, использовал «Описаниередактор фото

Теперь просто добавьте HTML. Например, я выделил слова “главной страницы” и нажал на кнопку “b” и “i» (курсив). Затем я выделил “maks-1.com” и нажал кнопку «link». Это дало мне возможность добавить html подпись под излбражением в виде ссылки на домашнюю страницу блога. Результат похож на этот.Редактор изображения

После завершения вставки необходимых html тегов  нужно все выделить, вырезать и вставить текст в поле «Подпись».Подпись

Обновить, и теперь у меня есть подпись с некоторым шрифтом и гиперссылкой.

Это скриншот страницы блога maks-1.com Как добавить HTML подпись под изображением в WordPress

Это скриншот страницы блога maks-1.com Как добавить HTML подпись под изображением в WordPress

Как добавить название меню WordPress без ссылки на страницу
Ну, а результат того, как я для примера добавил HTML подпись под изображением главной страницы блога, Вы можете видеть на картинке выше. Если Вы нажмете на ссылку, попадете на главную страницу. Чего мы в Вами и добивались.



Вам также может понравиться:


5 комментарий на “Как добавить HTML подпись под изображением в WordPress

  1. У меня вопрос. Где в следующем коде можно вставить гиперссылку для картинки, чтобы она отсылала на другую страницу этого же сайта?

    [vc_row_inner][vc_column_inner width=»1/6″][trx_title type=»3″ color=»#ffffff» weight=»700″ align=»center» position=»top» box_style=»none» icon=»none» size=»small» icon_image=»none»]Боярышник[/trx_title][trx_image url=»2737″ align=»none» right=»-10″][/vc_column_inner][vc_column_inner width=»1/6″][trx_image url=»2801″ align=»none» width=»200px» top=»35″][trx_image url=»2802″ align=»none» width=»200px»][trx_image url=»2803″ align=»none» width=»200px»][trx_image url=»2804″ align=»none» width=»200″ bottom=»35″][/vc_column_inner]

    Каждая из этих пяти картинок должна вести на свою страницу и заголовок «Боярышник» тоже.
    Пожалуйста, помогите!!!

    • Почему бы не вставить ссылку так:
      [vc_row_inner][vc_column_inner width=»1/6″][trx_title type=»3″ color=»#ffffff» weight=»700″ align=»center» position=»top» box_style=»none» icon=»none» size=»small» icon_image=»none»]Боярышник[/trx_title][trx_image url=»2737″ align=»none» right=»-10″][/vc_column_inner][vc_column_inner width=»1/6″][trx_image url=»2801″ align=»none» width=»200px» top=»35″][trx_image url=»2802″ align=»none» width=»200px»][trx_image url=»2803″ align=»none» width=»200px»][trx_image url=»2804″ align=»none» width=»200″ bottom=»35″][/vc_column_inner]
      Трудно давать рекомендации, не видя сайта, и не зная, чего Вы хотите добиться в итоге.

    • Конечно, к заголовку я легко и так применила привязку гиперссылки — ведь это текст, а вот к картинке, которая через FrontEditor вставлена так не получается. Я, вроде бы, методом тыка смогла что-то придумать:
      [vc_column_inner width=»1/6″][trx_title type=»3″ color=»#ffffff» weight=»700″ align=»center» position=»top» box_style=»none» icon=»none» size=»small» icon_image=»none»]Боярышник[/trx_title][/vc_column_inner]
      То есть я заменила несговорчивый:
      [trx_image url=»2801″ align=»none» width=»200px» top=»35″] на понятный мне, а уж дальше я знаю, что делать. Но, разумеется, там все сразу улетело. Теперь тем же методом буду выискивать, как кодами добиться того же визуального эффекта, что и при работе во FrontEditor .
      Спасибо за понимание и поддержку.

    • Интересно, при опубликовании комментария код по определению съедается? Возможно ли такое, что Вы написали мне что-то умное и полезное, а при опубликовании оно просто не отразилось, как, похоже, с моим письмом Вам получилось?
      Короче говоря, обычный HTML код для гиперссылки и картинки вставляется вместо [trx_image url=»2801″ align=»none» width=»200px» top=»35″]

      • Вы, вероятно, имеете в виду код в виде
        <‘a href=’urllink’><‘/a>

        Если писать теги ‘<‘ и ‘>’ так, как обычно пишете в блокноте, то в панели администратора при модерации комментариев админ сайта может видеть все html теги, но на странице с записями — нет.

        ‘&l t;’ (преобразуется в знак "меньше чем") ‘< ' '&g t;' (преобразуется в знак "больше чем") '>‘

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

* Copy This Password *

* Type Or Paste Password Here *

20 + 3 =

Я просто хотел сказать, как сильно я ценю Ваш комментарий на мой пост. Спасибо Вам !!