ali-partners-banner

Как быстро заработать в Интернет и, якобы, (простите за прямоту) Вам ни хрена не придется делать - сегодня советчиков пруд-пруди. Но, как гласит народная мудрость: Дешевый сыр только в мышеловке...


Отображение кода в WordPress без плагинов

Пост №   57  от 22 июля 2013   |  Категория: WEB мастеру, Новости, Плагины, С Миру по нитке  |  Комментариев нет Print

google-codeПодавляющее большинство web мастеров в своих публикациях используют тот или иной вариант плагина SyntaxHighlighter для отображения исходного кода. И в этом нет ничего предосудительного — плагин классный!

Но есть и альтернатива этому способу, если у Вас уже «перебор» с плагинами. Это воспользоваться bootstrap’ом от Google Code. Вот этот вариант мы сегодня и рассмотрим…


Если подробнее ознакомиться с документацией на страничке Google Code Prettify, то Вы увидите, какие возможности дает этот сервис. Посмотрите варианты цветовой гаммы публикации кода в галерее Google Code и можете выбрать подходящий цвет для своего сайта.

Но, если Вам, как новичку, сложно освоить все нюансы документации, что совершенно естественно, просто воспользуйтесь этим уроком, чтобы «не ломать голову» над переводом с английского и другими мелочами. Google-code-prettify — это удобная и мощная реализация подсветки синтаксиса множества языков программирования и разметки. и сегодня, вкратце, мы рассмотрим простейший пример интеграции bootstrap’a.

Хочется отметить, что популярная библиотека под названием Syntax Highlighter от Алекса Горбачева во многом проигрывает этому варианту… но, это уже другая тема. Здесь же представлена стандартная (светлая) тема, что, согласитесь, имеет место быть в любом дизайне!

Ваши действия:

  • Прописываете в header темы всего лишь одну строку-ссылку на файл в репозитории Google

Теперь, когда Вам нужно показать код своим читателям, просто прописываете на странице:

Результат:

google-code-2

Изменять ширину можно, прописав необходимый размер в код div блока, вставив свое значение вместо «width: 40em;»

На этом все! Как видите — просто и со вкусом!

Источник: http://tinyurl.com/3aox7g

Удачи и… до новых встреч!

Понравился сайт или статья? Поделитесь с друзьями, кликнув по соответствующей кнопке!

e-Commerce Partners Network
1 звезда2 звезды3 звезды4 звезды5 звезд (Голосовало: 1 )
Загрузка...

Метки: WordPressWP PluginsКак сделать?
Обновление статьи: 13.12.2014
Просмотров:   3087
Короткая ссылка: http://tinyurl.com/km3bmjf

Подишись на сообщения блога по E-mail и получай свежие новости в числе первых!


Наберитесь терпения - новые публикации в процессе осмысления...


На сегодня в блоге...

  • Подписчиков: 3270
  • Записей: 191
  • Страниц: 26
  • Рубрик: 15
  • Меток: 162
  • Комментариев: 33


Добавить комментарий

Комментарии к статьям разрешены только авторизованным пользователям.
Пожалуйста зарегистрируйтесь или войдите, используя свой логнн.

Посетители сайта

Блуждали по сайту сегодня: 79
Смотрят страницу: 1 ( 1 гость)
Из них ботов:

Календарь публикаций

Пн Вт Ср Чт Пт Сб Вс
 123456
78910111213
14151617181920
21222324252627
28293031  



MasterPRO в Twitter’e

Уникальный совет, как похудеть без финансовых затрат…: В наше время, когда изобилие… goo.gl/fb/Vq91W6

About a month ago from Master PRO's Twitter via Google · reply · retweet · favorite

Календарь праздников


Admin

Регистрация

The Best OnLine Radio

Рубрики

  • Страницы

    Архив


    Prikolizmy.ru: Видео приколы - AeonBlackSun :: Любимое