Шаблоны Joomla
Ни один современный веб-дизайн не обходится сегодня без иконок. Они везде. Они всюду. Они на кнопках, фильтрах, сортировках. По ним мы понимаем значение элемента интерфейса мгновенно, не читая даже описание.
Бургер-меню, стрелки слайдера, избранное и корзина, сворачивание и разворачивание блока, перетаскивание – всем правят иконки.
В этой статье я расскажу просто, и в то же время подробно, про способы работы с SVG-иконками на вашем сайте.
В данной статье мы продолжим совершенствовать наш адаптивный шаблон Joomla, созданный с помощью Bootstrap Framework. Я расскажу о том, как можно добавлять иконки Bootstrap к отдельным пунктам меню Joomla, просто редактируя настройки этих пунктов. Иконки созданы с помощью иконочного шрифта, а значит, их можно добавлять в любом количестве не боясь замедления загрузки сайта.
Используя Bootstrap Framework, мы создали базовый шаблон Joomla, позиции модулей и компонента. В этом уроке мы оформим горизонтальное и вертикальное меню для удобной навигации по страницам сайта.
После того, как мы узнали, что такое Bootstrap и познакомились с основными принципами его использования, пришло время рассмотреть систему разметки Bootstrap и ее применение в шаблонах Joomla.
В этой статье я расскажу о том, как с помощью Bootstrap создавать в шаблоне Joomla фиксированные и плавающие адаптивные блоки под модули и компонент Joomla.
Если вы читаете эту статью, значит, вдохновились и решили освоить создание шаблона Joomla с адаптивным дизайном. В этой статье мы познакомимся с основными принципами использования Bootstrap и подключим его к CMS Joomla.
Начиная с Joomla 3, в CMS внедрен так называемый Bootstrap framework. Это специальная библиотека CSS-стилей, которая позволяет профессионально и гибко оформить сайт, даже если вы не знаете CSS.
Главным преимуществом Bootstrap framework является возможность создания адаптивного шаблона для сайта на Joomla, который будет одинаково хорошо отображаться и на компьютерах и на мобильных устройствах, таких, как телефоны и планшеты.
Поскольку создание адаптивного дизайна сейчас как никогда актуально, этой статьей я открываю новую серию статей «Создание шаблона Joomla с использованием Bootstrap». В этой серии статей я простым языком расскажу о том, что такое Bootstrap framework и его особенностях применительно Joomla. Мы c нуля создадим шаблон Joomla с помощью Bootstrap и применим его особенности и скрипты к стандартным элементам Joomla.
В Joomla есть один очень мощный инструмент стилизации, о котором многие не знают. Он называется «Суффикс CSS-класса модуля». Звучит страшно, особенно для новичков. Но понимая, как работает этот механизм, в сочетании со знанием CSS-стилей, можно отображать модули на странице так, так душе угодно. В этой статье я подробно расскажу про работу с CSS-суффиксом модулей, а также приведу пример его использования в Joomla.
Joomla сегодня является одной из самых популярных CMS-систем с открытым исходным кодом. Такая популярность привела к тому, что Joomla имеет огромное количество расширений (которые, в свою очередь, еще больше увеличивают ее известность). Появились уже целые индустрии, например, создание коммерческих шаблонов для этой CMS. Распространение коммерческих шаблонов для Joomla оказалось настолько выгодно, что сейчас существует их огромное разнообразие. Наряду с коммерческими шаблонами, выпускается также множество бесплатных, точнее распространяемых по лицензии GNU GPL. Кто-то предпочитает делать (заказывать) уникальные шаблоны, что тоже имеет свой смысл. Данную статью я написал для того, чтобы помочь новичкам в сайтостроении, а также заказчикам сайтов разобраться в том, какой шаблон выбрать для Joomla-сайта, а от каких стоит держаться подальше.
Практически все основные этапы создания шаблона пройдены. Мы переделали html-шаблон под Joomla, настроили скрипты и дизайн модулей. Последней крупной проблемой остается создание и настройка стилей меню.
В этой статье я расскажу о том, как можно сделать собственный стиль меню Joomla и подключить его для использования, а также протестировать шаблон.
В предыдущей статье серии «Шаблоны Joomla» я рассказал, как создать базовый Joomla-шаблон. Хоть он уже устанавливается и работает, использовать его еще нельзя. Во-первых дизайн модулей и меню не соответствует html-шаблону, который был образцом. Во-вторых шаблон не будет растягиваться на всю ширину, например, если в позиции «right» нет модулей. Правая колонка просто останется пустой. В этой статье я расскажу как создавать собственные стили для отображения модулей и автоматически растягивать шаблон.