Как загружать изображения на сайт Weebly?

Изображения — это простой способ передать ваши мысли более убедительно, чем слова. Как гласит популярная цитата: «Изображение может передать тысячу слов», изображения помогают пользователям быстро понять содержание вашей страницы. Существует множество способов загрузки изображений на сайт Weebly, перечисленных ниже:

  • Использование элемента изображения
  • Использование элемента галереи для создания демонстрационной галереи
  • Создание слайд-шоу с элементом слайд-шоу

Первый элемент используется для обработки одного изображения, а два последних элемента используются для обработки нескольких изображений.

Элементы изображения Weebly

Пользователи также могут загружать изображения прямо на сервер, перейдя в редактор тем Weebly через меню «Тема> Изменить HTML / CSS> Активы».

Загрузка одного изображения на сайт Weebly

Использование элемента изображения по умолчанию

Загрузить изображения на свой сайт так же просто, как перетащить их. Сначала перетащите элемент изображения в область содержимого, а затем просто перетащите изображение в поле элемента изображения загрузки. Изображение будет загружено на ваш сайт автоматически.

Перетащите изображение на свой сайт Weebly

Перетащите изображение на свой сайт Weebly

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

После добавления элемента изображения в область содержимого у вас есть следующие возможности для загрузки изображений на свой сайт.

  • Мой компьютер
  • Поиск
  • Избранное
  • URL изображения
Параметры загрузки изображений

Параметры загрузки изображений

Давайте посмотрим, что каждый вариант может сделать для вас:

Загрузить изображение с локального компьютера

«Мой компьютер» — это возможность найти и выбрать изображение с локального компьютера и загрузить его на свой сайт. Здесь также у вас есть возможность перетащить изображение в поле «Перетащить сюда фото».

Загрузить изображения с помощью поиска в репозитории

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

Профессиональные фотографии Weebly — это фотографии высокого качества, без лицензионных отчислений и с высоким разрешением. Вам нужно заплатить 5 долларов за каждую фотографию, и изображения будут доступны для немедленного использования.

Если вы не хотите платить 5 долларов за каждую профессиональную фотографию, вы можете проверить наличие фотографий в разделе бесплатных фотографий. Эти фотографии можно бесплатно использовать на вашем сайте и получить по общей лицензии Creative. Если вы хотите использовать эти фотографии, в нижний колонтитул вашего сайта будет добавлена ​​автоматическая ссылка с указанием того, что вы используете бесплатную фотографию под общей творческой лицензией.

Weebly Professional и бесплатный поиск изображений

Weebly Professional и бесплатный поиск изображений

Быстрая загрузка с использованием избранного

Во время поиска изображений у вас есть возможность добавлять фотографии в избранное. Фотографии, добавленные в избранное, будут доступны в разделе «Избранное», и вы можете выбрать их в любое время без повторного поиска. Эта опция помогает сократить время поиска одного и того же набора изображений снова и снова.

Загрузка с внешним URL

«URL-адрес изображения» — это последний доступный вариант, при котором вам необходимо указать URL-адрес изображения в Интернете, чтобы вставить то же изображение на свой сайт. Это помогает выбрать изображения с вашего собственного сайта без повторной загрузки. Избегайте использования анонимных URL-адресов изображений с других сайтов без соответствующего разрешения владельца сайта.

Параметры элемента изображения

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

  • Отредактируйте изображение с помощью редактора Weebly imageperfect
  • Заменить изображение другим изображением
  • Измените размер изображения, перетащив его с пропорциональными размерами
  • Включить или отключить опцию лайтбокса
  • Создать гиперссылку
  • Выровнять изображение по левому, правому краю или по центру
  • Отрегулируйте расстояние между полями
  • Добавить заголовок, рамку и замещающий текст
Параметры элемента изображения Weebly

Параметры элемента изображения Weebly

1. Изменить или заменить изображение

Вы можете редактировать изображение, используя Редактор изображений Weebly или замените все изображение, сохранив заголовок и текст ALT на предыдущем изображении.

2. лайтбокс

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

3. Связывание изображений с веб-страницей

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

URL веб-сайта

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

Страница на вашем сайте

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

Связывание изображения в Weebly

Связывание изображения в Weebly

Файл на вашем сайте

Используйте эту опцию, чтобы выбрать файлы, которые нужно связать с изображением. Простым примером здесь может быть привязка файла PDF к изображению с кнопкой «Загрузить сейчас».

Адрес электронной почты

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

Загрузка изображений на сервер

Хотя загружать изображения с помощью элемента «Изображение» по умолчанию очень просто, во многих ситуациях может потребоваться вставить изображение с помощью элемента «Код внедрения» на страницу с измененными стилями. Например, вы можете захотеть создать эффект наведения, чтобы отображать кнопки совместного доступа, когда мышь перемещается по вашим изображениям. В таких случаях перейдите в раздел «Тема> Изменить HTML / CSS> Ресурсы> Загрузить файл (ы)…» и загрузите свои изображения.

Загрузка изображения на сайт Weebly

Загрузка изображения на сайт Weebly

URL-адрес изображения Weebly

Изображение, загруженное на сайт Weebly с использованием элемента «Изображение», будет иметь URL-адрес, аналогичный приведенному ниже:

http://yoursite.com/uploads/4/8/5/3/4853992/image_number.jpg

Все изображения по умолчанию будут сохранены в папке «uploads» с именами в виде чисел. Нет возможности организовать изображения по разным папкам или сохранить с осмысленным описанием. Когда вы изменяете размер или редактируете изображение, Weebly автоматически создает новое изображение и изменяет имя исходного изображения на «_orig». Если изображение удалено, то и исходное, и измененное изображения будут удалены с сайта, и не будет возможности восстановить удаленные изображения снова.

Когда изображение загружается непосредственно на сервер, URL-адрес изображения будет таким, как показано ниже:

http://yoursite.com/files/theme/image.png

Преимущество здесь в том, что URL-адрес загруженного изображения можно использовать как относительный URL-адрес «/files/theme/image.png»В любом месте вашего сайта с помощью тега HTML .

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

«http://www.weebly.com/editor/uploads/4/8/5/3/4853992/custom_themes/12345/files/image.png«

Загрузка нескольких изображений на сайт Weebly

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

Элемент Weebly Gallery

Элемент Weebly Gallery

Слайд-шоу — один из прекрасных элементов, доступных как бесплатно, так и Pro пользователей. Вы можете добавлять фотографии для создания слайд-шоу и настраивать навигацию и внешний вид слайд-шоу за несколько кликов.

Параметры элемента слайд-шоу Weebly

Параметры элемента слайд-шоу Weebly

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

Похожие записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *