Как получить html код изображения на WordPress

Полезное для сайта

Как получить html код изображения на WordPress Полезное для сайта

Привет! Сегодня я покажу вам как можно получить html код изображения на сайте WordPress. Например, вы хотите добавить любое фото не в запись и не на страницу, а в заголовок сайта или подвал. Можно добавить изображение в любой php файл вашей темы, header.php, footer.php и т.д. Вы можете указать любой размер фото, выставить его по центру, справа или слева. Всё очень просто! Смотрите далее!

HTML код изображения WordPress

Зайдите в админ-панель WordPress. Откройте для редактирования любую запись, либо создайте новую. В визуальном редакторе, нажмите на кнопку Добавить медиафайл.

Как получить html код изображения на WordPress

Выберите любое изображение. Можно загрузить фото с компьютера. Внизу справа, нажмите на кнопку Вставить в запись.

Как получить html код изображения на WordPress

Обратите внимание! В настройках отображения файла, вы можете:

  • Выровнять изображение;
  • В поле Ссылка, можно выбрать: Медиафайл — при нажатии на фото, будет открываться страница расположения файла., Нет — фото не будет кликабельным., Страница вложения — откроется страница фото на сайте., Произвольный URL — можно добавить свою ссылку;
  • Можно выбрать размер фото по умолчанию;
  • Плагин для открытия изображений в Лайтбокс окне.
  • Как получить html код изображения на WordPress

    В визуальном редакторе WordPress, вы тоже можете добавить ссылку в фото, выровнять его и т.д. Далее, вверху справа, перейдите на вкладку Текст.

    Как получить html код изображения на WordPress

    На вкладке Текст, будет отображаться html код изображения. Вы можете скопировать его. В коде можно тоже изменить размер, добавить свою ссылку и т.д.

    Как получить html код изображения на WordPress

    Всё готово! Вот так просто и быстро вы можете получить код любого изображения на WordPress.

    Для примера, я покажу вам, как вставить изображение в подвал сайта. Перейдите на страницу: Внешний вид — Редактор. Справа, найдите файл Подвал (footer.php) и откройте его для редактирования.

    В файле, внизу, найдите закрывающий тег /body и перед (над) ним вставьте код изображения. Обновите файл. Можно вставлять код в любое место. Только между конструкциями кода, чтобы не нарушить их! Сначала подбирайте место с помощью цифр 123, так удобней.

    Как получить html код изображения на WordPress

    Переходим на сайт и видим в футере наше изображение! Как сделать фото адаптивным, на всю ширину экрана

    Как получить html код изображения на WordPress

    Всё готово! Всё очень просто!

    Супер плагины WordPress, более 500, с настройками, смотри Здесь!

    Остались вопросы? Напиши комментарий! Удачи!

    Оцените статью
    Добавить комментарий