Категории
Комментарии
- Плагин - Sourcerer 4.1.7
НЕ заработал плагин Call to protected method JAppl... - Joomla, Bootstrap и Google Pre...
В SLAED CMS эта фишка уже есть изначально. - Быстро, просто, легко - Eleano...
Eleanor уже как давно умер, автор забросил проект ... - Articulate - шаблон для портфо...
Подскажите, каким образом работает форма обратной ... - Компонент - Minitek FAQ Book
Благодарю за информацию. Хорошая тема для обдумыва...
- Лазерная резка оргстекла и пластика
- Изделия для офиса методом лазерной гравировки. Станки для лазерной резки
- vizikom-art.ru
- купить сигареты блок прима по ссылке
- sigaretioptom.ru
- Ооо ук стандарт-с2011
- ооо ук стандарт-с2011
- standart-s2011.ru
| Joomla, Bootstrap и Google Prettify - качественная подсветка синтаксиса кода |
|
Конечно можно использовать сторонние плагины для обработки кода, например плагин - CodeCitation или использовать движок GeSHi и тому подобные, но этим самым вы просто будете нагружать и так уже нагруженную CMS. В данной статье я хотел бы рассказать вам как можно добавить в шаблон Joomla обработку кода с помощью Google Prettify, jQuery и Bootstrap без необходимости установки каких либо дополнительных плагинов которые будут засорять систему и БД. Итак. Для начала у вас должен быть установлен шаблон Joomla с поддержкой Bootstrap. Далее вам необходимо скачать скрипт Google Prettify с . Если вы скачали наш архив, то просто распакуйте и скопируйте содержимое архива, а именно папки CSS и JS в папку с вашим шаблоном. Пример: templates/ваш_шаблон/... После того как вы скопировали файлы, вам необходимо открыть главный файл вашего шаблона и вставить туда код который будет отвечать за вывод скрипта. Сразу хочу предупредить что все шаблоны разные и главный макет шаблона не обязательно должен находится в файле index.php вашего шаблона. Если вы используете какие либо фреймворки (Gavern, T3, Gantry и т.д.), то главный макет шаблона может содержатся и в других файлах шаблона. Ниже я приведу список файлов в распространенных фреймворках в которых может находится главный файл макета отвечающий за отображение сайта.
Если выше в списке вы не нашли свой фреймворк и файл отвечающий за отображение макета, то просто поищите в других файлах вашего шаблона, он обязательно там будет. Для быстрого поиска главного файла шаблона можете использовать поиск специализированным софтом или любым редактором который позволяет искать словосочетание в файлах. Для этого просто откройте папку через редактор и введите в поиск текст Итак после того как мы нашли главный файл макета отвечающий за отображение сайта, нам нужно вставить в него следующий код: 1) Между тегами <link rel="stylesheet" href="/templates/ваш_шаблон/css/prettify.css" type="text/css"/> 2) Перед тегом закрывающим тегом <script src="/templates/ваш_шаблон/js/prettify.js"></script> <script src="/templates/ваш_шаблон/js/prettifyapp.js"></script> Какие плюсы мы получим при использовании Google Prettify? 1. Подцветку практически любого существующего кода + возможность добавлять свои стили для языков 2. Очень маленький вес скрипта, всего 14кб. 3. Нет необходимости использовать сторонние плагины и дополнения 4. Быстрая обработка подсветки синтаксиса кода без какой либо тяжелой нагрузки на сервер 5. Простая интеграция с Joomla (можно также интегрировать в любую другую CMS)
|
В последнее время в шаблонах Joomla, разработчиками очень часто используется фреймворк Bootstrap. Многие сайты публикуют на своих сайтах различный код (php, html, css, js и пр.). По умолчанию в Joomla вы можете использовать теги | Похожие новости | |
RSS лента комментариев этой записи