Масштабирование картинки в WordPress

Здравствуйте, уважаемые читатели сайта https://pravo-wmeste.ru

Продолжаем знакомиться с возможностями WordPress. В статье «WordPress картинки» мы познакомились  с приёмами  загрузки картинки с жёсткого диска.

Как изменить параметры картинки в WordPress перед размещением на веб-странице,  рассказано в статье «Картинки в WordPress».

В статье  «Код картинки  в WordPress»  мы  познакомились с HTML кодом картинки на  вэб-странице и  шорткодом.

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

 Масштабирование картинки

Картинки, которые вы собираетесь использовать на сайте, полагается сначала обрабатывать у себя в компьютере, в графическом редакторе. Обработка включает в себя следующие действия:отрезать лишнее, повернуть, если снимок был сделан повёрнутым фотоаппаратом, изменить геометрические размеры и масштабирование картинки, уменьшить вес картинки, потому что чем меньше килобайтов  она весит, тем быстрее у читателя загружается веб-страница.  Читательница сайта Анна,  предлагает для уменьшения веса картинки использовать  программку Piclet Resizer 1.0, так как в ней очень просто уменьшить картинку или в процентах, или в пикселях. Есть и другие программы уменьшения веса вставляемой картинки на сайт, но об этих программах мы поговорим в другой раз.

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

Как сделать  масштабирование на сайте?

 

Новая секция:

 

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

Открылась новая секция «Графический редактор», где мы видим вот такое открывшееся окно. Тут есть много чего, но нам надо сначала масштабировать картинку, т.е. подогнать её под тот размер , который нам необходим для размещения на вэб-странице. Для это в открывшемся окне находим кнопку масштабировать и жмём на неё.

 

Вверху справа надо нажать кнопку  «Масштабировать«.

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

Таким образом, введём нужное значение ширины или высоты (одно введём, второе изменится автоматически) и нажмём кнопку «Масштабировать». Не забываем сохранить внесённые изменения, нажав внизу окна редактора «Сохранить все изменения».

Граф. ред

А вот теперь мы можем приступить к следующему нашему действию в редакторе:

Кадрирование картинки

Выше картинки имеется ещё пять кнопочек для обработки рисунка: кнопка обрезки, две кнопки для поворота на 90° (против часовой и по часовой стрелке) и две кнопки для переворота (по вертикали и по горизонтали). Пара кнопок с толстыми белыми стрелками предназначена для отмены и повтора команд.

 

Операции поворота и переворота никаких настроек, конечно же, не требуют. А вот команда «Обрезать» требует некоторого нашего участия в процессе обрезки.

Просто растягиваем мышкой рамку  нужного размера и нажимаем кнопку обрезки, а потом — кнопку «Сохранить» (картинка запишется на сайт). Останется пролистать окно редактора до конца, отыскать внизу кнопку «Вставить в запись» и нажать.

 

Правда, растянуть с первого раза рамку обрезки точно так, как надо, удаётся далеко не всегда. Можно попробовать ещё разок: щёлкнуть где-нибудь в стороне от рамки (она пропадёт) и растянуть снова.

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

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

Продолжение в следующей статье.

Статья написана по материалам А. Левина.