Как добавить медиафайл в WordPress


добавить медиафайл wordpressИтак, мы научились писать статьи в WordPress, создавать рубрики и теперь научимся добавлять изображение на наш сайт. Ведь, что за сайт без картинок, правда.

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

Это очень щекотливая тема, потому что посетитель заходя на сайт и глядя на страницу, которая загружается больше 10 секунд обычно уходит. Тем самым теряются дорогие нам читатели.

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

Другими словами медиафайлы создают дополнительную нагрузку на сервер. Но это дело можно контролировать,  в интернете есть сервисы, которые анализируют скорость работы сайта. Один из них http://developers.google.com/speed/pagespeed/insights

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

Это можно сделать двумя способами:

  • сразу при написании статьи
  • заранее, до написания статьи загрузить на сервер

1-й способ. По окончании написания статьи нам надо расставить в тексте нужные нам изображения. Но они пока находятся на жестком диске нашего компьютера. Для того чтобы вставить картинку, определяем курсором ее месторасположение в тексте (например, в самом начале), жмем “Добавить медиафайл” и попадаем в библиотеку медиафайлов.

вставка картинки в панели управления wordpress

Там находятся файлы (аудио, видео и изображения), которые загружены на сервер. В нашем случае ничего не загружено и мы кликаем на вкладку “Загрузить файлы”.

wordpress картинка поста

В открывшемся окне жмем “Выберите файл”. Затем проделываем нехитрые процедуры по загрузке искомых изображений с компьютера на сервер. Их можно загружать по несколько штук, заранее выделив нужные. Все наши картинки появились в библиотеке медиафайлов, где перед тем как попасть в текст, их можно отредактировать во вкладке “Параметры файла”. Но по поводу редактирования поговорим далее, а пока помещаем картинку в запись (жмем  “Вставить в запись”).

2-й способ. Еще до написания статьи, через консоль управления WordPress заходим во вкладку “Медиафайлы” и далее “Добавить новый”. Затем проходим все теже этапы, которые описаны в первом случае. Здесь нам система Вордпресс говорит, что если возникают проблемы с многофункциональным загрузчиком можно воспользоваться загрузчиком браузера.

Лично мне удобен первый способ и я, постоянно им пользуюсь.

 Редактирование изображения.

Произвести определенные манипуляции с картинкой можно при написании записи. Для этого, после того как мы добавили ее из библиотеки файлов в текст, кликаем на изображение левой кнопкой мышки. Изображение при этом окрашивается в синий фон и на нем появляются две команды (две кнопки): “Редактировать” и “Удалить изображение”.

wordpress вывод картинок

Жмем на кнопку “Редактировать” и в открывшемся окне можно сделать следующие действия: изменить размер (в процентах), выровнить изображение в тексте, оставить ссылку на изображение или удалить ее и др. При оставлении ссылки на картинку, при переходе на сам сайт и наведении мышки на изображение, курсор отображается в виде руки (изображение в виде ссылки). Т.е. если изображение уменьшено от исходного, то кликнув на картинку оно появится в виде исходного варианта. (Например вот эта картинка в виде ссылки. Кликнув на нее, она увеличится).

удаление и редактирование картинки

Во вкладке “Дополнительно” можно сделать картинке рамку определенной толщины, откорректировать отступ как по вертикали, так и по горизонтали, также в разделе  “Дополнительные параметры ссылки” если поставить галочку в “Открывать в новом окне”, то при кликанье на изображение, оно откроется в новом окне (советую ставить если изображение в виде ссылки).

Отредактировать изображение можно не из записи, а из библиотеки медиафайлов.

 Удаление медиафайлов.

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

библиотека файлов

Не нужные картинки (которые не используются в записях) обязательно удаляйте с сервера, чтобы они не создавали дополнительной нагрузки.

P.S. В этом посте разобраны всего лишь несколько самых основных функций редактирования медиафайлов. На этом все!

9 комментариев

  1. Тема довольно простая, но от этого не менее важная, оживил в памяти. Правильное использование медиафайлов станет хорошим подспорьем в разкрутке ресурса 🙂 Сам я использую второй способ, к первому почему-то не прибегал. Полагаю возможен и третий вариант, когда файл просто закидывается по FTP в wp-content/uploads, хотя лично я не пробовал, возможны проблемы с видимостью файла в админке WordPress.

  2. Пожалуйста, помогите советом! В последнее время не могу вставить картинки и ссылки в статьи на wordpress. Раньше проблем с этим не было… Нажимаю на «добавить медиафайл», а она неактивная. Тоже самое с добавлением ссылки. Раньше все работало. Не знаю что и делать… ПОМОГИТЕ , пожалуйста!!

    1. Галина, может Вы вордпресс не обновили. Посмотрите в «Обновления», там ни чего не стоит в очереди?
      А так даже и не знаю что там может еще быть! 😐

  3. Здравствуйте!
    Подскажите, пожалуйста, почему при нажатии на кнопку «добавить медиафайл», загружается 2 картинки. В записи ставлю одну. Все картинке по 2 штуки. Что можно сделать?

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

  4. Здравствуйте. Я хочю вставить 3 картинки в один ряд.А текст под ними. Когда я нажимаю на обновить, всё перекашивается картинки встают как попало и текст с правой стороны картинки выходит. Как же всё таки сделать так как мне надо? Может для этого какой то плагин есть или я не правильно что то делаю?

    1. В интернете есть подробные статьи на данную тему. Наберите в поисковике — Стандартная галерея WordPress

Оставьте ответ

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