Дополнительные материалы к курсу «SP Page Builder на максималках»

Модуль 1 — Обзор и настройка хостинга, Joomla 4, Helix Ultimate

1.2 Регистрация хостинга

• Регистрация хостинга Timeweb
• Партнёрский код для регистрации: 49196.
• Промокод из урока freehost1 — при оплате одного года хостинга.
• Промокод из урока freehost2 — при оплате двух лет хостинга. Актуальные условия применения проверьте при оформлении заказа.

1.5 Установка CMS Joomla

• Скачать Joomla
• Скачать JCE Editor
• На странице курса указано, что для сайта загрузки Joomla может потребоваться VPN.

1.8 Дополнительные инструменты для работы

• Расширение Fonts Ninja для Chrome

Модуль 2 — Установка и настройки SPPB5

2.10 Подключение шрифтов Google в SP Page Builder

• Google Fonts

2.11 Подключение своих шрифтов в SP Page Builder

• WebFonts.pro
• FontStorage
• Fonts Online
• Font Squirrel
• Font Squirrel Webfont Generator

2.12 Подключение иконочных шрифтов в SP Page Builder

• IcoFont
• IcoMoon
• Fontello

2.14 Анимация в SP Page Builder

• Дополнительный урок по анимации

Модуль 3 — Аддоны SP Page Builder

3.41 Таблица

• Генератор HTML-таблиц

Модуль 4 — Создание сайта

4.1 Выгружаем графику сайта из Figma

• Figma
• Учебный макет сайта в Figma
• TinyPNG — сжатие JPG и PNG
• Перед работой учебный макет нужно сохранить к себе в Figma: исходная версия открыта только для просмотра.
• JPG и PNG рекомендуется сжимать; SVG как векторный формат в таком сжатии не нуждается.

Модуль 6 — Создаем сайт услуг

6.1 Создаем шапку сайта

• Скачать изображения для сайта услуг

6.10 Создаем окна с мессенджерами

@media (max-width: 960px) {
  .wf-columns-stack-medium > .wf-column {
    width: auto;
  }
}

6.11 Создаем меню сайта

#sp-position7 {
  display: flex;
  justify-content: flex-end;
}