Как добавить Twitter Bootstrap CSS в WordPress используя шорткоды

Опубликовано: 22.08.2018

видео Как добавить Twitter Bootstrap CSS в WordPress используя шорткоды

Красивые виджеты для 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 фото / Как дополнить брюками вариант наряда?
    Длинная блузка – модель классического кроя или удлиненная рубашка. Чаще всего длиной от середины бедра до щиколотки; с рукавами и без них, с манжетами и без, с воротником или нет. Обычно застегивается


         
    искать в найденном

    Обратите внимание

    Bosch EWH 100 B

    19 795.00руб.

    Все наши товары
      Водонагреватели AEG
      Водонагреватели Ariston
      Водонагреватели Bosch
      Водонагреватели Electrolux
      Водонагреватели Polaris
      Водонагреватели Thermex
      Водонагреватели Timberk
      Инфракрасные обогреватели
      Конвекторы
      Масляные радиаторы
      Стиральные маш. AEG 
      Стиральные маш. BEKO 
      Стиральные маш. Bosch
      Стиральные маш. Candy
      Стиральные маш. Electrolux
      Стиральные маш. Gorenje
      Стиральные маш. Hotpoint
      Стиральные маш. Indesit
      Стиральные маш. LG
      Стиральные маш. Miele
      Стиральные маш. Siemens
      Стиральные маш. Zanussi
      Тепловые завесы
      Тепловые пушки
      Термовентиляторы
      Электрические камины
       Ваше мнение
      Уже покупали у нас?
    Да
    Да, неоднократно
    Нет
    Нет, но думаю
    Другое

    Менеджеры магазина

     

     
     
     

    2010 © BTMAGMIX

    Карта
    rss