Как создать страницу портфолио в Weebly?

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

Связанный: Создайте сайт-портфолио в WordPress с темой Uncode.

Элемент Weebly Gallery

Элемент галереи Weebly – один из наименее используемых вариантов большинством обычных владельцев сайтов. Обычно это используется фотографами, чтобы продемонстрировать свои шедевры. Но вы можете использовать этот элемент галереи для создания замечательной страницы портфолио.

Портфолио Weebly с элементом галереи

Шаг 1 – Создание изображений

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

  • Подготовьте все изображения одинакового размера, что облегчит их выравнивание.
  • Отцентрируйте и выделите читаемый текст на изображениях, чтобы пользователи могли легко читать текст.
  • Определите количество столбцов и изображений для каждого столбца. Например, если вы хотите создать 3 столбца с 3 изображениями в столбце, создайте 9 изображений. Если у вас 10 или 11 изображений, то последняя строка будет содержать только 1 или 2 изображения, которые могут выглядеть не профессионально.
Weebly позволяет выбрать количество столбцов, но автоматически определяет количество изображений в столбце. По этой причине мы рекомендуем создавать изображения одинакового размера.

Шаг 2 – Загрузка изображений

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

Шаг 3 – Настройка вашего портфолио

Теперь загруженные изображения могли быть автоматически расположены так, чтобы они выглядели как портфолио. Щелкните любое изображение, чтобы увидеть два варианта:

  1. Всплывающее окно для отдельного изображения
  2. Всплывающее окно для элемента галереи в целом
Параметры элемента галереи Weebly

Параметры элемента галереи Weebly

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

  • Выберите количество столбцов, и Weebly автоматически выровняет изображения по столбцам.
  • Подписи позволяют вам решить, как вы хотите отображать текст подписи на каждом изображении при наведении курсора мыши. Мы рекомендуем выбирать «Лайтбоксы и эскизы» для отображения и «Полное наложение» для подписей к эскизам. Также не забудьте установить флажок «Отображать при наведении».
Вариант подписи галереи

Вариант подписи к галерее

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

Расширенные параметры галереи

Проверить демо страницы портфолио

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

Выбор макета страницы портфолио Weebly

Выбор макета страницы портфолио Weebly

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

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

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