Добавление изображений в сообщения и на страницы в WordPress

Привет, друзья!

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

Тема не большая, но мы должны ее рассмотреть очень подробно.

Как добавить отдельные изображения к сообщениям и страницам (а не к галереям).

Ко мне часто поступают вопросы про хостинг, которым я пользуюсь и поэтому решил указать хостинг в статье https://sprinthost.ru. Вы можете попробовать попользоваться хостингом 30 дней бесплатно. Чтобы понять, как будет работать Ваш сайт на этом хостинге просто перенести свой сайт (в этом поможет поддержка хостинга бесплатно) и и таким образом сможете понять подходит хостинг Вам или нет. На этом хостинге находятся сайты с 20 000 тысяч посещаемость и сайты чувствуют себя отлично. Рекомендую! Да, если делать оплату на 1 год то получаете скидку 25%. И что мне нравится - тех. поддержка всегда помогает в технических вопросах, за что им спасибо. Как Вы понимаете не всегда проходит всё гладко и нет желания, чтобы сайт не был доступен тем самым страдал трафик и доход.

Добавление изображений в сообщения и на страницы в WordPress

1. Подготовьте изображение и войдите в админку WordPress.

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

Ваше изображение должно быть файлом типа JPG, GIF или PNG. Любой другой формат, вероятно, не подходит для использования в Интернете и должен быть предварительно преобразован (обычно с программным обеспечением для редактирования изображений).

2. Поместите курсор в содержимое поста или страницы

Сначала нажмите «Редактировать» страницу или сообщение, где требуется вставить изображение.

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

Я настоятельно рекомендуем позиционировать курсор в самом начале абзаца или заголовка (или пустой абзац). Избегайте позиционирования курсора между самим текстом или вы можете получить странные результаты. Вы можете выровнять изображение относительно этой позиции позже.

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

Поместите курсор в содержимое поста или страницы

3. Добавляем медиа

Нажмите кнопку «Добавить медиа» (кнопка над панелью инструментов).

Добавляем медиа

4. Загрузка файлов

Выберите «Загрузить файлы», если вы добавляете новое изображение или «Библиотека файлов», чтобы выбрать изображение, которое вы загрузили ранее.

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

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

Загрузка файлов

5. Отрегулируйте параметры перед вставкой

Когда изображение загружено, убедитесь, что вы рассмотрели и задали нужные и правильные параметры (используя справочные примечания ниже).

Затем нажмите кнопку «Вставить в страницу/сообщение».

Диалоговое окно «Добавить мультимедиа»

  • Заголовок: короткое текстовое описание изображения
  • Подпись: не требуется, если ваш шаблон/тема не поддерживает отображение надписей
  • Атрибут alt: обычно то же самое, что и заголовок
  • Описание: обычно не требуется
  • Выравнивание: по мере необходимости. Ничто обычно не работает лучше, когда изображение расположено на пустой строке (абзаце). Влево и вправо лучше всего работает, когда изображение позиционируется с текстом или заголовком. Доступный текст будет автоматически обтекать изображение. Центра часто избегают (я обычно как раз ставлю по центру).
  • Ссылка: оставьте пустым (None) или выберите Media File, если изображение должно быть привязано к полноразмерной версии (это позволяет пользователю увеличить изображение при клике на него). Вы также можете ссылаться на любой веб-адрес (URL) по вашему выбору. Это может быть другая страница вашего веб-сайта или внешняя веб-страница.
  • Размер: выберите, какое требуется. Если отображаемые размеры не подходят для вашего дизайна и макета, вам может потребоваться поговорить с вашим веб-разработчиком (или написать мне и я вам все починю). Если изображение слишком велико для содержащего элемента, это может привести к разрыву (поломке) макета.

Изменение параметров после того, как изображение уже вставлено

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

Изменение параметров после того, как изображение уже вставлено

Другой способ создания ссылок на изображении

Кнопка «Вставить ссылку» на панели инструментов также может использоваться для создания связанных изображений (сначала выберите изображение).

Предварительная обработка изображений для вставки (подготовка изображений заранее)

Изображения могут (и, возможно, должны) быть подготовлены до вставки с использованием программного обеспечения, такого как Adobe Photoshop или аналогичного. Это дает вам дополнительное преимущество, позволяющее настраивать другие качества, такие как яркость, контрастность, цвета. И иногда, обрезка изображения может быть очень полезна.

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

Некоторые довольно примитивные варианты редактирования изображений встроены в WordPress (например, для обрезки, поворота и переворачивания изображений). Чтобы получить доступ к этим функциям, найдите кнопку «Редактировать изображение» в поле «Добавить медиа» (см. Процедуру загрузки).

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

Если вы хотите отредактировать ранее загруженное изображение, перейдите в свою медиа-библиотеку, щелкните изображение, которое вы хотите редактировать, а затем нажмите кнопку «Изменить изображение» под изображением.

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

Библиотека файлов

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

Сжатие изображений до разумного размера

СОВЕТ. Я бы рекомендовал использовать плагины сжатия изображений, такой как Imsanity, но не буду: потому что я пользуюсь сервисом «ILoveImg«. Далее про плагин: это автоматически изменит размер вашего изображения до разумного размера. Это особенно важно при вставке изображений, которые поступают непосредственно с камеры. Также, это позволит сэкономить полезное дисковое пространство на вашем сервере хостинга.

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

На этом все и до скорых встреч!

P.S. Не забывайте подписываться на обновления моего блога.


Обо мне
Юрич:
Занимаюсь созданием сайтов на WordPress более 6 лет. Ранее работал в нескольких веб-студиях и решил делиться своим опытом на данном сайте. Пишите комментарии, буду рад общению.

Заказать сайт