• Главная
  • Автор
  • Лучший хостинг
  • Оставить Заявку
Блог на wordpress своими руками
Блог на wordpress своими руками from Sun Sunich
  • Главная
  • Автор
  • Лучший хостинг
  • Оставить Заявку
Home  /  Плагины Wordpress  /  Плагин Auto SyntaxHighlighter
Плагины Wordpress

Плагин Auto SyntaxHighlighter

Александр Алексеенко 12.07.2012 Auto SyntaxHighlighter, html, WP-Syntax, код, плагин, подсветка синтаксиса Написать комментарий 2271 Просмотр

Добрый день, дорогие читатели! Этот материал будет полезен людям, которые используют в своих статьях примеры программного кода, скриптов и т.д. Когда я начал создавать данный проект, то знал, что мне предстоит выдавать код для своих читателей. Я хочу познакомить вас с плагином Auto SyntaxHighlighter, но для начала, я расскажу какие еще я пытался использовать средства для подсветки синтаксиса кода.

Конечно, можно и вовсе не использовать плагин для этих целей, тогда ваш код нужно будет поместить в тег <pre> и это будет выглядеть так:

Как подсветить код

Но согласитесь что подсветка синтаксиса кода делает его более наглядным. Я нашел и установил плагин WP-Syntax, и для отображения кода в статье, нужно зайти в редактор HTML и там использовать следующую форму <pre lang="LANGUAGE" line="1">и </pre>.

Плагин WP-Syntax удобен тем, что в нем можно выбрать язык кода, вписав в место LANGUAGE например php. А также, можно задать нумерацию с определенной строки используя параметр line="1".
Но большим минусом данного плагина, оказалось то, что когда в статье предполагается множество вставок кода, то переходя в редакторе из визуального просмотра в просмотр html, сам код сбивается, коверкается и приходиться все время его исправлять. Точнее сказать, чтобы всё-таки статья со множествами вставок кода удалась, код нужно размещать в самом конце редактирования статьи, перед выпуском. Иначе не получается.

Вот, как раз редактируя предыдущую статью — Как вывести информацию об авторе? я понял, что плагин WP-Syntax мне не подходит. И стал искать другой, более удобный плагин. И нашел Auto SyntaxHighlighter.

Плагин Auto SyntaxHighlighter очень удобен в использовании, по крайне мере мне понравилось. Я установил и активировал плагин, и более не требуется никаких настроек.

На панели управления редактора появилась новая кнопка.

Как подсветить код

И для того, чтобы вставить код, достаточно кликнуть по данной кнопке, и в открывающемся новом окне выбрать язык кода, и вставить сам код.

Как работает Плагин Auto SyntaxHighlighter

Приведу пример работы плагина Auto SyntaxHighlighter:

 <script type="text/javascript">
		 $(document).ready(function(){
			  $('#contact').ajaxForm(function(data) {
				 if (data==1){
					 $('#success').fadeIn("slow");
					 $('#bademail').fadeOut("slow");
					 $('#badserver').fadeOut("slow");
					 $('#contact').resetForm();
					 }
				 else if (data==2){
						 $('#badserver').fadeIn("slow");
					  }
				 else if (data==3)
					{
					 $('#bademail').fadeIn("slow");
					}
					});
				 });
		</script>

Теперь всё работает, внесенный код отображается стабильно во время редактирования статьи и ничего не сбивается! Спасибо автору плагина Auto SyntaxHighlighter.

TimeWeb - мощный хостинг для вашего сайта

P.S. Если у вас возникли вопросы создания и монетизации блога на worpdress,
и вы хотите обратиться ко мне за помощью, то загляните на эту страничку.



С наилучшими пожеланиями, Ваш Sun Sunich — автор блога на wordpress своими руками

Вы всегда можете сказать мне ->>


Поделиться с друзьями...


Facebook
Вконтакте
Google+
Twitter



Об авторе

Александр Алексеенко

Дорогие Читатели! Представляю вам "Блог на wordpress своими руками" - как коллекцию моего личного опыта по созданию блогов. Буду рад, если мои открытия станут полезными и для Вас! =)

Похожие статьи

  • Автокросспостинг в социальные сети Вконтакте, FaceBook, Twitter

    Автокросспостинг в социальные сети Вконтакте, FaceBook, Twitter

    12.10.2013
  • Плагин Wysija Newsletters — рассылка писем на wordpress

    Плагин Wysija Newsletters — рассылка писем на wordpress

    29.08.2013
  • Плагин Related Posts Thumbnails — похожие посты с картинками

    Плагин Related Posts Thumbnails — похожие посты с картинками

    07.11.2012

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

Отменить ответ

Подпишись на блог!

Рубрики

  • Своими руками10
  • Защита блога1
  • Эксперименты8
  • Монетизация блога9
  • Установка Wordpress1
  • Настройка Wordpress6
  • Плагины Wordpress10
  • Внешний вид блога12
  • Оптимизация блога8
  • Статистика блога1
  • Полезные программы2
  • Продвижение в соц. сетях10
  • Железо1
  • В гостях у блога1

Мой Блог Вконтакте

Мой Блог в Google+

Статистика Блога

LiveInternet: показано количество просмотров и посетителей

Рекомендую лично!

TimeWeb - один из лучших хостингов в соотношении цена - качество.


Мои статьи помогли Вам! =)
Скажите ->>
Блог на wordpress своими руками
Александр Алексеенко (Sun Sunich) © Copyright 2012-2016. Блог на Wordpess своими руками