Как исправить распространенные ошибки изображений в WordPress
У WordPress есть масса функций для изображений, которые, к сожалению, для новичков не всегда понятны. В этой статье я расскажу о самых распространенных ошибках, трудностях, которые могут возникнуть при работе с изображениями и о том, как их исправить.
Как загрузить изображения на WordPress?
Картинки грузятся на WordPress через медиа-загрузчик, что позволяет вставлять в статью изображение прямо с экрана редактирования записи или страницы, для этого нужно лишь нажать кнопку «Add Media».
Кроме того, вы можете напрямую загружать изображения в Медиафайлы и после использовать их в записях или на страницах. Для этого нажмите на Медиафайлы » Добавить новый и загрузите необходимые изображения.
Все загруженные на сайт изображения можно просмотреть, пройдя по Медиафайлы » Библиотека.
Если вы добавили в запись/на страницу несколько изображений, то есть смысл создать галерею и/или добавить слайдер с прокруткой, что позволит вашим пользователям просматривать все изображения без перезагрузки страницы.
Как выровнять изображения по левому/правому краю?
Просматривая статьи в интернете, вы наверняка замечали, что в некоторых из них текст расположен вокруг небольших изображений. Это можно сделать с помощью функции «выровнить по левому/правому краю». При этом выровнять изображение можно непосредственно перед его загрузкой в запись.
Вначале при загрузке изображения в запись, текст будет расположен прямо под ним. Щелкните по фото и вы увидите строку с необходимыми опциями, также их можно выбрать, нажав на кнопку «Редактировать».
При нажатии перед вами появится окно редактора изображения, где можно выбрать необходимое выравнивание и сразу просмотреть, как текст будет обтекать картинку.
Функцию выравнивания можно также найти в панели инструментов текстового редактора. Щелкните по изображению, чтобы сделать его активным и выберите выравнивание по левому или правому краю – текст будет красиво обтекать картинку.
Как добавить описание под изображением?
В WordPress под каждым изображением можно сделать описание. Для этого: щелкните по фото, выберите «Редактировать» и в окне редактора найдите бокс «Подпись», введите необходимый заголовок или описание.
По этой же схеме можно добавить описание и к ранее добавленным изображениям. Читайте статью — как оптимизировать картинки для seo
Как отображать фото в столбцах и строках?
Довольно часто я слышу вопрос о том, как можно сделать отображение изображений в столбик или в строку. А между тем и для этого у WordPress есть встроенная опция, т.е. функция галереи. Для аккуратного отображения нескольких изображений в столбик или в строку необходимо создать галерею.
Для этого: щелкните по кнопке Добавить медиафайл. В появившемся окне загрузчика щелкните по «Создать галерею» и загрузите необходимые фото. Загрузив изображения, вы можете подписать каждое из них, щелкая попеременно по ним и введя текст в блок «подпись» или «заголовок». Убедитесь, что вы выбрали все необходимые изображения и щелкните по кнопке «Создать новую галерею».
В окне Редактировать галерею можно будет добавить описание к изображению (для этого надо сначала щелкнуть по нему), изменить параметры и поменять порядок картинок. Когда вы сделаете все необходимые изменения, не забудьте нажать кнопку «Вставить галерею».
В редакторе записи появится код галереи (в старых версиях), либо сама галерея (более новые версии WordPress).
В запись можно также добавить красивый слайдер с прокруткой, который позволит пользователям просматривать всю галерею без перезагрузки страницы.
Как исправить отсутствие миниатюры у записи?
Во многих темах WordPress миниатюры записей выводятся на главной странице и на страницах архивов (категорий, архивов по дате и т.д.). Для того чтобы не забыть вставить миниатюры на странице редактирования записи справа есть блок, который так и называется – «Миниатюра записи» (см. скриншот). Щелкните по «Задать миниатюру».
Если вы не можете найти данный мета-бокс, то в правом верхнем углу щелкните по кнопке «Настройки экрана» и поставьте галочку напротив «Миниатюра записи».
Теперь щелкните по ссылке Задать миниатюру, чтобы загрузить необходимое изображение. В метабоксе вы увидите, что выбранное изображение стало миниатюрой к записи:
Как исправить двойную миниатюру к записи?
Одна из распространенных проблем новичков – это создание сразу двух миниатюр к одной записи. Такое происходит, когда пользователь загружает изображение в текст записи, а потом еще и задает миниатюру в соответствующем метабоксе. Это приводит к тому, что в некоторых темах одна и та же картинка будет отображаться два раза, но разных размеров. Вот как это выглядит на практике:
Это случается потому, что большинство тем WordPress автоматически задает в качестве миниатюры первое, добавленное в запись изображение, поэтому порой не надо специально задавать миниатюру к записи.
Изображение слишком большое – как обрезать картинку в редакторе блога?
При загрузке изображений со смартфонов или фотоаппаратов выясняется, что они очень большие. В WordPress есть замечательная функция – он автоматически создает три размера загруженного изображения: маленький, средний и большой. Однако, иногда возникает потребность обрезать фото до нужного размера. Конечно, WordPress – это не Photoshop, но и здесь есть несколько базовых встроенных функций, как, например: масштабирование, обрезка, вращение изображения.
Загрузите изображение: Добавить медиафайл » Загрузить файлы. С правой стороны в «параметрах файла» вы увидите ссылку «Редактировать». Щелкните по ней, и вы окажитесь в окне Редактирования изображения.
Здесь вы сможете увидеть базовые функции редактора: обрезка, поворот, изменение размера и т.д.
Как вставить изображение в заголовок сайта на Вордпресс?
Изображение заголовка темы («шапки» темы) в Вордпресс — это одна из ее характеристик. Сейчас во многие темы «вшита» поддержка таких изображений, благодаря чему вебмастера с легкостью могут менять главные изображения тем своих сайтов. Например, по умолчанию тема Twenty Thirteen идет с несколькими изображениями заголовка и вы можете выбрать тот, что вам больше по душе.
Как администратор вы можете загрузить в заголовок сайта любую понравившуюся картинку, для этого пройдите по маршруту: Внешний вид » Header. (в новой версии: Theme Options » Header). WordPress сообщит вам требования к размерам изображения, которое можно будет использовать для шапки сайта. Если вы загрузите подходящее по размерам изображение, то оно «сядет», как надо и будет выглядеть так, как должно, а если нет – вам придется его обрезать до нужного масштаба.
Вы можете загрузить столько изображений, сколько считаете нужными, и они будут рандомно отображаться на сайте, а можете выбрать лишь одно, нажав на кнопку «Choose Image » (выбрать изображение).
Как добавить фоновое изображение?
Во многих темах WordPress есть не только поддержка изображений для заголовка сайта, но и аналогичная функция для фонового изображения сайта. Чтобы проверить, если эта функция у выбранной вами темы, зайдите в админке во Внешний вид, там должна быть ссылка «Background».
Загрузите любое понравившееся изображения с компьютера или выберите его с Библиотеки файлов. Когда вы выберите изображения, вы сможете сделать предосмотр сайта, а также будут доступны функции редактирования фонового изображения. Например, вы сможете сделать стандартное фиксированное или мозаичное отображение, или оно у вас будет прокручиваться. Сохраните изменения и просмотрите, как все выглядит.
Как найти бесплатные изображения для сайта?
Записи с картинками выглядят намного эффектнее и интереснее. Однако, конечно, далеко не у всех нас есть свои уникальные фотографии к размещаемым записям и поэтому приходится брать их с интернета. Возникает вопрос, где найти красивые, а главное бесплатные картинки, которые можно использовать на своем сайте на легальных основаниях? К счастью, существует множество стоков изображений, где можно найти бесплатные изображения на любой вкус.
Как добавить теги к изображениям?
Если у вас сайт, где изображения и/или любая другая медиа информация является основным контентом, то рано или поздно вы поймете, что у WordPress достаточно ограниченное количество функций по упорядочиванию изображений. Поэтому в данном случае я бы настоятельно рекомендовал использовать теги, чтобы посетители могли легче ориентироваться в вашем контенте. Для этого вам потребуется скачать и активировать плагин Media Tagger.
Существенным преимуществом этого плагина является то, что он может использовать теги опубликованных записей к изображениям. Если вы ранее не прописывали теги, то вам придется это сделать, зайдя в Записи » Метки. Плагин также идет со встроенным поисковым виджетом, который можно добавить в боковую панель или в любую другую область виджетов, так что ваши пользователи смогут просматривать изображения по выбранным меткам (тегам).
Как вставить изображения со сторонних ресурсов?
Обычно такой вопрос возникает при переносе сайта с одного места в другое. Бывает, что при переезде изображения остаются на старом месте. Чаще всего с такой проблемой сталкиваются бывшие владельцы блогов на таких платформах как: Blogger, Joomla, Tumblr и WordPress.com. Также бывает, что картинки на новом месте отображаются корректно, но при этом грузятся со стороннего (прежнего) ресурса. Для решения этой проблемы скачайте и активируйте плагин Import External Images. Плагин просканирует все ваши записи и отобразит все изображения, загружаемые со стороннего ресурса. Вы сможете разом импортировать все изображения одним нажатием кнопки.
Как в WordPress назначить требование задавать миниатюру к записи?
При ведении сайта, где несколько авторов публикуют свои статьи, вы можете столкнуться с проблемой, что они забывают задавать миниатюру к записи. Если вы хотите напоминать своим авторам или себе необходимость задавать миниатюру, то просто скачайте и активируйте плагин Require Featured Image. Здесь не нужно будет ничего настраивать, плагин «работает из коробки». Как только вы его активируйте, каждый раз при желании опубликовать запись в окне редактора будет появляться напоминание об установлении миниатюры к записи, т.е. запись не будет публиковаться без миниатюры, а сохранится лишь в черновиках.
Как настроить функцию задавать миниатюру по умолчанию?
Нахождение миниатюры идеально подходящей к записи – это дело достаточно хлопотное. Порой на это не остается времени, а если оставить запись без миниатюры, то сайт будет не красиво смотреться. Поэтому если у вас нет специально выбранной миниатюры, то идеальное решение: задать в WordPress функцию автоматически использовать в качестве миниатюры какое-либо изображение.