Посмотрим на медиабиблиотеку WordPress
Вот она красивая. WordPress позволяет использовать следующие типы:
- изображения
- аудио
- видео
Есть нажать на любую картинку – получим информацию об этом файле
- имя и тип файла
- когда загружен
- размер файла
- линейные размеры
- каким пользователем загружен
- в какой записе / странице использован
- url файла на сервере
Основные настройки для медиафайлов здесь
При загрузке файла (или файлом) WordPress создает на сервере целый набор файлов под указанные размеры (а также под размеры, указанные темой и разными плагинами – но это тсссс….. = это секрет).
Типичный набор файлов на сервере после загрузки через медиабиблиотеку
Файлы загружаются в папки по месяцу и годы, основное расположение в папке wp-content/upload/ Зачем так много? Читаем статью про srcset
Как добавить картинки на сайт CMS WordPress
Упс… Чего-то не хватает. Да, мы видим в медиабиблиотеке загруженные файлы, как их показывает WordPress. В отличии от Joomla – мы не видим папки на сервере и не видим сами файлы в папке.
WordPress делает очень интересно:
- каждому набору изображений присваивается свой id (который хранится в базе MySql)
- id относится именно ко всему набору изображений, созданных из одного загруженного файла
- сам исходный файл сохраняется на сервере и практически нигде не используется
- у каждой размерности есть свое зарегистрированное название в базе WordPress (и тема и плагины могут добавлять свои)
- например у файлов вида image-150*150.jpg зарегистрировано служебное название Thumbnail – это собственно миниатюра записи (она же featured image, она же превью, она же thumbnail)
ВАЖНО:
- при удалении файла из медиабиблиотеки он ФИЗИЧЕСКИ удаляется с сервера и из библиотеки
- при “удалить изображение страницы” при редактировании записи / страницы НИЧЕГО физически не удаляется, просто миниатюра открепляется от записи в базе данных
Для чего нужна миниатюра и почему она должна быть маленькой – читаем статью
Миниатюры (thumbnails) записей и страниц WordPress
Медиабиблиотека также доступна при создании и редактировании записи / страницы
Дополнительно можно изменить свойства размещения картинки в посте
Дополнительно можно указать атрибут Alt – это хорошо влияет на SEO – в поиске будут участвовать картинки Яндекс или Гугль. Хорошая тема автоматически заполняет поле названием статьи.
Основные проблемы с медиафайлами WordPress:
- система разрешает загружать исходные файлы до 50 Мб, что быстро занимает дисковую память на сервере (фотоаппараты сейчас хорошие)
- в медиатеке все картинки показаны квадратными, хотя в реальности файлы имеют разное соотношение сторон
- достаточно быстро накапливается много файлов, которые можно сортировать в основном только по месяцу загрузки
- пользователь может забыть указать миниатюру при создании записи – и это ему потом создаст проблемы со скоростью загрузки сайта
 | Подпишитесь в VKontakte - нажмите кнопку | |
 | Подпишитесь в Telegram - нажмите кнопку | |
 | Наша группа ODNOKLASSNIKI |
Вы можете сохранить ссылку на эту страницу себе на компьютер в виде htm файла
Пишите на электронную почту (тема и email будут добавлены автоматически в письмо)
В Вашем браузере должна быть настроена обработка ссылок mailto
site_post@bk.ru
или просто скопируйте адрес e-mail
Почитать в разделе
Медиа WP
Посмотрим на медиабиблиотеку WordPress Вот она красивая. WordPress позволяет использовать следующие типы: изображения
аудио
видео
Есть нажать на любую картинку - получим информацию об этом файле имя и тип файла
когда загружен
размер файла
линейные размеры
каким пользователем загружен
в какой записе / странице использован
url файла на сервере
Основные настройки для медиафайлов здесь При загрузке файла (или файлом) WordPress создает на сервере целый набор файлов под указанные размеры (а также под размеры, указанные темой и разными плагинами - но это тсссс..... = это секрет). Типичный набор файлов на сервере после загрузки через...(Читать полностью...)
- Всего статей в разделе: 7
- Показано статей в списке: 7
- Сортировка: название по алфавиту
Аватар автора блога WP
В WordPress интересно реализована базовая поддержка аватаров пользователей блога (и авторов комментариев). Сервис Gravatar
Gravatar (globally recognized avatar — глобально распознаваемый аватар) — Web 2.0 сервис компании Automattic, позволяющий интернет-пользователям хранить свой аватар на специальном сервере. Пользователь регистрируется на центральном сервере и сохраняет там свой аватар и адрес электронной почты. Система Gravatar позволяет использовать аватары без регистрации на сайте или блоге.
Gravatar поддерживается движками Redmine, WordPress начиная с версии 2.5, W-script, сайтами Stack Overflow, Ohloh, XenForo и Battlelog. Система имеет очевидные преимущества перед традиционными...(Читать полностью...)
Запрет и разрешение загрузки файлов WP определенного типа
В WordPress запрещено настройками загружать файлы определенного типа. "Извините, тип файла недопустим по соображением безопасности".
Запрет кстати, глобальный. Он действует вообще для всех загрузок, а не только для медиатеки. Например, Вам надо для установленной темы загрузить файл с её настройками в виде txt, а он по умолчанию запрещен.
Круто конечно, но два вопроса: как узнать, что именно разрешено и что запрещено
и как это разрешить или запретить Используем простой плагин Mime Types Plus После установки получаем возможность увидеть весь список и мышкой разрешить/запретить отдельные типы файлов. Также возможно разрешение/запрещение по ролям пользователя (и по...(Читать полностью...)
Как добавить картинки на сайт CMS WordPress
WordPress и картинки / фото на сайте. Что тут сложного? Выбираем "Добавить медиафайл", добавляем его в галерею и на страницу. Всё давно придумано и работает.
Какие тонкости тут есть?
По умолчанию WordPress собирает все картинки в одну большую кучу, разделенную по папкам, которые по месяцам загрузки. Это просто неудобно.
Если у нас несколько пользователей блога - желательно каждому пользователю сделать свою папку и свою медиабиблиотеку.
У каждой картинки есть дополнительные атрибуты - Alt и Title, все их помнят из HTML, Title выводится при наведении на картинку, Alt - при отсутствии картинки. Так вот - атрибут Alt для картинки используют поисковые системы и Ваш сайт можно...(Читать полностью...)
Максимальный размер картинки для загрузки WordPress
Какой размер изображения мы можем загрузить на наш блог WordPress? При загрузке в медиатеку мы видим ограничение в 64 Мб.
Эту же цифру нам покажет плагин tsl-plugin-console-list-size Нужно ли нам это?
В реальности исходное изображения практически не используется на блоке, из него WordPress нарезает более мелкие картинки. Но место на сервере расходуется - особенно, если учесть, что современные фотоаппараты легко делают фотографии по 10-15 Мб.
Как с этим бороться?
Ограничим размеры изображения, которое будет загружено.
Мы не будем менять максимальный размер для загрузки - мы ограничим размер исходного изображения на хостинге (full - в терминологии WordPress).
Используем плагин...(Читать полностью...)
Миниатюра WordPress по URL
Посмотрим, как можно использовать внешнюю картинку (по URL) для своей миниатюры. Спойлер - практически никак. Найденные два основных плагина работают - но делают это странно. Кто найдет правильное решение - просьба отписаться :)
Или придется писать плагин самому.
ТЗ на правильное решение: картинка может быть как внешняя, так и с самого сайта внешняя картинка переливается в базовую директорию WordPress
картинка, расположенная на хостинге текущего сайта - там и остается, работаем с ней если картинка в png -> то конвертируем ее в jpg (иначе из нее не получится маленькой миниатюры)
средствами WordPress из нее создается миниатюра вида image-150*150.jpg
данная...(Читать полностью...)
Миниатюры (thumbnails) записей и страниц WordPress
Почему важно контролировать наличие миниатюр для записей и страниц. Миниатюра в WordPress (она же thumbnail, она же feature image, она же превью) - это маленькая картинка размером 150*150 pic (зависит от настроек WordPress). И размер тоже маленький. Если миниатюры нет (не установлено) - большинство плагинов будет использовать первую картинку поста/страницы.
Миниатюры должны миниатюрными - т.е. быть маленькими :)
Их на реальной странице много - анонсы других статей, перелинковка для SEO, плагины дополнительной навигации = везде выводятся миниатюры как превью к записи.
А если вместо миниатюры используется первая картинка из поста - то она вообще-то полноразмерная.
Грубая оценка -...(Читать полностью...)
Плагины пересоздания миниатюр (featured image) WordPress
Будем менять существующие миниатюры. Зачем это надо: мы поменяли/добавили размеры миниатюры\
автоматически сформированная миниатюра неправильно обрезана
у части записей вообще нет миниатюры Зачем вообще нужны thumbnails - читаем статью
Миниатюры (thumbnails) записей и страниц WordPress
Редактирование существующих миниатюр
По умолчанию WordPress создает миниатюры 150*150 пикселов. Это определяется в его настройках. Но если основная смысловая часть на картинке смещена - то полученная миниатюра будет плохой.
Для ручной коррекции миниатюр используем плагин Manual Image Crop - пример использования хороши виден на картинке, можно выбрать нужную часть изображения Редактор...(Читать полностью...)
