Изображения и медиафайлы в WordPress

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

Папка для загрузки

Папки блога wordpress.howtoo.ru

Папки блога wordpress.howtoo.ru

По умолчанию WordPress хранит медиафайлы в папке uploads внутри папки wp-content вашего блога WordPress.

Можно задать другую папку на административной панели в Параметры>Медиафайлы. (В версии 3.5 эта возможность  исчезла, но ее можно восстановить: см. Исчезло поле для задания папки загрузки файлов в WordPress 3.5)

WordPress создаст папку uploads автоматически, но для этого необходимо задать для папки wp-content вашего блога WordPress права доступа 777 (через CPanel или через FTP-клиент). Когда папка uploads уже создана, в целях безопасности нужно назначить для папки wp-content более ограничивающие права доступа (Changing File Permissions).

Загрузка файлов в библиотеку WordPress

Первый способ

МедиафайлыНа административной панели щелкните в разделе "Медиафайлы" на "Добавить новый".
Появится страница, с которой вы можете "Загрузить новый медиафайл" или медиафайлы.

(Flash-загрузчик позволяет загружать несколько файлов сразу.)

Второй способ

Кнопки загрузки медиафайлов

Кнопки загрузки медиафайлов

Когда вы в визуальном или HTML-редакторе WordPress создаете (редактируете) запись или страницу блога, вверху появляются кнопки добавления медиафайлов. Первая кнопка (на рисунке на нее указывает черная стрелка) - это кнопка добавления изображения. Кнопка добавления открывает окно, которое позволяет вставить в запись (или на страницу) новый файл, загрузив его в библиотеку, или существующий файл с другого сайта или из библиотеки медиафайлов WordPress. Загруженные с компьютера файлы добавляются в галерею записи (или страницы).

Добавление медиафайлов с компьютера

Ссылка на файл, ссылка на запись или без ссылки

Изображение (или медиафайл), вставляемое в блог, может работать как ссылка. Если выбрать Ссылка на файл (Ссылка на изображение), при щелчке на изображении в записи блога  откроется файл изображения в браузере (в адресной строке будет URL файла),  или откроется окно для скачивания файла (например, .doc-файла) в зависимости от типа браузера и настроек системы.
Если, например, для изображения выбрать Ссылка на страницу вложения (Ссылка на запись, Текущая ссылка), при щелчке на изображении в записи блога откроется страница блога с этим изображением (страница вложения), с которой можно, например, отправить комментарий к данному изображению или перейти на страницу редактирования параметров этого изображения.
Конечно, изображение можно вставить  без ссылки:

Без ссылки

Рисунок будет вставлен без ссылки

Страница блога для медиафайлов

Вид страницы, на которую переводит Ссылка на запись (Текущая ссылка), определяет файл применяемой в блоге темы attachment.php. Вы его можете изменить или создать, если его нет в вашей теме, чтобы страница для медиафайлов (вложений) отличалась от остальных страниц.
На этой странице, предназначенной для показа отдельного медиафайла (вложения), можно предусмотреть специальное содержимое. Добавляемые здесь комментарии будут связаны с данным медиафайлом, а не с записью, в которой опубликован медиафайл.
На страницу блога для файла вложения также можно попасть из административной панели. В библиотеке наведите на файл указатель мыши и в появившемся меню щелкните на "Перейти".

Постоянные ссылки

Ссылка на файл

Чтобы увидеть постоянную ссылку на файл вложения, например, изображения, в библиотеке щелкните в меню этого файла на "Изменить". Одно из полей - "Ссылка на файл" содержит URL файла:
//wordpress.howtoo.ru/путь-к-медиафайлам/имя-файла

Ссылка на страницу вложения

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

//wordpress.howtoo.ru/?attachment_id=номер

В библиотеке в столбце "Используется" для такого файла написано "(НЕ прикреплен)".

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

Встроенная галерея WordPress

В WordPress изображения можно добавлять на страницу по отдельности или группой как галерею (начиная с версии WordPress 2.5). Встроенная галерея WordPress - это аккуратное компактное размещение группы (миниатюр) изображений в записи или на постоянной странице, которые были загружены в библиотеку WordPress из редактора WordPress во время создания или редактирования этой записи или страницы. Каждое миниатюрное изображение является ссылкой на оригинал или (по выбору) на страницу с этим изображением.
Для добавления галереи WordPress вставляет шорткод gallery, параметры которого можно задать вручную (см. Добавление встроенной галереи WordPress) или в окне настройки галереи.

Красивая галерея получается из подобранных по размеру изображений. Например, "галерея" из разномастных изображений, загруженных для этой страницы, глаз не порадует.

Подробнее:

В Кодексе:

69 thoughts on “Изображения и медиафайлы в WordPress

  1. Алексей

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

    Reply
    1. Mei

      Возможно у вас просто отключено автоматическое создание превьюшек. Проверьте в настройках - Медиафайлы, чтобы был включен первый чекбокс, 150х150.

      Reply
  2. sergei

    Здравствуйте подскажите в чем проблема
    при открытии миниатюры она открывается на новой странице !
    а в идеале должна увеличиваться просто пробовал всевозможные плагины типа Fancybox не помогли . Физически плагин работает но с начала нажимаю на миниатюру оно переходит на новую страницу (( а там нажимаю на фото и уже работает плагин ( раскрывает )
    не знаю в чем проблема ((

    Reply
    1. Admin Post author

      Когда вставляете изображение в запись, выберите для пункта Ссылка опцию Ссылка на изображение (или Ссылка на файл).
      В этом случае (если не используется плагин типа Fancybox) при щелчке на миниатюре должна открываться пустая страница браузера с изображением, а не страница сайта с меню и пр.

      Reply
  3. Андрей

    Здравстуйте!
    При загрузке изображения из админки WP, в поле "Ссылка" автоматически вставляется ссылка на само изображение. Можно ли как-нибудь изменить этот параметр? Например, чтобы поле оставалось пустым. Гугл по теме ничего стоящего не выдаёт (или я плохо ищу).
    Уже очень давно мучает этот вопрос, а ответа на него найти не могу.

    Reply
    1. Admin Post author

      Ниже поля \Ссылка\ должна быть кнопка \Нет\ - значит вставлять без ссылки, поле будет пустым (см. в статье под заголовком \Ссылка на файл, ссылка на запись ...\)

      Reply
  4. анастасия

    Здравствуйте!
    Когда я создаю пост на странице my works( на остальных таких проблем нет) и вставляю галерею изображений , то на странице my works фото отображаются нормально, а вот на главной странице когда листаешь страницы фото этого поста ужасно растянутые. подскажите, в чем проблема?

    Reply
    1. Admin Post author

      Найдите, где заданы размеры изображений, отображаемых на главной странице, и измените. Возможно, в используемой теме есть соответствующая настройка, или придется смотреть код темы или плагина, который выводит эти изображения.

      Reply
  5. Olunka

    В последней версии WordPress больше нет возможности задать путь к медиафайлам через Параметры>Медиафайлы

    Reply
    1. Admin Post author

      Да, в 3.5 исчезло поле
      Загрузка файлов - Сохранять файлы в этой папке, По умолчанию: wp-content/uploads

      Reply
      1. Siarzhuk

        У меня на одном движке Вордпресса установлено несколько сайтов и у каждого своя папка для картинок. И что теперь делать?

        Reply
        1. Admin Post author

          Для начала, не торопиться обновляться до 3.5 версии, т.к. у многих появились проблемы со встроенным редактором, с настройками.

          Reply
          1. Siarzhuk

            Поздно уже, обновил везде по привычке сразу. Засаду такую только сейчас увидел.

          2. Walentin Pushkarew

            Типа получается, если я создаю свои папки для изображений, то после обновления двигателя высочайшего класса ГСятины вся и всё накроется медным тазом? Так, что ли? Или не так и не "что ли"?

  6. Слава

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

    Reply
    1. Антон

      У меня такая же проблема. Помогает на один раз только переустановка движка. Но это на один раз, для следующего поста опять приходится делать переустановку. Вордпресс пишет "Во время загрузки произошла ошибка. Пожалуйста, повторите попытку позже.". Что делать? Файл сам на хостинг загружается в стандартную папку, но его не видно в панели редактирования.

      Reply
      1. Аида Легранд

        Такая же проблема, возникла из ниоткуда: не обновлялась, не переустанавливала тему. Медиафайлы загружаются при этом в библиотеку, но при попытке вставить в запись или на страницу библиотека пуста!

        Reply
        1. Галина

          И у меня то же после обновления WordPress до 3.5. Вы не решили еще эту проблему?

          Reply
          1. Евгений

            Ребята проблема с галереей медиафайлов РЕШЕНА! Я просто обновился до версии 3.5.1 и картинки при добавлении/редактировании записи или страницы появились в библиотеке!
            В консоле ищем "Консоль-Обновления" и обновляум версию 3.5 до 3.5.1

          2. Людмила

            В 3.5.1 та же история. Думала 3.5 глючная, откатила версию, дождалась 3.5.1 ...:reallypissed:
            Выдает ошибку в правом углу

    2. Чувакович

      Стояла версия 3.5.1 - была такая же проблема. Переустановил Консоль-Обновления - проблема решилась. Пока работает.

      Reply
  7. Olga Golubew

    Здравствуйте, подскажите пожалуйста, как сделать, чтоб в посте изображение было видно целиком, а не обрезалось?

    Reply
    1. Admin Post author

      Когда Вы вставляете изображение в пост, можно выбрать размер, разве не так? В крайнем случае, если вместо исходного изображения уже вставлена его миниатюра, можно вручную удалить из тега img
      параметры width и height и размеры миниатюры из имени файла -150x150. Вместо

      имя-файла-150x150.jpg" width="150" height="150"

      останется имя исходного файла изображения

      имя-файла.jpg"

      Reply
  8. Дмитрий

    На сайте не отображаются фотографии в альбоме пользователя.
    Установил плагин BP album фото в альбом загружается название отображается а вместо изображения крестик. Путь к файлу ....мой сайт/members/dmitry/album/picture/5/
    Папка album находится в wp-content/uploads.
    Не могу понять в чем причина изшарил весь нет может плагины Remove Parents Hidden Content влияют?

    Reply
  9. Эрнест

    Доброго дня!
    Подскажите пожалуйста, я обновился до версии 3.5 и начались глюки.
    1. Все фотографии из старых галерей перестали отображаться, то есть галерея есть, а фото не видны. Если кликать на "пустое место" от открывается фотография в новом окне, а раньше все открывалось в рамке с функцией перелистывания.
    Что посоветуете, вернуться с тарой версии или обновиться до 3.5.2?
    Откровенно говоря боюсь обновляться.
    2. У меня стоит плагин Share Buttons , для соц. сетей и теперь, там отображается только иконка ВК, остальные пропали (((
    Третий день мучаюсь ничего не помогает. ((
    3. При открывании рубрик вместо миниатюры просто крутиться и не загружается.

    Reply
  10. Альбина

    После обновления версии WordPress 3.5 медиафайлы вообще не загружаются и не вставляются в статью.

    Reply
  11. Светлана

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

    Reply
  12. Walentin Pushkarew

    Админ, "а есть ли возможность сделать так(без плагинов), чтобы тема вообще жила своими аватарами адресованных пользователям, при этом чтобы каждый аватар комментирующего отличался"(цитата Вадима из Вэб)???

    Reply
    1. Admin Post author

      ...без плагинов - почему бы нет. Один и тот же функционал может обеспечивать тема (код в файле темы functions.php) или плагин (аналогичный код в файле плагина).

      Reply
    2. Admin Post author

      Кстати, есть хорошие плагины, например, Simple Local Avatar - позволяет зарегистрированному пользователю загружать на сайт свой рисунок-аватар.

      Reply
      1. Walentin Pushkarew

        Спасибо! Постараюсь подстегнуть всё средствами html, напоследок разобрать плагин(GPL всё-таки), может там встроен код обращения к папке(иному сабжу) с подключением к рандомным аватаркам и присвоемнием и выводом их определённому комментатору.

        Reply
  13. Васёк

    Здравствуйте. У меня вот такая ситуация
    в шапке у меня расположен ряд картинок, корыте находятся в диве и каждая из них тоже в диве. Все картинки прописаны через html. Проблема в следующем - в html версии все работает нормально но при загрузке в WordPress отображаются только те изображения которые прописаны как фон, а те что прописаны через html отсутствуют. Пробовал заливать через загрузчик медиа, а потом вставлять в html постоянную ссылку не выходит ничего. Помогите решить данную проблему.

    Reply
  14. Васёк

    спасибо что никто не ответил для тех кто столкнется с моей проблемой просто используйте тег img вот в таком формате <img src="/images/logo.gif" alt="" />

    эт называется сам пошутил сам посмеялся

    Reply
  15. Васёк

    прошу прощения блок комментариев не отображает php
    админ удали коменты

    Reply
  16. Ренат

    как изменить url картинки? копия сайта грузит картинку с оригинального доменного имени, как сделать чтобы грузила со своего хоста?

    Reply
  17. Маргарита

    Та же ситуация. Возникла ошибка на днях. Загрузчик картинок выдает ошибку на красном фоне, картинок вообще не видно. Пришлось обновляться до версии 3.6.1, вроде бы заработало.

    Reply
    1. Геннадий Ольховский

      У меня тоже была эта проблема!!! Даже хостер не смог разобраться, но я проблему эту решил. Может быть кому-то это поможет.
      Как говориться все гениальное просто: в консоли админ-панели находим обновление (без разницы) версии WordPress и жмем переустановить. Все работает, картинки просто летают.

      Reply
  18. Регина

    Добрый день! Подскажите пожалуйста, почему у моих фотографий на сайте ссылка имеет вот такое название http://....../wp-content/uploads/2013/11/%D0%A1%D0%B0%D0%BB%D0%B0%D1%82-%D0%9C%D0%B0%D0%BB%D0%B5%D0%BD%D1%8C%D0%BA%D0%B0%D1%8F-%D0%98%D1%82%D0%B0%D0%BB%D0%B8%D1%8F-%D1%81-%D1%82%D0%B2%D0%BE%D1%80%D0%BE%D0%B6%D0%BD%D0%BE%D0%B9-%D0%B7%D0%B0%D0%BF%D1%80%D0%B0%D0%B2%D0%BA%D0%BE%D0%B9-2.jpg?

    Reply
    1. alexvgrey

      Скорее всего файл картинки написан не на латинице (русскими буквами, например). Рекомендации очевидны. Называйте файлы латиницей, в идеале длиной 8 на 3 символа.

      Reply
  19. Шамиль

    Здравствуйте, у меня проблема с изображениями на wordpress 3.8. Изображения заливаются и видны, но во время установки рисунка заголовка выходит ошибка apache. Все это на denwere последний сборки

    Reply
  20. Анна

    Доброе время суток. Подскажите как скоректировать такую проблемку. В галерею загружаю картинки по порядку (это меню ресторана, должно идти строго по порядку), а к конечном результате оно вразброс( Заранее спасибо!

    Reply
  21. Лилия

    Добрый день! Создала дочернюю тему на WordPress, возник вопрос: как изменить путь к папке загрузки рисунков и др. файлов с родительской темы на дочернюю. Если ,возможно, хотелось бы получить пошаговые инструкции...Буду очень признательна за помощь.

    Reply
  22. Александр Борисов

    Как бы удалить все эти attachment с блога? Точнее убрать их появление. А то ПС все хапают в выдачу.

    Reply
  23. Анатолий

    А за что отвечает Описание в свойствах медиафайла. Как влияет на SEO?

    Reply
    1. Admin Post author

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

      Reply
  24. Анатолий

    И я бы не рекомендовал давать права 777. 775 и то если вы будете работать и через Медиафайлы и через ftp. Если только через Медиафайлы - то 755.

    Reply
  25. Екатерина

    Добрый день!

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

    Reply
  26. Кристина

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

    Reply
  27. Оксана

    Добрый день. Когда пишу статью кнопка "Добавить медиафайл" не активна. Не могу вставить в текст картинку, а миниатюры хорошо загружаются. Что делать? спасибо.

    Reply
  28. Квай-Гон

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

    Reply
    1. Admin Post author

      Чувак! WordPress сам картинки не грузит, нужно кнопочку нажать соответствующую. Но есть плагин/плагины для сохранения в библиотеку картинок с других сайтов. Если такой плагин не ставил, значит это код в теме (Внешний вид - Темы) . Попробуй вставить картинку на сайт с дефолтной темой и без плагинов - такого быть не должно!

      Reply
  29. Саша

    С помощью твоей статьи я наконец-то узнал где хранятся картинки в wordpress, и благодаря этому смог восстановить их из резервной копии сайта. Искал сам мучился, а ты меня просто спас, спасибо огромное !!!

    Reply
  30. Наталья

    Здравствуйте.

    На моем сайте появилось масса - тысячи - страниц http://wordpress.howtoo.ru/?attachment_id=номер, которые проиндексировали поисковики. Как лучше от них избавляться? Эти страницы нужны или их нужно вообще удалять?

    Reply
    1. Admin Post author

      attachment - это тип записей, которые WordPress автоматически создает для рисунков, их не удалишь. Наверное, они могут быть нужны для фотоблога как место для обсуждения рисунков, фоток. Чтобы от них "избавиться", делают перенаправление, например, можно добавить в файл темы attachment.php:

      header ('HTTP/1.1 301 Moved Permanently');
      // перенаправление на родительскую запись
      header ('Location: '.get_permalink($post->post_parent));

      //или перенаправление на файл рисунка:
      header ('Location: '. esc_url( wp_get_attachment_url() ));

      также для поисковиков прописать в файле robots.txt

      Disallow: /?attachment_id

      Reply
      1. DanVi

        В файле robots.txt не помогает.
        Добавил в файл attachment.php
        post_parent)); ?>
        тоже не помогает.

        Reply
  31. Владимир

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

    Reply
  32. Andrey Talanov

    Здравствуйте !

    Подскажите пожалуйста ,у меня такая проблема ,Что на айфоне не все фотографии видно ,просто поле пустое и текст ,а некоторые фото видно,на планшетах и айпадах,а так же обычных компах ,все в порядке ,в чем может быть дело?

    Спасибо!

    Reply
  33. Саша

    Здравствуйте!

    Подскажите пожалуйста решение проблемы. На странице коллекции товаров нужно поставить ссылку на фото, чтобы при нажатии именно но фото товара открывалась страница товара. То есть ссылку нужно ставить на сам медиафайл. Но при открытии его редактирования ничего нет. Погуглила, но ничего нужно мне не нашла.

    Reply
    1. Сергей

      Здравствуйте. В режиме визуального редактора нажмите на нужную картинку, нажмите на "карандашик" (изменить) откройте параметры изображения. Дальше в появившемся окне под размером изображения быдет строка "ссылка". Там выберите не "медиафайл", а "произвольный URL. Дальше вводите ссылку, которую Вам надо открывать при нажатии на картинку. Тут же можете выбрать, открывать эту ссылку в новом окне, либо в этом же.
      Удачи!

      Reply
  34. Эдик

    Добрый день. Вопрос есть статья(новость ) + изображения , я делюсь этой ссылкой в ФБ и мне вставляет одну и туже фотографию . как сделать что бы в посте изображение было то что присутствует в посте .Спасибо

    Reply
  35. Сергей

    Здравствуйте. Подскажите пожалуйста, я сделал сайт на denwer. Соответственно шаблон немного изменил (фоновое изображение, изображение шапки), сделал картинки адаптивными. После того, как разместил сайт на хостинге, у меня сайт совершенно некорректно отображается. Нету половину картинок, ссылки на страницы так же не работают, а ссылаются на localhost/папка сайта. В базе данных делал SQL запросы, менял ссылки на реальный сайт. Строк поменялось очень много, но внешне на сайте ничего не изменилось. Например в шапке сайта вмесо картинки только значок изображения. Если посмотреть код элемента, то видно, что ссылка на картинку выглядит: http: //localhost/папка сайта/wp-content/upload/2016/01/имя картинки. Стоит поменять localhost/папка сайта на "реальный сайт", картинка появляется. Как возможно решить эту проблему?
    плагин Velvet Blues Update URLs установил, изменил адрес http: //localhost/папка сайта/ на http: //реальный сайт/ и по прежнему ничего не получается. Буду очень признателен за помощь!
    Спасибо!

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *