Как вставить код в блог? Crayon Syntax Highlighter — ответ на все ваши вопросы!

как вставить код в блог

Привет всем!

Как вставить код в блог, сделать его красивым, удобным и читаемым?

Не знаете? Значит вы попали по адресу, именно в этом посте мы рассмотрим эту тему и научимся делать это с легкостью одним движением руки. Да, насчет одного движения руки я загнул, максимум два:)!

Недавно, буквально пару дней назад, я выпустил новый пост, который должен был появится на один день раньше:

Как сделать меню в wordpress в стиле Windows 8 Metro? Палю тему!

В чем же была задержка и почему я опоздал?

Все довольно банально и просто, а со стороны даже немножко смешно. Я просто не мог вставить нормально код в посте, он был слишком большой, а по ширине вообще проходил через весь шаблон, он даже выходил из-за монитора(шучу:)!).

И тут я кинулся в поиск лавин информации, искал специальные скрипты, теги, так как обычный тег <code></code> ничего в этом случае не делал. Я хотел сделать  полоску по ширине, которая бы листала код, и он бы никуда не вылезал, такую я видел на других блогах, но все было напрасно!

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

Думаю, сейчас допишу, опубликую и спать пойду! Ага, опубликовал и спать пошел- слишком просто, не так то было!

Вообще еще часа 2 в интернете просидел, а толку ноль!

Но наследующий день один знакомый блоггер сказал:»А ты постав плагин для отображения кодов!».

И тут я вспомнил, что один из таких плагинов я уже где-то видел, когда искал скрипты.

На заметку, надеюсь вы это не оставите без комментариев и напишите свое мнение!

как вставить код в блогА я подметил, что молодые блоггеры лучше относятся к своим читателям и всегда рады им в помощи, причем бесплатно! Они развиваются, им нужна аудитория по этому их отношение лучше!

А блоггеры 1000 — это как буржуи (извините за такое сравнение, может и не все), они вечно заняты и помощи от них не допросишься, или просят за это денег. А там делов то, просто подсказать!

Но большинство 1000, просто отказываются помочь, либо в них нету времени (это понятно), либо идите к фрилансерам и все !

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

По его словам этот плагин является идеальным и он полностью удовлетворяет все его требования. После установки я тоже в этом убедился!

Как вставить код в блог?

Представляю вашему вниманию Crayon Syntax Highlighter-новый плагин подсветки синтаксиса кода, он знает как вставить код в блог!

Я не буду писать автобиографию этого плагина, кто создал, зачем он нужен, его функции, здесь и так все понятно! И немного выше я об этом уже упомянул.

Надеюсь, за это вы на меня не в обиде?

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

Для этого достаточно на панели вашего редактора нажать на вот такие скобки:

как вставить код в блог

Они появятся после установки плагина, вставляете код в открывшеюся панель и настраиваете под свой вкус и цвет и жмете добавить! Функций там много, они аж захватывают дух!

А самое интересное, что там большая подборка тем, каждый может подобрать именно под свой дизайн блога!Вот что я нахимичил:

Сделал подборку под свою тему! Это верхняя часть кода, при наведении мышкой появляется вот такая панелька, которая очень необходима для ваших читателей(каждую кнопку описывать не буду, но читатели скажут вам спасибо). Можно настроить в настройках плагина.

как вставить код в блог

Это нижняя часть кода, при наведении тоже появляется панелька, которая разрешает прокручивать код для лучшего обзора:

как вставить код в блог

Это мои настройки, ваши могут на 100% отличаться и это хорошо!

Уникальность — залог хорошего блога!

На этом сегодня все!

Комментируйте, подписывайтесь, скоро будут акции, конкурсы, кроссворды, наберем сто человек в подписку и вперед!

С уважением, Владислав Лемишко.

Читайте также:

Хотите подписаться на обновление блога по почте?

Обсуждение: оставлено 10 коммент.
  1. Лара:
    Отличная статья, Влад! Приму на заметку!

    «А блоггеры 1000 — это как буржуи, они вечно заняты и помощи от них не допросишься» — это верно сказано! Не все, конечно, но большинство.

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

    Ответить
    • Vlad:
      Правильно, я это тоже подметил, хотя выступали и защитники! А они просто < <зажрались>>, извините за выражение (конечно речь не обо всех)! Так что пока мой блог молодой — ждите помощи, а потом буду бабло по полной с Вас сдирать! (шутка) :)
      Ответить
  2. Лара:
    Я думаю, что при таком мышлении, Влад, вы всегда останетесь отзывчивым человеком! Помогать надо всегда, но только тем, кто очень очень заинтересован в информации.

    А деньги «сдирать» тоже надо, иначе как заработать? Просто надо всегда оставаться прежде всего человеком!!!

    Ответить
    • Vlad:
      Все правильно, Лара!
      Ответить
  3. Юрий:
    Просто мне кажется что когда блогер становиться 1000 чником, то от наплыва комментариев он просто не успевает отвечать, хотя кто знает, я еще не 1000 чник ((
    Ответить
    • Vlad:
      Вот-вот, станем 1000, тогда и мнение поменяется и отговорки новые будут! :)
      Ответить
  4. Рашида:
    Про тысячников, не в защиту, а просто я помню как мне скучно было объяснять сестренке ее арифметику, когда я уже алгебру изучала. Наверное вопросы новичков им кажутся детским лепетом.
    Про плагин, попробую, у меня ни один из этой группы не хочет нормально работать.
    Ответить
    • Vlad:
      Здесь, наверное, вы правы! А плагин попробуйте, потом напишите работает или нет! Попробуем разобраться… :)
      Ответить
  5. Юрий:
    Здравствуйте! Поставил этот плагин на сайт и категории сайта перестали читаться. Никак не убираются, только при отключении плагина. А если в другие статьи вставляем любой код, то на сайте для читателей видно сверху код, ниже описание статьи. Почему так получается? :грустно:
    Ответить
    • Vlad Lemishko:
      Здравствуйте. Смотреть нужно, скорее всего какой-то конфликт с шаблоном или может быть с другим плагином… :задуматься:
      Ответить
Поделитесь своим мнением
Для оформления сообщений Вы можете использовать следующие тэги:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

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

Топ комментаторов!
Олег Солодов(1)
Андрей(1)
Катерина(1)
Мой мир@mail.ru
Постила.ru
© 2017
Яндекс.Метрика