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

Як створити сторінку портфоліо у Weebly?

0

Сторінка портфоліо використовується для демонстрації зображень ваших проектів чи будь -якої іншої важливої ​​роботи, яку ви хочете показати своїм користувачам. Наприклад, якщо ви веб -дизайнер, ви можете продемонструвати всі створені вами сайти на сторінці портфоліо. Кожне окреме зображення на сторінці портфоліо може бути пов’язане з окремою сторінкою, де ви можете пояснити більше про окремий проект. Створення такої сторінки портфоліо дуже просте у Weebly з елементом "Галерея" за замовчуванням без необхідності будь -яких додаткових налаштувань.У цій статті ми детально обговорюємо, як можна створити гарну сторінку портфоліо на своєму веб -сайті Weebly.

Пов’язано: Створіть веб -сайт портфоліо в WordPress з темою Uncode.

Елемент галереї Weebly

Елемент галереї Weebly – один з найменш використовуваних варіантів більшості загальних власників сайтів. Це зазвичай використовують фотографи, щоб продемонструвати свій шедевр роботи. Але ви можете використовувати цей елемент галереї для створення чудової сторінки портфоліо.

Як створити сторінку портфоліо у Weebly?

Портфоліо Weebly з елементом галереї

Крок 1 – Створення зображень

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

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

Примітка: Weebly дозволяє вибрати кількість стовпців, але автоматично визначає кількість зображень у стовпці. Ось чому ми рекомендуємо створювати зображення однакового розміру.

Крок 2 – Завантаження зображень

Створіть нову сторінку та назвіть її «Портфоліо». Перетягніть елемент галереї на сторінку портфоліо і завантажте всі зображення, підготовлені на кроці 1. Ви можете будь -коли пізніше додати інші зображення або видалити завантажені зображення зі своєї галереї.

Крок 3 – Налаштування вашого портфоліо

Тепер завантажені зображення могли бути автоматично упорядковані, щоб надати портфоліо вигляду. Натисніть на будь -яке зображення, щоб побачити два варіанти:

  1. Спливаюче вікно для окремого зображення
  2. Спливаюче вікно для елемента галереї в цілому

Як створити сторінку портфоліо у Weebly?

Параметри елементів галереї Weebly

За допомогою спливаючого вікна окремого зображення ви можете додати підпис, зв’язати зображення з іншою сторінкою або видалити зображення з галереї. Спливаюче вікно параметрів галереї пропонує багато варіантів налаштування:

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

Як створити сторінку портфоліо у Weebly?

Варіант підписів до галереї

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

Як створити сторінку портфоліо у Weebly?

Розширені параметри галереї

Ви також можете вибрати макет сторінки «Портфоліо», щоб створити сторінку з різних типів макетів портфоліо без упорядкування кількох елементів.

Як створити сторінку портфоліо у Weebly?

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

Джерело запису: webnots.com
Залиште відповідь

Цей веб -сайт використовує файли cookie, щоб покращити ваш досвід. Ми припустимо, що з цим все гаразд, але ви можете відмовитися, якщо захочете. Прийняти Читати далі