Oops! It appears that you have disabled your Javascript. In order for you to see this page as it is meant to appear, we ask that you please re-enable your Javascript!

Как добавить картинки на сайт CMS WordPress

WordPress и картинки / фото на сайте. Что тут сложного?

Как добавить картинки на сайт CMS WordPress

Выбираем «Добавить медиафайл», добавляем его в галерею и на страницу. Всё давно придумано и работает.

Какие тонкости тут есть?

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

Если у нас несколько пользователей блога — желательно каждому пользователю сделать свою папку и свою медиабиблиотеку.

У каждой картинки есть дополнительные атрибуты — Alt и Title, все их помнят из HTML, Title выводится при наведении на картинку, Alt — при отсутствии картинки. Так вот — атрибут Alt для картинки используют поисковые системы и Ваш сайт можно будет найти по описанию картинки. Т.е. атрибут Alt должен быть у каждой картинки и он должен её адекватно описывать (для корректного SEO-продвижения).

Неплохо бы ограничить максимальный размер картинки, которая загружается на сайт. Да, WordPress при загрузке делает целый набор картинок разных размеров — но если у Вас есть фотоаппарат, который щелкает каждое фото по 10 Мб, то загрузив 100 картинок на сайт — Вы займете 1Гб места на хостинге.

Картинки все разные по размерам (в пикселах), было бы неплохо автоматизировать процесс размещения картинки на страницы в относительных размерах, например 70% или 90%. В противном случае будет или маленькая картинка — или при большом размере будет добавляться полоса горизонтальной прокрутки.

Идеология WordPress подразумевает, что при загрузке делается несколько размеров картинок и для вставки предлагается второй по размеру — где-нибудь 300*300 pix. Да, это экономит ресурсы браузера — ему не нужно при показе страницы пересчитывать картинку в другой размер (например 70%).  И ширина экрана у большинства мобильных устройств больше, чем 300 пикселей.

Но что будет, если Вы вставили картинку шириной в 500 пикселей и не проконтролировали это?

Будет плохо:

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

 

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

  • ширина до 300 pix — ничего не делать
  • ширина более 300 pix — добавлять в html параметр, указывающий относительные размеры width=»90%»

 

 

 

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

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

 

Еще почитать:

WP плагины

WP плагины

Что такое WordPress плагины? Очень полезная вещь. Это дополнительные модули к движку WordPress, которые расширяют (или снижают) его функциональность. Снижают ли плагины скорость загрузки сайта WordPress? И да и нет. Мы помним, что весь код PHP обрабатыва...

WordPress & FaceBook

WordPress & FaceBook

Интеграция с facebook - зачем это нужно? Это еще один канал продвижения Вашего сайта. Суть - Вы делаете в facebook страницу, ей посетители ставят"лайк", Вы выкладываете в ленту свои события, посетители их видят в своей ленте. Точнее, Вы события выкладываете...
Интернет-магазин на WordPress

Интернет-магазин на WordPress

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

Плагины для "хлебных крошек"

Навигация на сайте с помощью "хлебных крошек". Навигационная цепочка (дублирующее меню, «хлебные  крошки », англ. breadcrumbs). Название «хлебные  крошки » является отсылкой к немецкой сказке «Гензель и Гретель», в которой дети, когда их завели в лес во...
Плагины для SEO WordPress

Плагины для SEO WordPress

Что бы заниматься продвижением сайта (SEO ), нужно как минимум получать информацию по посетителям и отслеживать сайт в Вебмастере поисковых систем. 1. Установка счетчиков на сайт и прав на сайт в Вебмастере Все делает один плагин WordPress DL Ve...
Плагины для дополнительной навигации на сайте

Плагины для дополнительной навигации на сайте

Как организовать дополнительную навигацию на сайте "Хлебные крошки " - это хорошо, но хочется большего. Что можем показать пользователю в боковой панели через виджеты? Например. Показ пользователю, какие страницы/посты он недавно смотрел Пл...

Сохранить URL
close slider

Вы можете сохранить себе URL этой страницы.

Введите Ваш e-mail:


Извините, простая капча от роботов. Какой сейчас год? Например:

 

Если всё заполнено корректно - к Вам на почту придет письмо, в котором будет ссылка на данную страницу, её заголовок и описание.

 

Это работает на любых устройствах :)

 

P.S. Это не подписка на рассылку!