Категории функций — Вложения (media файлы) — WordPress


Содержание материала:

Как прикрепить медиафайл к WordPress записи и как отсоединить вложение

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

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

Зачем нужна эта функция?

Привязка изображений к конкретным постам создает между ними определенную взаимосвязь (на уровне БД) и тем самым позволяет корректно организовать всю медиабиблиотеку. Данное соответствие задается автоматически как только вы загружаете графические материалы через страницу редактирования записи с помощью кнопки «Добавить медиафайл».

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

Кстати, возможно, вам пригодится пост про HTTP ошибку в Вордпресс при загрузке фоток/изображений, которая иногда возникает.

Почему некоторые файлы не прикреплены и как их найти?

Статус «Unattached» возникает по разным причинам, например:

  • Вы удалили из веб-проекта определенную запись, где были иллюстрации — после этого все они останутся на FTP и в базе/админке, но уже в качестве неприкрепленных.
  • Аналогичная ситуация возникает, если загружаете материалы на сайт непосредственно через «Библиотеку», когда, например, текст для заметки еще в разработке, но фото уже готово (либо это может быть графика для элементов дизайна, а не статей блога).

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

Чтобы найти неприкрепленные файлы в Вордпресс, заходите в раздел «Библиотека», после чего выбираете соответствующее значение в поле рядом с кнопкой «Фильтр» и кликаете по ней:

В более старых/новых версиях CMS этот скриншот может немного отличаться, но суть такая же.

Как открепить и прикрепить файл к WordPress записи

«Отвязка» выполняется в один клик — в списке всех медиаобъектов напротив нужного следует кликнуть по одноименной ссылке. Замечу, что данного функционала нет при отображении миниатюрами:

Что касается второй задачи (привязки), то тут есть несколько способов:

  • Если вы находитесь в «Библиотеке» в формате списка (как на скриншоте сверху), то напротив каждого «свободного» изображения имеется линк «Прикрепить».
  • Когда вы выбрали в фильтре отображение только неприкрепленных фоток/файлов, ссылка будет появляться при наведении на элемент в списке.
  • Если вы работаете над редактированием контента, нажимаете по кнопке «Добавить медиафайл», а затем выбираете нужную картинку.

Рассмотрим первый вариант из перечня выше, т.к. в нем одним кликом по линку не обойтись. Как только нажали «Прикрепить», появится всплывающее окно, где нужно будет найти и указать пост для привязки.

Отмечаете нужную заметку и кликаете «Выбрать». Если я правильно понял, отображается только ограниченное число объектов, поэтому функция поиска здесь весьма кстати.

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

WordPress attachment. Настраиваем редирект вложенных изображений

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

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

Что такое attachment в WordPress?

Attachment – это прикрепленные /вложенные/загруженные медиафайлы к записи/статье через загрузочную форму в разделе редактирования постов. То есть файлы, добавленные через кнопку «Добавить медиафайл» автоматически привязываются к этой конкретной записи. И в следствии каждая картинка создает для себя отдельную страницу.

Почему это проблема?

Дело в том, что эти все вложенные изображения имеют такой же адрес URL, как и у поста, только после окончания адреса добавляется вложение. Пример — http://site.ru/post-title.html/attachment/img-title. И в некоторых случаях, в зависимости от содержания файла вложения, может дублироваться еще и какой-то контент, включая и название статьи.

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

Редирект attachment WordPress

Есть различные варианты и решения «отключения» вложенных в посты медиафайлов. Точнее, не отключение, а настройка редиректа 301, чтобы вложение направляло на основной адрес поста. И со временем произойдет склейка attachment с родительским постом. Все способы почти аналогичны друг другу, за исключением мелких деталей.

Редирект через файл вложения

За содержание прикрепленных изображений отвечает файл attachment.php или image.php . Они должны находиться внутри вашей текущей темы. Если таковых не обнаружите, то просто создайте новый файл с одним из названий выше, и поместите в этот файл код, который ниже. В случае если тема содержит один из названых файлов, тогда все содержимое поменяйте также на код, который ниже. И лучше всего этот файл загрузить в дочернюю тему.

Через файл functions.php

Аналогичное решение, только нужно отредактировать файл функций. А в самом коде можно выбрать редирект как на основной URL, так и указать, чтоб вложенные картинки ввели на страницу ошибки 404.

Плагин Attachment Pages Redirect

Если не хочется возиться с редактированием и созданием файлов, проще тогда установить плагин. В нем отсутствуют какие-либо настройки, параметры или что-то подобное. Он только включает редирект и все. Установили и забыли про него.

Плагин Yoast SEO

Так как данный СЕО плагин используют многие пользователи, то может быть вы являетесь одним из их. И вам в таком случае не придется ничего делать, а только включить в его параметрах один пункт. На вкладке SEO в разделе Dashboard – Features включаем расширенные настройки (Advanced settings pages) и жмем кнопку «Сохранить». Потом переходим в раздел «Advanced» на вкладку «Permalinks» и включаем параметр «Redirect attachment URLs to parent post URL». Не забудьте сохранить изменения.

Как сделать экспорт импорт вложений (медиафайлов) в wordpress?

Есть желание почистить базу от всякого непонятного мусора который оставили всякие плагины и тд. Сделать бы это хотелось путем «естественного» наполнения сайта.
Т.е. Записи импортировать средствами wordpress.
Проблема возникает с вложениями (изображениями).

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

то нужно скачать Scena-pokupki.jpg
При этом путь может получиться другим соответственно нужно изменить код

и так с каждым изображением.

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

Как собрать картинки в отдельные папки в кривоватой библиотеке медиафайлов WordPress

» data-medium-file=»https://wilhard.ru/wp-content/uploads/2020/02/joomla-3-media-manager-upload-image-300×169.jpg» data-large-file=»https://wilhard.ru/wp-content/uploads/2020/02/joomla-3-media-manager-upload-image.jpg» /> Joomla 3 media manager

Недавно я подробно изучал Джумлу, и меня поразила простота использования библиотеки медиафайлов в этой замечательной CMS. Я писал об этом подробно в этой статье: Joomla или WordPress? Первое впечатление фаната Вордпресса. В Джумле можно управлять и организовывать медиафайлы точно так же легко, как мы это делаем у себя на компьютере. Можно создавать папки и перетаскивать туда фотографии и другие файлы. Слева на картинке изображен медиаменеджер Джумлы. После использования Джумлы я понял, насколько по-дурацки сделана библиотека медиафайлов в Вордпрессе, и начал искать плагины WordPress, которые могли бы помочь решить эту проблему. Перечитал много статей и пересмотрел много плагинов, и к своему глубокому сожалению обнаружил только один плагин, который мне очень понравился:

WP Media Folder

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

Если вы знаете плагины лучше, чем WP Media Folder , то поделитесь, пожалуйста, в комментариях.

Уточнение от 13.03.2020: плагин хороший, но все-таки я решил отказаться от использования WP Media Folder , так как надо ежегодно платить за него $40, он меняет внешний вид родной галереи WP и делает ее некрасивой при вставке в пост, и вообще, после того, как я долго попользовался им, он мне уже не очень нравится. Теперь я буду работать с плагином WordPress Real Media Library . За него достаточно заплатить один раз $25. И, кстати, доступна его демо-версия (по ссылке Live Preview на страничке WordPress Real Media Library ), т.е. перед покупкой можно попользоваться им и проверить, подойдет он вам, или нет. Про этот плагин есть информация также дальше в тексте.

Плагины для управления библиотекой медиафайлов на Вордпрессе

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

  • Enhanced Media Library. Этот плагин позволяет назначать категории и теги картинкам и сортировать их затем по категориям и тегам. Плагин бесплатный и очень популярный (90 000 активных установок). Отзывы хорошие. Мне плагин не понравился, так как чтобы присвоить категорию уже существующим картинкам, необходимо зайти в каждую из них. Это отнимает много времени. Нет массового управления!
  • Media Library Plus. Позволяет создавать папки и вложенные папки. Бесплатная ограниченная версия, расширенная версия платная. Плагин не очень популярен (2 000 активных установок). Отзывы хорошие;
  • Media File Manager. Так себе плагин. Не понравился убогим дизайном. Тем не менее он бесплатен, позволяет создавать папки, имеет средний отзыв 3.7 и относительно популярен (10 000 активных установок);
  • WordPress Real Media Library . Платный плагин. Позволяет создавать папки и управлять ими. Стоит всего $24. 3369 установок, при этом 126 отзывов, и все они пятизвездочные. Я его не тестил, но похоже, что очень хороший плагин. Если меня разочарует WP Media Folder , то попробую его;
  • Force Regenerate Thumbnails. Этот плагин позволяет массово менять размеры картинок. Безумно популярен (400 000 активных установок) и имеет отличные отзывы;
  • Imsanity. Этот бесплатный плагин позволяет автоматически обрезать размеры картинок при их загрузке в Вордпресс. Также можно массово сжать уже загруженные изображения. Плагин бесплтен, имеет 100 000 активных установок и только хорошие отзывы.
Топ-пост этого месяца:  Импорт-экспорт данных блога

Есть еще один старейший, самый известный плагин с более чем миллионом активных установок: NextGEN Gallery. Он позволяет организовывать картинки в альбомы и галереи, присваивать им теги. Но он не очень удобный. Я знаю и использую его много лет, но честно сказать, не люблю его. Судя по всему, его не любят и другие пользователи, так как у него около 1300 отзывов со средним баллом 3.3 из 5. Да, плагин на троечку, согласен!

Медиафайлы WordPress

Здравствуйте, уважаемые читатели!

Современные сайты не могут не содержать картинок, фотографий, видео- и аудиофайлов, поэтому сегодняшняя статья посвящена работе с медиафайлами на сайте под управлением этой CMS.

Какие файлы поддерживает WordPress.

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

Не рекомендуется загружать большие файлы, так как место на хостинге обычно ограничено. Если вы будете загружать их много, например, видео, то со временем придется переходить на более дорогой тариф. Если это изображения, то их необходимо оптимизировать, а видеофайлы лучше хранить на специальных видеохостингах (Youtube, Vimeo и т. д.), а на своих страницах размещать только ссылку.

Итак, какие же типы медиафайлов можно добавлять на блог?

Для изображений мы можем использовать расширения .jpeg, .jpg, .gif, .png, .svg и .iso. (.iso – это расширение фавикона.

Для видео – .mp4, .m4v, .mov, .wmv, .avi, .mpg.

Для аудио – mp3, .m4a, .wav.

Также можно размещать документы для скачивания. Они могут быть разных типов. Чаще всего используют .pdf, .doc (.docx), .xls (.xlsx), .ppt (.pptx), .psd.

Способы вставки файла в запись.

Для вставки медиафайла в запись используется кнопка Добавить медиафайл. После ее нажатия открывается окно вставки файла.

Его можно загрузить с компьютера. Для этого нажимаем Загрузить файлы, открывается следующее окно и, либо с помощью Проводника выбираем файл, либо перетаскиваем его из заранее открытой папки. Я работаю с двумя мониторами, поэтому чаще использую перетаскивание. Кстати перетаскивать можно сразу в библиотеку медиафайлов, не нажимая кнопку Загрузить файлы. Обратите внимание, что при загрузке указывается его максимальный размер. При таком способе вставки он загружается на ваш сервер.

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

Библиотека медиафайлов в визуальном редакторе.

Все рисунки, фотографии, видеоролики и аудиозаписи, которые вы загружаете со своего компьютера (но не те, которые находятся на других сайтах), попадают в библиотеку файлов. Если вы ведете блог давно, то у вас накапливается большое количество медиафайлов, и иногда найти нужный оказывается довольно трудно. Для облегчения поиска в WordPress предусмотрены варианты сортировки и поиска. Сортировка происходит по двум параметрам – по типу:

  • Все медиафайлы
  • Загруженные для этой записи
  • Изображения
  • Аудио
  • Видео
  • Неприкрепленные

и по дате загрузки. Поиск осуществляется по ключевым словам. Эти слова вы набираете при загрузке изображения в библиотеку.

Параметры файла. Настройка.

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

Первое поле, URL, заполняется автоматически. В нем отображается адрес файла на хостинге.

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

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

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

А вот описание нигде не отображается, и заполнять его не обязательно.

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

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

При выборе варианта Нет при наведении или щелчке на картинке ничего не происходит.

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

Страница вложения – это обычная страница, на которой в качестве контента содержится только изображение. Не могу сказать, для чего такая возможность реализована в WordPress.

И последний вариант, произвольный URL, выбирается для перехода на какой-либо другой сайт.

Еще ниже, в последнем поле, выбирается величина вставляемого изображения

Панель быстрого редактирования изображения. Параметры и настройки отображения.

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

Атрибут title – отображается в виде всплывающей подсказки при наведении указателя мышки на изображение. Желательно его заполнять.

CSS-класс изображения – произвольный стиль изображения. Используется, если нужно сделать особый стиль для показа картинки. Но для этого в файле style.css предварительно создается этот стиль.

«Открывать в новом окне/вкладке» — используется, если ссылка произвольная.

Отношение – отношение к странице перехода. Может применяться как указание для поисковых ботов nofollow, я иногда использую для указания выполнения скрипта открытия изображения во всплывающем окне.

CSS-класс ссылки – произвольный стиль ссылки. Трудно сказать, для чего это нужно.

Максимальный размер загружаемого файла.

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

php_value upload_max_filesize 1000M php_value post_max_size 1000M

Число 1000 и означает желаемый максимальный размер в мегабайтах.

Где хранятся медиафайлы на хостинге.

Иногда возникает необходимость что-то сделать с загруженным документом на хостинге. Где его найти? Все очень просто. Идем по адресу

Именно в папке uploads находятся все загруженные медиафайлы, но и там они распределены по папкам годов и месяцев.

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

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

Если статья вас заинтересовала, оставьте комментарий. Поделитесь статьей в социальных сетях.

Как работать с медиафайлами ВордПресс

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

Начнем поочередно разбирать все возможности популярной платформы: от самых простых (встроенных в панель администратора) до самых сложных (расширенные с использованием сторонних сервисов и плагинов).

Стандартные решения

Административная панель WordPress под медифайлами подразумевает картинки, аудиозаписи, видеофайлы. Все загруженные данные сохраняются в библиотеке платформы, которая располагается в следующей папке — имя сайта/wp-content/uploads. Согласно политике рассматриваемой платформы, в основных настройках разрешено редактировать только изображения, так как другие указанные типы файлов не рекомендованы к загрузке в медиатеку.

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

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

Основные рекомендации по заполнению атрибутов:

  • В строку alt и title рекомендуется вписывать ключевые слова, которые описывают изображение и соотносятся с тематикой той части текста, где оно размещено в статье.
  • Использование слишком длинных заголовков и подписей не рекомендуется.
  • В строке «Подпись» рекомендуется кратко описать смысловое содержание медиафайла.

Способы загрузки медиа-файлов в библиотеку Вордпресс

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

Способ №1

Можно осуществить загрузку из раздела «Медиафайлы — Добавить новый», где выбирается необходимый файл с компьютера и загружается в библиотеку. Можно выбирать и загружать несколько файлов одновременно. Также можно перетаскивать файлы из папки на компьютере непосредственно в указанное место в панели, после чего последует их загрузка.

Способ №2

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

Способ №3

Данный метод предполагает установку медиафайла с другого ресурса посредством установки html кода. Зачастую это используется при добавлении видео с популярного видеохостинга YouTube. Достаточно перейти на интересующее видео, нажать «Поделиться — Вставка — Скопировать код видео». Его нужно вставить во вкладке «Текст» редактора записи. После этого в визуальном редакторе можем увидеть превью на видео.

Способ №4

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

Настройка медиафайлов

Редактирование медиафайлов должно осуществляться до загрузки их в библиотеку Вордпресс. Платформа позволяет изменить ряд параметров встроенным редактором — однако его функционал имеет множество ограничений. В процессе добавления документа в библиотеку, справа откроется консоль с основными опциями, которые позволяют настроить отображение медиафайла, заполнить следующие поля: заголовок, подпись, alt, описание. Подробнее о каждом поле.

  • Поле «Заголовок» (title) содержит название файла, который загружается. Его следует заменить на краткое описание 2-3 словами, которое максимально передает содержание изображения. При наведении курсора на картинку в размещенной статье, будет всплывать текст, записанный в этом поле.
  • Строка «Подпись» не относится к основным и является необязательной к заполнению. Она выносит текст под изображение в опубликованной записи, что позволит уточнить некоторые моменты, касательно картинки или схемы.
  • Строка alt относится к обязательному параметру. Данный атрибут может быть идентичным заголовку или немного отличаться. Применяется для описания содержания картинки с использованием ключевых слов.
  • Последнее поле «Описание» необязательно к заполнению, используется для дополнения заголовка изображения.
  • Настройка выравнивания — позволяет указать расположение изображения в тексте.
  • Следующий параметр позволяет указать действие, которое будет происходить после нажатия на изображение: ссылка — установка URL, по которому посетитель перейдет после клика по файлу, медиафайл — откроет картинку в новом окне в оригинальном разрешении, значение «нет» – исключает какие-либо действия с файлом.
  • Выбор размера. Можно выбрать полный масштаб, большой, средний и миниатюру. Размер подбирается согласно предпочтениям вебмастера;

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


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

  • Изменить все параметры, указанные ранее: заголовок, alt, выравнивание, размер и ссылку;
  • Имеется пункт дополнительных настроек, где можно добавить несколько функций к изображению и внести CSS-параметры;
  • Справа имеется кнопка для перехода в режим редактирования оригинала (позволяет установить размеры изображения, обрезать или перевернуть его).
Топ-пост этого месяца:  Группировка роутеров. Helpers. Slim PHP

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

Работа с галереями

Для большего понимания того, как работать с медиафайлами Вордпресс, следует изучить использование галерей в записях. Данные действия относятся к простым, не требуют особых знаний или использования кода. Галерея — подборка нескольких изображений, размещаемых в тексте с определенными параметрами. Стандартные параметры подразумевают открытие картинки из галереи в новой вкладке или во вложении. Это не очень удобно с точки зрения пользователя. Вебмастеры используют плагины, позволяющие открывать картинки в лайтбоксе, например, Simple Lightbox.

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

  • Параметр «Ссылка» необязателен к изменению, его можно оставить как есть;
  • Параметр «Колонки» позволяет выбрать количество колонок с картинками, размещенными в записи. В зависимости от размера миниатюр, число колонок может изменяться — маленькие миниатюры позволяют использовать больше колонок;
  • Параметр «Случайный порядок» устанавливается исходя из ваших требований. Установленная галочка будет выводить изображения из галереи в случайном порядке, при каждом обновлении страницы, отсутствие галочки выставит картинки в порядке, который вы указали вручную;
  • Параметр «Размер» позволяет выставить размер изображений в галерее. Рекомендуется установить «миниатюры».

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

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

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

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

На этом, завершим обзор стандартных решений для работы с медиафайлами WordPress, перейдем к более сложным операциям.

Расширенные решения работы с медиафайлами

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

Сжатие изображений

Для улучшения скорости загрузки страниц, рекомендуется предварительно сжимать изображения в специальных сервисах или программах. Сокращение времени загрузки страницы положительно влияет на поведенческие факторы пользователей и, соответственно, поисковых систем. Стандартное сжатие картинок с расширением JPEG в Вордпрессе уменьшает изображения до 90% от исходного уровня. Данная функция стандартно задействована в ядре платформы.

Одной из проблем данной функции является несовместимость с популярным плагином WP Smush. Это проявляется в ухудшении качества опубликованных изображений. Если предполагается использование данного плагина, необходимо отключить стандартную систему сжатия и использовать для этого плагин Disable JPEG Compression.

Что касается WP Smush, то плагин является самым оптимальным вариантом, а при использовании премиум версии — лучшим на рынке. После его установки, изображения в автоматическом режиме будут подвержены сжатию, без потери качества.

Те вебмастеры, которые против нагрузки системы различными плагинами, могут воспользоваться сторонними сервисами и программами. Согласно многим опросам и тестам, эффективностью сжатия выделяется сервис TinyJPEG, который позволяет сжимать несколько изображений одновременно в формате jpeg и png. Скорость работы сервиса выше чем у конкурентов, что значительно сокращает траты времени на оптимизацию картинок.

Плагины

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

Media File Renamer

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

Премиум версия добавляет возможность изменения заголовка, опираясь на название записи или атрибут alt в тексте.

  • Непосредственная замена имени файла в библиотеке;
  • Функция массового переименования;
  • Исправление путей к файлам после переименования.

Enhanced Media Library

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

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

  • Присвоение категорий и меток;
  • Несколько фильтров для сортировки файлов;
  • Установка ограничений для определенных расширений файлов;
  • Использование шорткодов для динамичных галерей.

Imsanity

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

  • Выбор расширения и степени сжатия файла;
  • При помощи панели предварительного просмотра можно выбирать подходящий размер;
  • Массовое редактирование размеров загруженных изображений;
  • Конвертация формата BMP в JPEG в ручном режиме.

Imagify Image Optimizer

По некоторым возможностям плагин походит на предыдущий Imsanity, так как умеет изменять размер изображений. Основная его задача — оптимизация картинок. Сжимание не влияет на качество изображения, при этом скорость загрузки страниц сайта увеличивается.

  • Доступно 3 способа сжатия;
  • Использование массового сжатия для загруженных документов;
  • Совместимость с WooCommerce;
  • Позволяет сохранять оригинальные файлы на сервере.

Image Watermark WP

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

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

  • Непосредственно добавление водяных знаков;
  • Функция загрузки собственного водяного знака;
  • Настройка положения знака и уровня видимости;
  • Установка ограничения на клик правой кнопкой мышки по изображениям.

Quick Featured Images

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

  • Изменение большого количества миниатюр записей;
  • Выбор фильтров для автоматического выбора миниатюр;
  • Предусмотрены настройки автоматизированного подбора миниатюр.

Вывод

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

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

Отдельные страницы картинок WordPress: что делать со страницами вложения attachment

Вступление

Давно собирался разобраться с этой проблемой, хотя не уверен, что это вообще проблема. Речь идет о так называемых страницах вложения медиафайлов добавленных в посты и страницы. Для коробочной версии WordPress их можно назвать страницами вложения attachment, по префиксам URL, этих страниц.

Что такое отдельные страницы картинок WordPress или страница вложений WordPress

Давайте сразу расставим акценты.

  • http://site.ru/new-post/file-photo/
  • http://site.ru/new-post/?attachment_ >страница с фотографией имеет URL типа:

http://site.ru/file-photo/, где file-photo это название файла фотографии.

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

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

4. Прикрепленная картинка (медиафайл) и страница вложения связаны друг с другом. Прикрепление картинки к посту и создание страницы вложения происходят при добавлении фотографии из редактора при написании поста.

Вы не избавитесь от страницы вложения, если при добавлении фотографии к посту укажите в поле «Ссылка», «Медиафайл» или «Нет», а не на «Страницу вложения». Страница вложения создается всегда, как только вы воспользовались кнопкой «Добавить медифайл» в редакторе.

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

убираем отдельные страницы картинок WordPress

Что делать со страницами вложения

Из всего, что я сказал выше, есть несколько вариантов не плодить страницы вложения:

1. Перед написанием статьи сначала добавлять картинки для статьи в медиа библиотеку, а потом добавлять статьи в редакторе и брать фото для статьи из библиотеки, а не использовать кнопку «Медиафайл». Согласен неудобно, но можно привыкнуть.

2. Второй способ избавляться от страниц вложения, каждый раз после написания статьи откреплять фото от статьи, кнопкой «Отвязать». Это способ совсем неудобный, но тоже терпимый.

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

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

Что делать с уже созданными страницами вложения

Выше я определил, страницы вложения, как мусор. Для меня это теперь очевидно. В свое время я открыл метки и картинки для индексации, но упустил, проблему attachment. Теперь получил сотни дублей, которые очевидно мне не нужны.

Что делать со страницами вложения на практике

Общеизвестные советы по борьбе с attachment WordPress:

WordPress. Загрузка медиа-файлов

Давайте создадим плагин, который позволит зарегистрированным пользователям загружать медиа файлы. Чтобы не создавать свой загрузчик файлов, будем использовать файл async-upload.php , расположенный в папке wp-admin . Это стандартный скрипт WordPress для AJAX-загрузки медиа файлов, в нем есть все необходимые проверки прав доступа, так что нам не придется делать это самостоятельно.

Для использования файла async-upload.php , нам нужно выполнить следующие условия:

  • Установить значение атрибута name поля для загрузки файла в значение async-upload
  • В post-запросе отправить ключ _wpnonce со значением, которе возвращает функция wp_create_nonce() с аргументом media-form
  • В post-запросе отправить ключ action со значением upload-attachment , чтобы была вызвана функция wp_ajax_upload_attachment()

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

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

Итак, создаем директорию tokmakov-upload-media , а внутри нее — три файла: tokmakov-upload-media.php , script.js и style.js .

Файл tokmakov-upload-media.php

Предоставляя всем зарегистрированным пользователям возможность загрузки файлов, мы тем самым предоставляем доступ к медиабиблиотеке — пользователи смогут загружать файлы в админ-панели сайта. А мы добавим возможность загрузки файлов в публичной части сайта — там, где будет размещен шорткод.

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

В результате работы шорткода на страницу будет добавлен html-код:

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

Как избавиться от страниц вложения медиафайлов attachment — WordPress

Такая коротенькая заметка о том, как в публикациях сайта на WordPress избавиться от страниц вложения медиконтента: такие странички ваш сайт (на cms WordPress) будет генерировать для каждого добавленного фото (вообще всего добавленного медиаконтента) — рассмотрим пример с картинками.

Чем attachment странички вредны?? а тем — что, определим так, создают дублирующие адреса основного url статьи (вред дубликатов, думается, известен).

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

Что жж, рассмотрим все минусы…

attachment.php что это за штука

Ничего особенно — обычный файл темы, — кстати сказать, относится к необязательным файлам — что мы и докажем далее по тексту!

Во-первых, за всё отвечает функция аттач wp_get_attachment_image() . А во-вторых… давайте приступим к делу…

Многие советуют добавлять attachment.php в директорию шаблона, если такового в арсенале нет. Я сомневаюсь в его целесообразности в шаблоне… и — не добавляю. Считаю это бессмысленным занятием, особливо касаемо нынешней темы.

Если хотите добавить — добавьте, вреда не будет. Да и тем паче в скорости станем подробнее разбираться с файлами шаблона — будем учиться создавать свою собственную тему: полностью адаптированную к запуску проекта! …нелишне подписаться:

Ну, давайте рассмотрим пример:

Итак, зайдите к себе в админку в раздел медиафайлы «Библиотека файлов», откройте любую картинку. Вот фотка для примера:

Кликнем по ссылке «Посмотреть страницу вложения» Что получилось?

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

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

…допустим, в статье используется 2 картинки — у каждой из них будет своя собственная страница вложения удалить которую, вот наша цель!

…т.е самый главный url статьи и, соответственно 2-м фоткам, пара вредных добавочных, как докладывалось выше.

Теперь вам примерно ясен один из вариантов генерирования дублей адресов-страничек машинкой WP.

К примеру, (для тех, у которых файла аттаче в теме не было) добавим пустой файл attachment.php . Просто создадим и поместим в директорию шаблона.

В этом случае, после перехода на страничку вложения картинки, у вас откроется «пустое окно браузера» — как бы неплохо, но !! снова посмотрите в адресную строку — адрес перехода останется прежним — длиннющим и смешанным! — а это не хорошо: ведь вроде бы адрес из админки никуда не ведёт, но урл-то есть. а это и есть самая главная и вредная закавычина.

Важно: если вы решили добавить пустой файл attachment.php в корень своего шаблона, проверьте — что за чудо-страничка откроется, когда вы переходите по такой ссылке:

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

Вот как бы и сегодняшняя статья пришлась кстати тем, которые упустили заботу по защите сайта) — таким способом тестится любая директория сайта.

Как удалить страницу вложения медиаконтента и выполнить редирект на основной адрес статьи

Вот чудесный код, который нужно добавить в файл функций вашей активной темы:

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

Итог должен быть таким:

…после нажатия на ссылку «Посмотреть страницу вложения» вас — по функции правильной отработки добавленного кода — непременно перебросит на основную каноническую страничку записи — т.е ту страничку, которая имеет уникальный канонический URL адрес и в которой же используется медиа.

в плане экса и эпилог:

Если вы отключите на время код (закомментируете, как это сделать читайте) и совершите эксперимент по просмотру странички вложения картинки:

1 — (если у вас файла attachment.php нет) — откроется как бы сама запись и, например, фотка на пустом фоне, безо всякого текстового статейного содержимого! Кстати, это и есть лишняя страница , путающаяся с основным урлом.

2- (если файл attachment.php добавлен) — откроется пустое окно браузера!

Мораль: читайте по статье чуть выше.

Спрашивается: зачем сам файл attachment и это пустое окно?? —

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

Никакого пустого окна и дополнительной холостой страницы вложения медиафайла быть не должно!

И коли у вас до сегодняшнего дни набралось навалом дубликатов ввиду страничек вложения (или бессмысленных url-адресов, как угодно) мешающих продвижению вашего проекта, то — после нынешних манипуляций — избавление от них пойдёт своим чередом)

как настроить редирект со страничек архивов, дат публикаций, записей автора на главную страницу

Этот код, как понимаете, универсальнее показанного выше (в контексте нынешней статьи): а именно — редиректирует на главную со страничек всевозможных архивов и — оптимизирует (в нашем случае) работу функции аттач wp_get_attachment_image() …

То есть соединят в себе две полезные функции воедино! — показанную чуть выше и…

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

Я не знаю на сколь силён вред, но лично на некоторых сайтах этим чудо-кодом замечательно пользуюсь, ибо ясно одно: коли у админа нет острой необходимости показывать посетителям архивы по датам публикаций, и вообще на вашем сайте/блоге автор только один, спрашивается — зачем мне (как единогласному админу)) масса подобных страничек?

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

Всё что нужно сделать после прописки вышепоказанного кода, так это закомментировать (или удалить, коли юзали) код, показанный выше!

Эта статья о том, как убрать тег rel=attachment wp-att-хххх из атрибутики загружаемой картинки (редактор медиафайлов).

Прописка кода в файл functions.php, это дело хорошее !! Однако не всё и вся стоит в него пихать – правильнее (и для скорости загрузки в том числе) сгруппировать некоторые циклы кода в оформленном плагине: легко, надёжно и правильно в плане создания сайта.

Все доказательства «ЗА» читать:

Вот ссылка – как сделать собственный плагин WordPress – добавочный файл my-functions.php

На этом моя повесть нынче решительно окончена.

Михаил ATs — владелец блога запросто с Вордпресс — в сети нтернет давным-давно.

. веб разработчик студии ATs media: помогу в создании, раскрутке, развитии и целенаправленном сопровождении твоего ресурса в сети. — заказы, вопросы. разработка.

Во наговорил. Читал, вроде как и в теме, но не фига не понял При прописке http://домен/wp-content/themes/шаблон/attachment.php у иеня открылась страничка 404. Но я думаю что другой и быть не должно. Значит все в прядке? Или нет?

Привет!!
404 открылась — в общем, нормально ! если гнать по кочкам все возможности аттач и сопутствующие связки… ибо 404 «ошибка» и для Африки ошибка!
У Вас по kosolapovblog.ru/wp-content/themes/tema-2/attachment.php открылась «пустое окно» !!
В статье как раз и говорится, что вариант «пустого окна» НЕ одно и то же с 404-й ошибкой.
404-я (но — ОШИБКА !!) — в отличие от «доступ запрещён» или «пустое окно» — это несколько разные весчи: даже в плане Русского языка))

ps| меня иногда просят настроить редирект с 404-й на главную…
НО — по сути это белибердовая идея: т.к получается, что 404-ю стр. мы САМИ УКАЗЫВАЕМ КАК ГЛАВНУЮ!
Вот об этих отличиях ошибок и статья как раз, — в общем-то, чтобы эти простые «сопливые» вещи выполнять осознанно в коде — безо всяких плагинов в этом случае.

А чтобы не морочиться, берётся из статьи финальный (универсальный)) код и в функ… и всё потом замечательно бывает на сайте!
…единственное — какие-то свои условия is_name() дописать, и готоводело!

Убрать страницы медиафайлов — WordPress

К сожалению, не многие начинающие вебмастера знают, что cms wordpress создает дополнительные страницы на загруженные файлы через медиаменеджер. Эти страницы достаточно часто становятся головной болью для оптимизаторов. Последние кричат, топают ногами, требуют убрать лишние страницы, желательно чтобы при обращении к ним сайтом отдавалась ошибка 404. Сегодня мы научимся делать так. Давайте пойдем навстречу оптимизаторам, все-таки благодаря им у нас есть дополнительная работа:)

Для всей реализации нам понадобится только изменить файлик functions.php нашей темы. В конец файла добавляем следующие строки:

Вот и все. Теперь при обращении к страницам медиафайлов нам будет возвращаться ошибка 404. Всем успехов!

Топ-пост этого месяца:  Как стать фрилансером с нуля без опыта и образования
Добавить комментарий