A- A A+
Twbootstrap

Twitter Bootstrap - это набор инструментов для создания сайтов и веб-приложений. В Joomla 3 данный фреймворк входит в состав ядра CMS. В этом уроке мы подключим Bootstrap к Джумле 2.5.

Карточка расширения Twbootstrap

Скачать

Дополнительная информация

Тип расширения: Плагин
Версия:  1.3
Совместимость: 2.5

Шаг 1. Установка и включение плагина

Статья «Все способы установки расширений Joomla!».

Урок «Включение плагинов в Joomla!».

Шаг 2. Настройки - Основные параметры

Плагин имеет четыре вкладки с настройками. По порядку рассмотрим их.

Twbootstrap
  • Default mode - Всегда загружать Bootstrap (Включено) или подключать его вручную (Отключено).
  • Load jQuery? - Загрузка библиотеки JavaScript:
    • Load Locally - загружать с вашего хостинга.
    • Do not load - если jQuery уже подключено на сайте, выбирайте этот вариант
    • Load from Google - загрузка с сервера Гугл является современным популярным решением
  • Bootstrap mode - Выберите режим в процентах - Fluid (%), то есть адаптивный (респонсив).
  • Component columns - Количество колонок для компонента

Шаг 3. Настройки - Дополнительные параметры

Следующая вкладка:

Twbootstrap
  • Script Inject Position - Позиция для вставки Bootstrap. Чем ниже, тем лучше для ускорения загрузки сайта. Выбираем - "After <head>.
  • Where load Bootstrap? - Где загружать? Достаточно на лицевой части сайта, то есть на "Only in frontend".
  • Only for HTML content? - Только для контента HTML - Да.
  • Disable in modal windows - Не загружать фреймворк в модальных окнах. Оставляем "Нет".

Шаг 4. Настройки - Custom CSS и Custom JS

Здесь параметры для включения (отключения) определенных файлов. Рекомендуем оставить как есть.

Twbootstrap

Шаг 5. Проверяем подключение

Открываем фронтенд сайта и переходим в исходный код страницы, для чего нажимаем сочетание клавиш "CTRL + U".

В коде появилась запись о подключении фреймворка Twitter Bootstrap!

Twbootstrap
 

Добавить комментарий

Защитный код Обновить

Если заметили ошибку, выделите фрагмент текста и нажмите Ctrl+Enter

МОЙ TELEGRAM-КАНАЛ

ПОДПИСАТЬСЯ!


Перенос на хостинг

Перенос на хостинг

Бесплатный видео-курс по переносу готового сайта на одну из лучших хостинг-площадок РУнета.

Смотреть (бесплатно)

Бессмертный сайт

Бессмертный сайт

2 урока, 16 минут, и Ваш сайт - БЕССМЕРТНЫЙ!

Узнать подробности!