|
Главная » Новости Как добавить Twitter Bootstrap CSS в WordPress используя шорткодыОпубликовано: 22.08.2018  Красивые виджеты для WordPress сайта - Плагин Bootstrap PanelsДобавление таких элементов CSS как всплывающие подсказки, красочные кнопки и выезжающие эффекты поможет выделить ваш контент на сайте среди остальных. Проблема в том, что большинство людей не имеют представления как добавлять цветастые кнопки, таблицы, лейблы и т.д. Мы уже рассказывали вам как Как вставлять таблицы в записи и страницы блога на WordPress (без HTML!) , а в сегодняшней статье покажем как использовать Twitter Bootstrap CSS в WordPress, используя шорткоды.
Виджеты и Сайдбары в WordPress. Создаем свой сайдбар.
Twitter Bootstrap — это CSS/JavaScript фреймворк, который помогает ускорить разработку дизайна сайта и его функциональную часть в очень короткие сроки. Он был разработан Марком Отто и Якобов Торнтоном в компании Twitter в качестве фреймворка для поддержки согласованности разработки внутренних инструментов сервиса. Позже он был выпущен в качестве опенсорс инструмента. Twitter Bootstrap прекрасен, прост и совместим со всеми браузерами.
WordPress Bloging Themes. How to Use "Custom CSS" Section of Power Builder Modules
Первое, что нужно будет сделать, это установить и активировать плагин WordPress Twitter Bootstrap CSS . После активации плагин добавит меню Twitter Bootstrap в административную панель Вордпресс. Клик по нему переместит вас в панель управления плагином.
Здесь, в панели, вы увидите большое количество рекламы, размещенной автором плагина. Прокручиваем ее и видим шорткоды, которые мы сможем добавлять в свои записи. Каждый шорткод здесь — это ссылка, которая ведет на страницу поддержки плагина, где можно изучить бОльшее количестве примеров использования этих шорткодов.
Под меню Twitter Bootstrap в вашей админке есть ссылка на страницу настроек Bootstrap CSS. Клик по ней отобразит страницу настроек, где все можно изменить под свои нужды. Также у вас есть возможность выбрать какую именно версию Bootstrap CSS вы хотите использовать. Ниже расположены настройки для наиболее продвинутых пользователей.
Теперь, когда мы изучили настройки, давайте добавим несколько элементов bootstrap css в записи блога. Просто вставляем шорткоды по типу этих в вашу запись или страницу:
<!--Шорткоды->
[TBS_BUTTON id="mySpecialButton" color="primary" class="btn-large" link="http://example.com"]Скачать[/TBS_BUTTON]
[TBS_BUTTON id="mySpecialButton" color="danger" link="http://example.com"]Отменить[/TBS_BUTTON]
[TBS_BUTTON id="mySpecialButton" color="success" link="http://example.com"]Подробнее[/TBS_BUTTON]
Icons:
[TBS_ICON class="icon-globe"]
[TBS_ICON class="icon-globe"]
[TBS_ICON class="icon-chevron-right"]
[TBS_ICON class="icon-music"]
[TBS_ICON class="icon-film"]
[TBS_ICON class="icon-user"]
[TBS_ICON class="icon-wrench"]
[TBS_LABEL class="warning"]Warning: Label[/TBS_LABEL]
[TBS_LABEL class="danger"]Danger: Label[/TBS_LABEL]
[TBS_LABEL class="success"]Green: Label[/TBS_LABEL]
[TBS_ALERT class="success"]Настройки сохранены[/TBS_ALERT]
А вот так эти шорткоды будут выглядеть на блоге:
В наличии много большее количество CSS элементов для добавления в записи. Всплывающие подсказки, меню в стиле «аккордеон», полосы прогресса и т.д. Сайт плагина содержит документацию по полнофункциональному использованию сего инструмента. Если вам интересны иконки, можете посмотреть на официальном сайте Twitter Bootstrap полный список значков для их использования.
VN:F [1.9.22_1171]
Rating: 5.0/ 5 (1 vote cast)
{title}
{text}
', 200, 0, 10, 0); ?>
|
|
|
Обратите внимание
|
|
|
|
Все наши товары
|
|
Ваше мнение
|
|
|
|
Менеджеры магазина
|
|
Игрушки девочек
Брюки
Видеорегистратор
Включается ноутбук
Сушилка
Новости
С чем носить брюки-галифе
Чтобы понять по фото с чем носить брюки-галифе, нужно учесть особенности самого кроя, а также то, кому они действительно подходят. Только так одежда на все случаи жизни будет смотреться элегантно.
Появившиеся
Летний стильный камуфляжный костюм состоит из удлиненной куртки-парки и брюк ЛО-429 купить в интернет-магазине.
Летний стильный камуфляжный костюм состоит из удлиненной куртки-парки и брюк. Подойдет и для города и для походов в теплое время года.
Куртка застегивается на молнию длиной 3/4 и ветрозащитный клапан
Купить модные и стильные женские кожаные брюки в интернет-магазине Моденхаус.
Брюки и лосины купить в Киеве , цены на стильные лосины
Мужские брюки и джинсы.
Самым пользующимся популярностью в мире мужские одежды являются джинсы и брюки, которые совместно с рубашкой, футболкой, джемпером, либо кофтой могут создать хороший комплект мужской одежды. Мужчины
Брюки летние 251-CY
Артикул: 251-CY-15/55
ГОСТ: ТР ТС 019/2011
В наличии
Распечатать страницу
Двойные усиленные швы, наколенники из износостойкой ткани с карманами для вкладышей, светоотражающий кант.
Брюки
Брюки летние 255КТ-FAS
Рекомендуем
Артикул: 255КТ-FAS-55
ГОСТ: 27575-87
В наличии
Распечатать страницу
На левой брючине карман - с дополнительным карманом для телефона
Современный "джинсовый" стиль, высокая прочность
Женские брюки
Обилием фасонов, расцветок, размеров изделий располагает казахстанский каталог tomas.kz. Представленные онлайн-маркеты предоставляют возможность обзавестись стильными обновками всем красавицам, независимо
Женские брюки на флисе (46 фото): классические, джинсовые или спортивные модели
Женские брюки на флисе – актуальный предмет гардероба, который идеально подходит для прохладного времени года. Чтобы оставаться привлекательной, нужно правильно подобрать модель по фигуре. Тем более что
Длинные блузки, с чем носить: 88 фото / Как дополнить брюками вариант наряда?
Длинная блузка – модель классического кроя или удлиненная рубашка. Чаще всего длиной от середины бедра до щиколотки; с рукавами и без них, с манжетами и без, с воротником или нет. Обычно застегивается
|
