Наконец добрались руки до плагина подсветки кода. Сейчас начал активно выкладывать свои наработки и части скриптов, потому без этого ни как не обойтись, без подсветки плохо читается и совсем не тот эффект от просмотра. Теперь на блоге код подсвечен. Поставил плагин SyntaxHighlighter Plus. Вообще, я его не совсем установил как плагин, я его полностью перебрал, оптимизировал код и поставил только нужные функции.

После всех этих действий понял, что плагин в своем первоначальном виде очень объемный и совершенно не дружелюбен для сайтов. Подробне об этом: файлы плагина очень большие, это очень негативно влияет на скорость загрузки сайта, плюс совершенно нет необходимости ставить его как плагин. Для тех кто хочет SyntaxHighlighter Plus установить как плагин, я выкладываю свою сборку, что сделано:

• Удалены лишние файлы (файлы справок и т.п.) – для чего это сделано: меньше места занимает на хостинге.
• Оптимизированы стили – файлы CSS грузятся гораздо быстрее, объем файлов меньше почти в 2 раза!
• Оптимизированы JavaScript файлы – так же более быстрая загрузка и объем уменьшился в 2 раза, некоторые файлы даже больше.
• Оптимизированы картинки – практически вообще ни чего не весят (причем без потери качества)!

Итог: моя сборка плагина (плагин устанавливается как обычно, внешне нет изменений), размер папки с плагином: 112 Килобайт, стандартная версия, размер: 203 Килобайта.
Думаю комментарии излишни.

Для более продвинутых, предлагаю сборку номер 2, в ней оставлены только основные языки для подсветки:

• CSS – таблицы стилей
• JavaScript – скриптовый язык, используется для web разработок.
• PHP – ну тут вообще комментарии излишни.
• Plain text – просто текст
• SQL – язык структурированных запросов.
• XML/HTML – тут тоже должно быть все понятно.

Все это находится в одном файле, который необходимо залить в папку с шаблоном вашей темы для wordpress.
Подключать файл так:

Добавьте эту строку в шаблон страницы, скорее всего файл header.php между тегами

< head > ... < /head >

Далее необходим файл со стилями, тут еще проще, все содержимое файла «style.css» из моей сборки добавьте в файл стилей шаблона вашей темы wordpress. Папку “images” закиньте в корень папки с темой, куда загружали и functions.js. Туда же в корень flash файлик.
И последним шагом в шаблон темы добавьте такие строки:

Самое оптимальное это перед закрытием тега .
Действий вроде много, но они простые, зато плюсов использования больше. В итоге моя сборка весит всего 56,6 Килобайт против стандартных 203 Килобайт. В админке его юзать следующим образом:

< pre class=" brush : наименование_языка_для_подсветки ; " >< /pre >

Вместо слова «наименование_языка_для_подсветки», можно юзать такие:
css, js, jscript, javascript, php, plain, text, sql, xml, html, xhtml, xslt
Все, сложностей возникнуть не должно. Если что пишите в каменты помогу :)

PostScriptym:
Задумались о создании сайта, если Вам необходимо действительно гибкое ценовое решение, красивый и главное функциональный дизайн попробуйте обратиться к профессионалам, которые помогут Вам разобраться в создание сайтов. Большой спектр услуг и солидное портфолио.

(2 голосов, средний: 2.50 из 5)

 Loading ...