Настраиваемый заголовок во фрейворке шаблонов Joomla 4 Helix Ultimate

• 9 предопределенных заголовков в шаблоне Helix Ultimate
• Пользовательский заголовок из раздела "Макет" в Helix Ultimate
• Файлы пользовательского заголовка

Честный VDS/VPS, на котором «Лунная База» живет уже 20+ лет

Задумываетесь о том, чтобы поднять свой pet-проект, сайт клиента или настроить окружение для разработки? Уже пора подумать, где арендовать железо.

Лунная База хостится на FirstVDS более 20 лет. Мыслей о том, чтобы перебраться на другой хостинг, не было ни разу (хотя опыт работы с другими вариантами, конечно, есть).

Бывали разные ситуации, но они бывают на любом железе. Главное, что нужно понять: здесь нет маркетинговой шелухи и сказок про «мы всё сделаем за вас». Если вы берете VDS — вам дают полный root, возможность накатить любую ОС и не лезут в ваши конфиги.

Если в саппорт написать с вопросом по вашему коду и получить ответ: «Читайте документацию и разбирайтесь сами» или «Обратитесь к профильному специалисту» — это не повод обижаться. Это повод углубить свои знания в DevOps и сайтостроении! Бегите от тех, кто пообещает: «Мы всё чиним и настраиваем абсолютно бесплатно!». Никто никогда не работает «по доброте душевной» в ущерб себе, а бесплатный сыр в администрировании обычно заканчивается сломанной базой данных.

Что по факту: Гибкое масштабирование ядер и RAM, экономия по сравнению с физическими серверами и адекватная панель ispmanager, если она вам нужна.

Посмотреть тарифы VDS/VPS

9 предопределенных заголовков в шаблоне Helix Ultimate.

По умолчанию в исходном шаблоне Helix Ultimate имеется 9 предопределенных заголовков. Но в любой момент можно отключить эту возможность и создать свой собственный вариант заголовка. Это можно сделать двумя альтернативными методами в зависимости от ваших ожиданий и навыков, используя:

• Возможности "Layout" - с новыми строками, колонками и позициями модулей внутри, или
• Файл пользовательского заголовка - где следует использовать необходимый код для построения дизайна и пользовательский HTML/PHP код.

В основе макета Helix Ultimate лежит 12-колоночный макет из Bootstrap 5. Это также означает, что общее количество колонок внутри каждой строки (секции) всегда должно быть 12. Например, 6+3+3.

Пользовательский заголовок из раздела "Макет" в Helix Ultimate.

1. В Параметрах шаблона - вкладка "Основное" - Заголовок - Предопределенные заголовки - Отключить.
2. Перейдите на вкладку "Макет".
3. Наведите курсор на первый ряд.
4. Чтобы создать новый ряд, нажмите на значок (+), который должен появиться под первым рядом.
5. Возьмите эту строку и переместите вверх, чтобы она стала первой в сетке макета.
6. Нажмите на значок ползунков, чтобы перейти к параметрам строки.
7. В поле "Заголовок раздела" добавьте название: header.
8. Можно также установить заголовок на всю ширину, включив опцию "Fluid Width".
9. Теперь нужно выбрать значок в рамке, чтобы задать расположение колонок.
   
   1. Выберите один из предустановленных вариантов или установите свой собственный (Custom).
   2. Меньшая площадь, отведенная под колонку логотипа - означает, что представленный логотип будет меньше.
10. Затем для каждой колонки выберите позицию модуля из списка, например, логотип и меню.
    
    • * Обратите внимание, что логотип будет взят из настроек Helix Basic, а меню - из движка Helix Mega Menu.
11. Выберите адаптивную сетку для каждой колонки, для просмотра на планшете и мобильном устройстве. Существует пять точек разрыва сетки, по одной для каждой отзывчивой точки разрыва.
12. Не забудьте сохранить изменения, чтобы увидеть результаты.
13. Позже вы можете установить высоту заголовка для просмотра на планшете и мобильном устройстве.

Собственный макет для нового заголовка в Helix Ultimate.

Установка в параметрах столбцов параметра Grid

Сумма значений для всех столбцов в строке не больше 12

В разделе Параметры столбцов установите значение Сетка: Сумма значений, используемых для всех столбцов в строке, не может быть больше 12. Таким образом, например, для сетки из двух колонок правильными значениями будут 6+6, 4+8, 2+10 или 3+9. Речь идет о числах "col-X" и "col-sm-X".

Установка пользовательской высоты заголовка

Можно также установить пользовательскую высоту заголовка для каждого вида: Desktop, Tablet и Mobile. Убедитесь, что высота изображения логотипа помещается в новое значение высоты заголовка. В большинстве случаев высота заголовка должна быть как минимум на 10-20px больше, чем высота логотипа. Чтобы увидеть изменения (и перекомпилировать стили), не забудьте в разделе Advanced > SCSS > Compile SCSS to CSS выключить / включить.

Файлы пользовательского заголовка.

Самый простой способ создать свой собственный заголовок (на основе файла header.php) - использовать код заголовка, который уже есть в шаблоне, и который графически наиболее похож на тот, которого вы хотите добиться. Затем нужно отредактировать HTML и/или PHP код внутри. Этот способ позволяет создать более гибкий заголовок также с двумя рядами внутри и/или расположением модулей один под другим. Все основано на простом php-коде и системе сетки Bootstrap 5 со всеми доступными классами для колонок. Также можно создать свой собственный графический файл превью (thumb.svg).

После создания файла пользовательского заголовка (с пользовательским дизайном) нужно выбрать параметр "Пользовательский заголовок", чтобы сделать файл активным. Если было создано пользовательское изображение миниатюры, оно должно быть видно.

Перевод с английского официальной документации Helix Ultimate 2.0:
www.joomshaper.com

Самый честный хостинг за 20+ лет существования Лунной Базы

Задумываешься о том, чтобы поднять свой сайт в Интернете? Уже пора подумать о том, какой хостинг выбрать?

Лунная База хостится 20+ лет на firstDVS. При этом, мыслей о том, чтобы перебраться на другой хостинг не было. (Но, при этом есть опыт работы с другими вариантами.)

Бывали с firstDVS разные ситуации, но, они бывают на всех хостингах. Единственное, что тут важно понять, - это то, что никто ничего тебе не будет впаривать... Но, и работать за тебя тоже никто не станет. Если в саппорт ответили: «Читайте по ссылке и разбирайтесь сами...» или вообще «Обратитесь за помощью к специалисту», - это повод углубить свои знания в области сайтостроения, а не бежать к тем, что пообещают: «Мы всё чиним и всё делаем за своих клиентов абсолютно бесплатно!» Никто никогда ничего ни за кого "по доброте душевной" не делал, не делает и не будет делать!

Выбрать