gid-informportal.ru

Как вставить картинку на WordPress страницу?

  • Автор: Мария Коротина
  • / Дата: 31 декабря 2012 в 01:11

5.1 urokЗдравствуйте уважаемые читатели!  В данной статье поговорим о том как вставить медиафайл  в новую запись вашего блога на движке WordPress. Здесь нужно отметить, что к медиофайлу можно отнести как и картинки,  видео и аудио.  В данной статье поговорим о том как вставить картинку на  WordPress страницу.

Для начала нужно приготовить для вашей статьи соответствующую картинку, поместите ее в специальную папку на вашем компьютере, где вы будете хранить все ваши изображения. На рисунке 1, видим что над панелью инструментов находится кнопка добавить медиафайл, жмем на него и попадаем в меню вставки медиафайла. рис.2

5

Рисунок 1 — Добавление медиафала

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

2

Рисунок 2 — Меню добавления медиафайла

Попадаем на загрузку изображения. см.рис.3

3

Рисунок 3 — Загрузка картинки

Здесь вы можете или перетащить картинку или нажав на кнопку выбрать файл, найти тот файл который вы приготовили к записи. Теперь готово, можите редактировать параметры вашей изображени в правой панели. см.рис. 4.

4

Рисунок 5 — Параметры файла

Можно  установить параметры вашего изображения, подписать ее заголовок, подписать картинку, подпись будет отражаться на самой картинке. Мне этого делать не нужно поэтому подпись и все атрибуты я оставляю пустыми. Прописываю только заголовок. Далее нажимаем кнопку вставить запись.

Готово, картинка вставлена в страницу. Для редактирования ее параметров, необходимо навести на изображение мышь и щелкнуть по ней, после чего появиться две кнопки. Одна кнопка для того чтоб редактировать само изображение, другая чтоб его удалить см.рис. 6.

6

Рисунок 6 — Редактирование или удаление изображения

Соответственно если нажимаем на кружок с косой чертой, удаляем изображение со страницы, а если нажимаем редактировать то переходим в панель редактирования изображения, см. рис.7

7

Рисунок 7 — Редактирование изображения

Во-первых мы можем выровнять картинку так как вам это нужно. Выравнивание можно делать слева, по центру и справа. По умолчанию стоит нет, если вы поставите точку на слева то текст выровняется по  картинке.  Далее заполняете заголовок  изображения, атрибут , если требуется подпись рисунка то подписываем рисунок. Ссылку лучше всего убрать чтоб картинка не выскакивала в новом окне. Далее переходим во вкладку дополнительно. рис.8

9

Рисунок 8 — Дополнительные параметры изображения

Во вкладке дополнительные параметры вы можете задать  размер картинки, ее ширину и высоту. А так же полезным является вкладка настройки свойства картинки. Можно создать рамку, что не слишком толстая рамка была можно задать 1. И отступы V и H это отступ обтекающего текста картинки. Я задаю отступ Н отмечаю 5, после чего нажимаю сохранить.

10

Рисунок 9 — Отредактированные параметры изображения

Итак на этом урок закончен. Мы теперь знаем как вставить картинку на страницу в наши записи, изменять их размер, делать так, чтоб с правой стороны картинки присутствовал текст, делать нужный отступ от картинки, так чтоб текст с ней не сливался.

Статьи по теме:

 Часто для того чтоб объяснить ту или иную информацию, возникает необходимость сделать картинку с экрана вашего компьютера, это доольно не сложный процесс. Поэтому рекомендую ознакомиться со статьей:

Как сделать фотографию экрана?

Получите пошаговый план построения информационного бизнеса в сети Интернет!
Бесплатная книга!
Я гарантирую 100% конфиденциальность
  • Комментарии на блоге
  • Вконтакте
  • Фейсбук
Добавить комментарий
Комментариев к статье: 2
  1. damon
    23 апреля, 2013 в 11:17

    А вот здесь можно посмотреть плагин для вставки изображений в комментарии для wordpress http://damonlsd.ru/?p=27. Плагин тоже может делать превьюшки или просто ссылки на картинку, все зависит от настроек, которые можно менять через админку. И, кстати, не глючный, как Comment Image PTS.

  2. Мария Коротина
    24 апреля, 2014 в 10:39

    Спасибо Дмитрий, заходите в гости буду рада.

наверх