Плагин WordPress Twitter BootStrap CSS

Плагины для WordPress WordSmall

Добавление различных CSS элементов, например, как подсказки, всевозможные красочные кнопки или же опрокидывающие эффекты, максимально способно украсить контент вашего ресурса. Проблема лишь в том, что большинство пользователей попросту не могут грамотно прописать таблицы, этикеты или другие интересные элементы с помощью CSS. В представленной статье постараемся рассмотреть, как правильно использоваться Twitter BootStrap CSS на WordPress, при этом используя короткие коды.

Перед установкой плагина WordPress Twitter BootStrap CSS на реальный сайт рекомендуется изначально испробовать его на локальном сервере. Это нужно для тестирования и в случае избежания проблем.

Twitter BootStrap представляет собой основы CSS и JavaScript структуры, позволяя максимально улучшить собственный дизайн и улучшить функциональность личного проекта. Данный элемент был разработан двумя пользователями, зовут которых Mark Otto и Jacob Thornton, для твиттера. Поначалу использовали его для заполнения пустоты между внутренними элементами. Немного позже Twitter BootStrap выпустили в качестве отдельного инструмента, у которого был открыт исходный код. Это невероятно красиво, а самое главное просто и совместимо со всеми существующими браузерами.

Для начала вам потребуется установить и активировать плагин под названием WordPress Twitter BootStrap CSS. После чего выберите в панели администратора пункт меню — Twitter Bootstrap, что позволит перейти на страницу самого плагина.

Плагин WordPress Twitter BootStrap CSS

Кроме этого, в панели администратора под пунктом меню “Twitter Bootstrap” присутствует ссылочка для открытия настроек Bootstrap CSS. После нажатия на неё откроется страница с настройками, которые необходимо использовать зависимо от собственных интересов. Также присутствует возможность выбора использования той или иной версии Bootstrap CSS. Ниже присутствуют функции специально для продвинутых пользователей.

Когда вы ознакомились с настройками, попробуйте добавить какие-нибудь элементы Bootstrap CSS в личных записях блога. Для этого требуется вставить специализированный код в отдельный материал или же на полноценную страницу с содержанием.

Наглядный пример использования аналогичных кодов на сайте:

[TBS_BUTTON id="mySpecialButton" color="primary" class="btn-large" link="http://example.com"]Download[/TBS_BUTTON]
[TBS_BUTTON id="mySpecialButton" color="danger" link="http://example.com"]Cancel[/TBS_BUTTON]
[TBS_BUTTON id="mySpecialButton" color="success" link="http://example.com"]Learn more[/TBS_BUTTON]

Кнопки.

Плагин WordPress Twitter BootStrap CSS

Иконки.

Плагин WordPress Twitter BootStrap CSS

Присутствует много всевозможных CSS элементов, которые легко возможно добавить в личные записи. Всплывающие подсказки, раздвигающиеся меню, разнообразные выскакивающие окна, индикаторы выполнения зада и так далее. Для этого плагина написана документация, где подробно рассказывается о других возможностях. Если вас интересуют иконки, можно перейти на официальный сайт Twitter Bootstrap и ознакомиться с различными иконками.

Больше информации о коротких кодах и о самом плагине.
icontrolwp.com/our-wordpress-plugins/wordpress-shortcodes-demo/

Иконки.
getbootstrap.com/2.3.2/base-css.html#icons

Источник: wpbeginner.com/plugins/how-to-add-twitter-bootstrap-css-in-wordpress-using-shortcodes/

Скачать плагин:

WordPress Twitter BootStrap CSS

— Не забывайте делиться с друзьями в социальных сетях: —

Автор, он же Андрей, он же Admin, он же WordSmall

Лентяй-любитель, окончил высшую школу безделья с многочисленными знаками отличия. Создатель этого небольшого «чудо-блога» о еще более «чудном» контенте.

E-mail Google+ Twitter
Добавить комментарий
bold quote code