Изображения — это отличный способ улучшить ваш сайт WordPress.com. Вы можете загрузить на ваш сайт наиболее распространенные файлы изображений. В этом руководстве рассказывается о разных способах добавления изображений на ваш сайт.
В этом руководстве
С изображениями можно совершать множество различных действий, поэтому мы разбили это руководство на несколько страниц.
- Загрузка изображений — вся информация о том, как загружать изображения со своего компьютера, из Интернета или библиотеки медиафайлов в свои записи или на страницы.
- Настройки изображений — добавление заголовка или подписи к изображениям. Указывает, где найти основные сведения о вашем изображении, например постоянную ссылку, размеры изображения и тип файла.
- Редактирование изображений — изображение перевернуто, слишком большое или слишком маленькое? Легко исправить. Это руководство поможет обрезать, повернуть и масштабировать изображения.
- Галереи и слайд-шоу — покажите свои изображения в виде галереи или слайд-шоу.
- Оптимизация изображений — если перед вставкой изображений уменьшить размер файла, то их загрузка и отображение страниц станут происходить быстрее.
- Устранение неполадок с загрузкой изображений — ваши изображения не загружаются? Вот несколько советов, чтобы все заработало!
- Устранение неполадок с размытыми изображениями — узнайте, почему изображения на вашем сайте могут отображаться размытыми, даже если качество оригинального загруженного фото хорошее.
- Поиск бесплатных изоражений и других медиафайлов — вашему сайту нужны общедоступные изображения или изображения, лицензированные для свободного использования с сохранением условий? Вот несколько рекомендаций по поиску.
Вот несколько практических примеров, демонстрирующих различные варианты показа изображений с помощью блоков. В зависимости от темы, которая используется на сайте, изображения будут выглядеть по-разному, поэтому поэкспериментируйте на своем сайте!
Все изображения любезно предоставлены бесплатной библиотекой фотографий Pexels.
Блок «Изображение» служит для добавления одиночных изображений. Он минималистичен, но в сочетании с блоком «Столбцы» позволяет творчески подойти к оформлению, как показано в теме Coutoire.
Стиль по умолчанию
Стиль с закругленными углами
Блок «Обложка» лучше всего использовать с темами, допускающими показ во весь экран. Он отлично смотрится в темах Dalston, Alves и Maywood.
Блок позволяет использовать фиксированный фон, наложение с градиентом и различные стили отображения.
Фиксированный фон ВКЛ.
Фиксированный фон ВЫКЛ.
Наложение градиентов с эффектами волнистого края сверху или снизу
Блок галереи позволяет легко добавить несколько фотографий и автоматически красиво их расположить.
Блок «Слайд-шоу» отлично подходит, когда нужно поделиться фотографиями, не занимая при этом слишком много места на странице или в записи. Посмотрите, как он представлен в теме Rivington.
В приведенном ниже примере используется опция автовоспроизведения. Подробнее обо всех остальных опциях можно узнать в руководстве по блоку «Слайд-шоу».
С помощью блока «Медиа и текст» можно располагать надписи рядом с изображениями и видеороликами.
Он оснащен удобной опцией для вертикальной группировки мультимедийных материалов и текста на мобильных устройствах.
Вот примеры его творческого использования в темах Exford и Barnsbury.
«Если книга, которую вы хотите прочитать, еще не написана, то напишите ее сами».
Тони Моррисон
Слева видно, как содержимое будет представлено на мобильном устройстве при использовании опции вертикальной группировки.
По умолчанию мультимедийные материалы показываются сверху.
Блок «Сравнение изображений» позволяет разместить два изображения рядом (или друг над другом) и с помощью ползунка указать различия между ними.
Блок «Плиточная галерея» включает в себя опцию закругленных углов и может использоваться в четырёх различных стилях.
- Плитка (мозаика)
- Круглые плитки
- Квадратные плитки
- Столбцы из плиток
Это способ не только позволяет творчески подходить к показу изображений, но и может стать отличным дополнением к блоку «Слайд-шоу», как это показано в теме Rivington.
Плитка (мозаика)
Круглые плитки
Квадратные плтики с опцией закругленных углов
Столбцы из плиток
Поддержка 