Что и Как

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


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

 

 

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

 

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

 

добавить медиафайл wordpress

 

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

 

выбрать изображение

 

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

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

 

ссылка изображения

 

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

 

фото текст код сайт

 

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

 

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

 

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

 

 

Добавить фото в футер сайта footer.php

 

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

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

 

код footer.php

 

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

 

подвал футер сайта фото

 

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

 

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

 


СМОТРИ ТАКЖЕ