TechBlogSD - Все для WordPress и WEB разработки
WEB и WordPress инструкции, новости, обзоры тем и плагинов

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

10

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

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

Элемент Weebly Gallery

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Источник записи: www.webnots.com
Leave A Reply

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