Подключение Bootstrap 4 стилей CSS в шаблон сайта Joomla

Информация о материале: Родительская категория: CMS — движки сайтов; Категория: Joomla

Верстать, так верстать! В этой статье рассмотрим вопрос, как подключить библиотеку CSS-стилей Bootstrap 4 в шаблон сайта Joomla. Можно установить подключение к файлам библиотеки с внешнего репозитория разработчиков, но я более склонен доверять тому, что лежит у меня на сервере, так как если мой сервер упадёт, то не важно, что там с чужим репозиторием, а если упадёт чужой репозиторий (или кто-то удалит требуемые файлы), то даже на моём работающем сайте всё рухнет. Именно по этой причине я стараюсь хранить то, что влияет на работоспособность сайта у себя на сервере.

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

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

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

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

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

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

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

Предварительная подготовка к подключению CSS-стилей Bootstrap 4 в шаблон сайта Joomla

Итак, перед тем, как подключать библиотеку CSS-стилей Bootstrap 4 в шаблон сайта Joomla, нужно её:

Скачать (как это сделать, можно узнать по → этой ссылке).
Залить на сервер (что конкретно заливать, написано по → этой ссылке).

Однако, по поводу того, куда заливать CSS-стили Bootstrap, имеет смысл рассмотреть подробнее, так как рассматриваем конкретный шаблон конкретной CMS.

Потому заливать файлы CSS-стилей Bootstrap нужно из папки css скаченного архива в папку css шаблона (а она у нас уже должна быть или её нужно создать и прописать в файле templateDetails.xml так, как описано в → этой статье).

После того, как все файлы CSS-библиотеки Bootstrap будут в папке css шаблона сайта, предварительную подготовку можно считать завершённой.

Подключение библиотеки CSS-стилей Bootstrap 4 в шаблон сайта Joomla

Итак, у нас есть собственные css-стили шаблона сайта в файле template.css. То, как их подключить в шаблон подробно описано в → этой статье.

Важно понимать то, что собственные стили имеют больший приоритет и именно они должны применяться на страницах сайта. Принцип работы CSS таков, что при прочих равных применяется последнее встретившееся свойство. Поэтому файл с собственными css-стилями шаблона сайта, находящимися в файле template.css должен находиться последним для того, чтобы все его свойства были в «самом низу». Поэтому подключение собственных стилей должно быть у тега </head>. А вот стили Bootstrap сразу над ним.

Поэтому подключение библиотеки CSS-стилей Bootstrap 4 в шаблон сайта Joomla будет выглядеть так:

<head>
    <jdoc:include type="head"/>
	<?php
		JHtml::_('stylesheet', 'bootstrap.min.css', array('version' => 'auto', 'relative' => 'false'));
		JHtml::_('stylesheet', 'template.css', array('version' => 'auto', 'relative' => 'false'));
	?>
</head>

Где строка:

JHtml::_('stylesheet', 'bootstrap.min.css', array('version' => 'auto', 'relative' => 'false'));

служит для подключения файла bootstrap.min.css.

Резюме

Именно такое расположение и последовательность подключения CSS-стилей позволяют быть уверенным в том, что стили Bootstrap будут применяться вне зависимости от того, какие стили ещё будут подтянуты в HTML-документ, а замыкающий файл template.css с собственными стилями позволит дополнять и перепрописывать все стили, которые встречаются в документе (в том числе и стили Bootstrap можно будет переопределить, если это потребуется).

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

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

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

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

Выбрать