Подсветка программного кода в постах (для Wordpress)

Friday, 25 Jul 08 в 1:19

Вставка кода в текст блогаДостаточно часто возникает желание вставить в посте часть кода из какого-то языка программирования. Как оказалось, сделать это в Wordpress быстро и просто не получается, приходится немного потрудиться. Что я только не пробовал дабы вставки HTML, Javascript или хотя бы PHP выводились в блоге корректно - использовал и <code>, и <pre>, но, к сожалению, результаты были не утешительные. Возможно, конечно, кое где я ошибся сам, но, тем не менее, проблема вставки и разных исходных кодов была для меня актуальной достаточно долго. Недавно я заставил себя сесть и разобраться с ней раз и навсегда. Забегая наперед, скажу, что частично это мне удалось.

Проблема размещения в блоге исходного кода не самая серьезная, но иногда дает о себе знать. Особенно это касается различных постов, где вы описываете операции, относящиеся к программированию. Без примеров в таких случаях не обойтись, а движок Wordpress, как назло, вносит в код свои «правки». Текстовый редактор неоднозначно воспринимает символы одинарной и двойной кавычек, преобразуя их текстовые аналоги:

Wordpress иногда коверкает исходный код

При копировании такой «преобразованный» код работать не будет. Следовательно все посетители, которые захотят его применить, будут неприятно разочарованы.

Кстати, по старинке я вставлял код с помощью Macromedia Dreamweaver (теперь уже Adobe® Dreamweaver® CS3) , который позволял с легкостью получить из обычной записи тот же исходный код, но полностью в HTML (скобки < > заменялись на специальный символы). Увы, от проблемы с кавычками это не спасало. Поэтому пришлось искать альтернативные методы. В принципе, можно было бы сохранять исходники в текстовые файлы, после чего в статье на них ссылаться, но это, пожалуй, применимо лишь для больших объемов кода. Во всех остальных случаях - создавало бы лишние проблемы для посетителей.

Плагины wordpress для подсветки кода

Для решения проблемы я нашел 4 плагина, хотя их намного больше. Выбирал те, которые встречал у других блоггеров:

Raw HTML (скачать плагин)

Самый простой плагин. Позволяет вставлять HTML код в посты. Оборачивание текста в тэги <!–start_raw–>…<!–end_raw–> или [RАW]…[/RАW] предотвращает его преобразование. Во время вставки кода настоятельно рекомендуется выйти из визуального редактора в режим HTML. Поддерживает версию системы до 2.5.1.

CodeColorer (скачать плагин)

Это уже модуль покруче, позволяет не только корректно вставлять исходный код разных языков программирования, но при этом еще и красиво его оформляет.

Вставка кода в wordpress с помощью плагина CodeColorer

CodeColorer обладает также рядом дополнительных интересных свойств, например, нумерацией строк, настройкой подсветки синтаксиса, подсветкой кода в комментариях и т.п. Модуль имеет достаточно широкий спектр настроек и большой список поддерживаемых языков. Единственное, что заставляет задуматься, это требования к версии wordpress - 2.1. Поэтому гарантии безотказной работы в более старших версиях нет. Подробнее о плагине на русском языке можете почитать в этом обзоре.

SyntaxHighlighter Plus (скачать плагин)

Плагин такой же серьезный, как предыдущий, хотя выглядит поживее - поддерживается версия wordpress 2.5.х. Если говорить о возможностях, то они идентичны CodeColorer - подсветка, нумерация строк и т.д. Возможно, имеются какие-то отличия на более глубоком уровне, но в глаза бросается лишь другое визуальное оформление:

Подсветка кода с помощью плагина SyntaxHighlighter Plus

Если присмотреться, то можно над кодом заметить дополнительные ссылки/функции view plain (просмотр кода в отдельном окне) copy to clipboard (копировать в буфер обмена) и print (печать). В блоге плагина есть небольшое описание, правда на английском. Хотя, в принципе, информации на официальном сайте wordpress вполне достаточно.

WP-Syntax (скачать плагин)

В конечном итоге остановился именно на этом плагине. Он достаточно простой, но со своей задачей справляется на все 100. Для того чтобы выделить код в посте достаточно использовать конструкцию:

<pre lang=”LANGUAGE” line=”1″> … исходный код … </pre>

Где LANGUAGE - задает язык программирования, а необязательный параметр line указывает с какого числа начинать нумерацию строк в коде. Получаем:

Выделение кода в wordpress в помощью плагина WP-Syntax

Вообще из всех четырех плагинов я не попробовал лишь CodeColorer, по остальным свое впечатление сложилось. Raw HTML слишком прост и не очень нагляден, SyntaxHighlighter Plus наоборот слегка «громоздкий», поэтому я выбрал золотую середину - WP-Syntax. Не исключено, конечно, что в дальнейшем установлю более продвинутый модуль, например, чтобы в комментариях код также подсвечивался. Только для начала нужно «прикрутить» в форму комментирования кнопки для форматирования или хотя бы добавить описание допустимых тэгов. В общем, работать еще есть над чем, а пока главное чтобы читатели могли видеть и использовать корректный код.

Кстати, при активном использовании Raw HTML и WP-Syntax заметил небольшую особенность. Как уже говорил выше, редактирование кода требуется производить при выключенном визуальном редакторе в режиме HTML, иначе при сохранении могут возникнуть глюки в виде исчезновения отдельных частей исходного кода. Все это оставило не очень приятный осадок после работы с плагинами, тем не менее, насколько я понимаю, от этого никак не избавиться. Поэтому будьте предельно внимательны!

Если у вас есть что добавить по теме, прошу высказываться в комментариях. Делимся опытом использования других плагинов, о которых я не упомянул.

P.S. Дмитрий Ветров предлагает обсудить вопрос должен ли блог быть авторским?

Кстати, если вы хотите раскрутить свой блог или проект, можете воспользоваться рекламными услугами в этом блоге - приобретаем спонсорство в месяц (около 15-ти публикаций) за $50 или постовые по $5 за ссылку. Также свободен баннер 125х125 под блоком контактов - всего $30.

Спасибо спонсорам:

Cервисы для привлечения трафика на блог

Wednesday, 23 Jul 08 в 0:25

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

Feedmates

Те, кто давно читают данный блог, уже в курсе, что экспериментирую я с сервисом Feedmates не первый месяц. Не буду повторяться и третий раз объяснять, что это такое и как с ним работать, так как уже было сказано очень много. Кто еще не в курсе, прошу почитать статьи по теме - Привлечение трафика на сайт с помощью FeedMates.ru и Трафик с FeedMates.ru (часть 2) - там все подробно описано.

Для начала напомню цифры, полученные после первого месяца участия блога в платном индексе:

Статистика сервиса FeedMates

Теперь представляю информацию о результатах после второго месяца:

Трафик с Feedmates за второй месяц платного индекса

Первое что бросается в глаза - это относительно небольшой прирост во всех цифрах. После первого месяца некоторые показатели увеличились на десятки тысяч позиций. И это наблюдалось не только у меня, видимо система дала сбой. У некоторых количество публикаций в индексе превышала реальное число постов. Сейчас, судя по всему, ситуация исправилась, и картинка выглядит более-менее реально. Точно такие же выводы напрашиваются после просмотра статистики от Google Analytics. Если после первого месяца сервис отображал 929 переходов на мой блог, в то время как GA подтверждал только 64, то сейчас цифры практически совпадают.

Итак, за второй месяц размещения блога в платном индексе я получил 98 посетителей. Стоило мне это всего ничего 300 рублей. Таким образом, за 2 месяца в сумме получилось 162 перехода. В прошлой статье я уже говорил, что пришедшие читатели достаточно долго задерживались на сайте и активно кликали по страницам. Тем не менее, не считаю, что затраченные деньги ($25) поработали эффективно, поэтому я слегка разочарован. Конечно, все, в принципе, относительно, и я мог получить весьма ценных читателей именно через этот сервис (о чем никогда не узнаю). Точно также, мой эксперимент не является репрезентативным на 100%, то есть у других участников могут быть совершенно иные, более оптимистические, результаты.

BlogUpp

BlogUpp - сервис для блоговBlogUpp - сервис аналогичный Feedmates, также работает с целью обмена трафиком между блогами. Вы отображаете «рекламу» других авторов, а они за это вашу (под рекламой, конечно, подразумеваются блоги). Для того чтобы принять участие в проекте, достаточно лишь добавить свой ресурс на официальном сайте сервиса, после чего разместить небольшой код у себя. Все! Никакой регистрации не требуется. Судя по обилию языковых версий, разработчики не наши.

BlogUpp - сервис для привлечения трафика на блогОбъявление (рекламу) лучше всего публиковать в сайдбаре, поскольку они имеют продолговатую по вертикали форму. Оно состоит из скриншотов двух блогов, при наведении на один из них, отображается краткое содержимое последней статьи рекламируемого ресурса. При клике сайты открываются в новом окне. По словам авторов каждые 10 показов на вашем блоге генерируют 9 для вас на других площадках. Недостающим показом имеют право пользоваться создали сервиса, которые могут выдавать его в качестве бонуса блоггерам или продавать. Кстати, учтите, что сайты с адалтом, азартными играми или содержащие «незаконный» контент, в систему не принимаются.

Теперь немного о результатах. За месяц использования данной рекламы я получил 85 переходов целевых читателей на этот проект, причем абсолютно бесплатно. Привлеченные посетители пребывали в среднем на сайте 3 минуты, соотношение кликов к посещениям составляет 1,66.

Также на сайте проекта есть возможность просмотреть статистику, правда для этого потребуется наличие в блоге OpenID. У меня такого не оказалось, поэтому поделиться информацией относительно полноты статистики я, увы, не могу. Кстати, увеличить число показов можно не только за деньги, а и просто написав о сервисе в своем блоге. Не знаю, конечно, насколько это обещание разработчиков соответствует действительности. Попробую с ними связаться, после чего напишу чем закончились наше «сотрудничество».

А какая статистика работы с подобными сервисами у вас? Хвастаемся результатами в комментариях.

P.S. Фарма на Фэйсбуке или спаммеры атакуют Facebook - иногда нужно быть хитрым чтобы заработать:)

Зацените компьютер для SEO бизнеса.

Спасибо спонсорам:

Работа для блоггера ($300 за пост + MacBook Air)

Sunday, 20 Jul 08 в 21:13

Работа для блоггераМногие, наверное, уже заметили статью на Smashing Magazine о конкурсе гостевых постов с MacBook Air в качестве главного приза. Дело в том, что ресурс ищет талантливых и профессиональных авторов, предлагая при этом оплату $100-$300 за пост! Чтобы как-то ускорить и сделать процесс более масштабным, Smashing Magazine организовали конкурс. Кроме главной изюминки - ультратонкого MacBook Air (с процом 1.6 GHz Core 2 Duo, 2-мя гигами оперативки и 80 GB жестким диском) есть возможность получить чехлы, сумки для ноутбуков или книги по дизайну. Посты нужно писать либо дискуссионные, способствующие интересному и увлекательному обсуждению проблемы в комментариях, либо в стиле «топ-10 чего-то там». Более подробные правила, ограничения и требования можно почитать на самом сайте Smashing Magazine или в русском переводе статьи от Насти Манно. Времени дается до 5-го августа.

Конкурс использует достаточно интересный механизм, который я, по-моему, в РУнете еще не встречал. В основном мероприятия направлены на привлечение дополнительных посетителей на сайт или увеличение ссылочной массы - блоггеры пишут конкурсные посты на своих проектах и лишь ссылаются на организатора. Smashingmagazine поступает хитрее - по сути он «покупает» контент: если конкурс получится объемный, соответствующее количество бесплатного материала можно получить. Хотя стоит учитывать тематику конкурса дабы не было одинаковых статей, рассматривающих лишь один вопрос или проблему. Для этого нужно брать достаточно глобальные направления - дизайн, веб-разработка, блоги и т.п. В общем, идея достаточно интересная для заимствования.

Отойдем немного от конкурса, поскольку основная цель поста немного другая. Он лишь подтолкнул меня на размышления по теме «работа для блоггера». Что происходит в русскоязычной блогосфере в данном направлении: какие тенденции, требования, перспективы и возможности существуют. Некоторыми соображениями на этот счет хотелось бы поделиться.

Возможные направления работы для блоггеров

Если говорить о типах вакансий, то я бы разделил все заказы на 2 больших раздела - «корпоративные блоги» и «блоги для заработка». Первые сейчас достаточно серьезно входят в оборот (можно сказать в течении этого года понемногу развиваются). Все благодаря концепции веб 2.0, зарождению социального маркетинга и соответствующих механизмов продвижения. По «корпоративным блогам» имеются не только предложения, но и готовые работающие примеры. Конечно, эффективность и отдачу тех или иных проектов оценить сложно, тем более со стороны, тем не менее, думаю ниша весьма перспективная. Хотя, стоит заметить, что подобные механизмы подойдут далеко не каждой компании, тем более, если речь идет о рунете.

На сайте HeadHunter есть сообщество блоггеров, где можно найти предложения как от авторов, жаждущих вести блог, так и от заказчиков корпоративных ресурсов. Хотя активность обновления невелика. По этой теме можно, кстати, почитать пост Работа для блоггера - корпоративные блоги студии smoPRO.

Вторая ниша «блоги для заработка» также может иметь хорошие перспективы в развитии. Блоги имеют уникальный формат, который позволяет объединить усилия по продвижению как в поисковых системах, так и в социальных сетях, посредством другой сетевой активности. Продвигая обычный коммерческий сайт в блогах, оптимизатор чаще всего будет принят за обычного спамера, с блогами проще. Этим большим плюсом, думаю, имеют желание воспользоваться многие манимейкеры в сети. А поскольку на ведение блога тратится достаточно много времени, то весьма логичным есть поручение этого дела стороннему человеку - наемному работнику.

Копирайтинг VS Блоггинг

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

- блоггер должен более-менее обладать знаниями предметной области. В то время, как для копирайтера может сгодиться поверхностное ознакомление с ней.

- работа не фиксированная, сложно определить ее объем за счет возможных дополнительных задач - ответы на комментарии, письма, общение с читателями, проявление активности в блогосфере и базовая работа с соц. сетями. Как видим это не просто написание статьи в 2000-3000 символов.

- как следствие, возникают некоторые сложности с оплатной труда, скорее всего она будет помесячная. При этом желательно четко ставить задачу по типу 2 поста в неделю, чтение блогов смежных тематик и т.п. Сложно также проконтролировать качество. Не все блоги одинаково полезны - разные блоггеры могут писать на одни те же темы и один из них при этом будет более читаем (популярен), чем второй. Характер и харизма автора тоже играет свою роль. Написать и забыть одну статью намного проще, чем вести блог.

Поиск работы, тематика и цены

Рынок работы для блоггеров еще не сформировался, он лишь зарождается. Что получится из него в дальнейшем сказать сложно, слишком много факторов может на него повлиять. В любом случае с увеличением количества пользователей Интернетом компании постараются вложить как можно больше денег в заманивание этих самых «новичков», и, если для этого потребуется корпоративный блог, проблемы в его создании не возникнет.

Найти работенку блоггеру, в принципе, не просто. Я вижу 2 варианта, первый либо изучение бирж фриланса (там иногда проскальзывают подобные предложения), хотя, мне кажется они скорее сводятся к копирайтингу. Другой вариант - мониторинг специализированных форумов, сообществ и блогосферы в целом. Следует заметить, что количество поисковых запросов по словам «работать блоггером» не больше 10, поэтому ажиотажа пока не наблюдается.

Если говорить о тематике, то, учитывая возможные направления работы блоггеров, это либо что-то связанное с онлайном (для корпоративного блога), либо чисто коммерческо-направленная ниша (для заработка). Как я говорил выше, с ценовой политикой не все прозрачно - можно платить атору только за текст, но тогда это не избавит вас от множества работы, связанной с ведением блога. Четких критериев как оценить занятость полноценного настоящего блоггера, увы, нет. В общем, приходится констатировать факт, что вопросов сейчас больше чем ответов на них. Однозначно прояснит ситуацию лишь время.

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

P.S. Предлагаю подружиться со мной в toodoo.ru, а также вступить в клуб читателей этого блога и BlogoHelp`а. Отвечу взаимностью:) Также меня можно найти на stod84.ya.ru и tods-blog.livejournal.com.

А еще строй-центр предлагает качественные чугунные батареи и чугунные радиаторы, большой выбор и демократичные цены для оптовых покупателей. Если кого-то заинтересовало - смотрим.

Пост поддержали спонсоры:

Страница 1 из 701234567»...Последняя »