Мне в голову пришли следующие интересные заголовки:

• Облако пыли
• Я пишу об этом
• Меня интересуют
• Главные слова
• Другие записи по темам
• В нескольких словах

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

З.Ы. Еще совет владельцам блогов, измените Имя пользователя Admin в  на свое собственное. Вы же не подписываетесь в реальных документах как “Человек” или “Мужчина”.

Постед бай Сергей Дорохин.

В статье использован фрагмент картины Исаака Левитана

Пример: Опубликована статья о плагине WordPress (не важно о каком).  Имеет следующие метки записи (тэги): WordPress, plugin, плагин.

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

Оказывается что бы такого не случалось нужно устанавливать плагин для автоматической транслитерации кириллических слов для использования в качестве постоянных ссылок. Но есть загвоздка, после установки плагина, уже добавленные тэги не будут транслитерированы. Транслитерация происходит “на лету” для вновь добавляемых тегов. И удалить этот тег тоже нельзя, он навсегда будет в базе данных движка WordPress. Остается одно – внести исправления в саму базу данных. Для этого потребуется доступ к MySQL базе вашего блога по средством phpMyAdmin или подключения через различные клиенты баз данных (список одобренных графических клиентов MySQL). Какие исправления нужно сделать я опишу на примере phpMyAdmin. Обычно он есть как данность на большинстве хостинг площадок.

Исправляем русские "слаги" в базе данных

Открываем свою базу данных, в левой части выбираем таблицу wp_terms это 1-е (у вас часть названия таблицы “wp_” может быть другой). Нажимаем “Обзор” в верхней части – это 2-е. Перед нами открывается содержание таблицы которая хранит названия всех тегов и соответствующие значения, используемые для постоянных ссылок. Под цифрой 3 на рисунке видны “кракозяблы”. Это нужно исправить, иначе в браузере ссылки будут выглядеть вот так: http://dserg.ru/tag/%d0%bf%d0%bb%d0%b0%d0%b3%d0%b8%d0%bd/. Или вот так: http://dserg.ru/tag/плагин/. Каждую такую “кракозяблу” исправляем нажатием на значок в виде карандаша(цифра 4 на рисунке) в соответствующей строке.

В обведенном поле вносим транслитерированное значение русского тэга. На моем примере для тега “плагин” я ввел в поле слово “plagin” (как слышим так и пишем или пользуемся правилами транслитерации ISO, ГОСТ).

Так же исправляем для всех оставшихся русских тэгов. В качестве плагина автоматической транслитерации при добавлении новых тегов, постоянных ссылок советую Rus-to-Lat.

1. Использование готовой темы портфолио для всего блога;
2. Использование плагина портфолио;
3. Самостоятельная ручная верстка постов с описанием работ.

Просмотрев наборы бесплатных тем (шаблонов) для WordPress (еще здесь и здесь) заточенные под публикацию описания своих работ, стало понятно, что при использовании темы меняется весь дизайн блога, а это для меня подходит. Если для кого то блог только портфолио — лучшего решения, чем использование готового бесплатного шаблона не найти. Русифицированных шаблонов достойных внимания я не нашел, так что следует помнить, что после установки темы вам придется заняться переводом, а для кого то и изменением дизайна. Детально изучать преимущества тех или иных шаблонов я не стал и перешел к другим решениям.

Поиск плагинов дал следующие результаты:

1. WordPress Portfolio Plugin (WP Portfolio)
2. Blogger Portfolio
3. JH Portfolio

Далее изложу результаты ознакомления с каждым из списка.

WordPress Portfolio Plugin (WP Portfolio)

Исходя из описания, плагин служит для организации портфолио интернет сайтов в виде одной страницы на блоге с функцией автоматической генерации превьюшки (скриншота сайта) Пример можно увидеть на странице автора данного плагина.

Установив плагин я первым делом добавил несколько сайтов через пункт «Add new Website» а так же создал новую запись которая содержала лишь следующий код:

<!-- ShowMyPortfolio -->

(добавлять код в запись нужно в режиме редактирования HTML). Созданная запись отображала портфолио так же как и у автора, за исключением скриншотов — они не генерировались автоматически. Повторное прочтение инструкций по установке подсказало, что автоматическая генерация превьюшек проектов осуществляется сторонним интернет-сервисом www.shrinktheweb.com на котором нужно завести аккаунт и получить STW Access Key ID” и «STW Secret Key» бесплатно. Полученные ключи ввести в соответствующие поля раздела «WP Portfolio — General Settings». Так же нужно установить права «777» на директорию /wp-content/plugins/wp-portfolio/cache/. После этого превьюшки заработали спустя 3—5 минут.

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

1. Невозможна сортировка добавляемых сайтов кроме как по алфавиту.
2. Добавляемый сайт должен быть опубликован в сети, только тогда он получит автоматическую превьюшку. Вручную добавить скриншот нельзя.
3. Главная страница сайта должна иметь адрес вида «site-domen.com» а не «site-domen.com/mysite». Это означает что при генерации скриншота сайта не воспринимаются подразделы сайта, а только главная (индексная) страница домена.

Резюме. Плагин WP Portfolio заточен только для потфолио сайтов и при этом не требует навыков программирования. Настройки внешнего вида минимальные. В ряде случаев добавить скриншот сайта в список портфолио невозможно.

Blogger Portfolio

Blogger Portfolio так же позволяет организовать страницу-портфолио с примерами работ-сайтов.

Инструкция по установке представлена на сайте myWordpress.ru.

Меню управления плагином находится в панели «Инструменты». Перед началом использования нужно установить права «777» на папку /plugins/bPortfolio/imgs/ и права «754» для файла /plugins/bPortfolio/bPortfolio.php иначе при добавлении элемента портфолио загрузить скриншот не удастся. Плагин установлен и работает. Далее для вывода портфолио в блоге нужно вставить куски кода php в определенные места текущего шаблона. Этот код вызывает функцию отображения портфолио.

<?php if (is_page(47)) { if (function_exists('bPortfolio')) { bPortfolio(); } } ?>

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

wp-admin/page.php?action=edit&post=8&message=5&revision=16

Следовательно id моей страницы =8. Дальше уже сложнее. Нужно определиться с тем, в какой php файл нужно вставить эту строчку. Если вы создали статическую страницу то нужно редактировать файл page.php, если Запись (post) соответственно файл single.php. Подробнее об этом написано здесь.

В моем случае я редактировал page.php, куда я поместил код видно ниже (последняя строка).

<div class="entrybody">
<?php the_content('Read the rest of this entry &raquo;');  ?>
<?php if (is_page(8)) { if (function_exists('bPortfolio')) { bPortfolio(); } } ?>

Плагин заработал и отображал мои проекты на статической странице блога.

Резюме. Возможность гибкой настройки Blogger Portfolio требует начальных знаний php. После установки вероятней всего захочется поменять дизайн по умолчанию, но без ковыряния в коде этого опять таки не сделать. Плагин не имеет какого либо интерфейса настоек. Плагин не прост в установке, за отсутствием настроек — прост в использовании.

JH Portfolio

К этому плагину я пришел в последнюю очередь после поиска в англоязычном интернете. Согласно описанию на странице разработчика, функционал плагина следующий:

1. Управление элементами портфолио в панели администратора блога;
2. Каждый элемент может содержать: название проекта, основное изображение и несколько дополнительных, принадлежность к группе (сайты, логотипы и т. д.), основное описание, ссылка на проект и т. д.;
3. Плагин имеет элементы на Ajax;
4. Удобная навигация по элементам портфолио;
5. При всем создан с учетом принципов поисковой оптимизации.
6. Добавлю от себя. Отличительная особенность плагина — реализация виджетов, позволяющих методом drug-n-drop выводить контент на главную страницу блога.

Текстовые инструкции по эксплуатации представлены на wordpress.org, но полное и наглядное представление о функционале плагина дает видео инструкция от разработчика. Можно начинать с просмотра видео, все просто и доступно.

Резюме. Плагин JH Portfolio многофунционален, сложностей в установке не вызвал, дает более широкие возможности настройки по с равнению с рассмотренными. Плагин работает и так как нужно. Минусов пока не обнаружено.  Ссылка на мою версию плагина в конце статьи. Must have.

В своем блоге решено было использовать JH Portfolio, до ручной работы над страницей портфолио дело не дошло. Ведь для этого и существуют плагины!

P.S. Замечен маленький недочет. При использовании плагина Google XML Sitemaps в карту сайта попадает только первая страница Portfolio.

Проблема вероятно кроется в том что указанный плагин берет информацию о страницах и постах из таблиц WordPress и пропускает записи о проектах портфолио. Плагин JH Portfolio хранит информацию о проектах в таблице #_posts как и все стандартные посты, но в ячейке post_type ставит значение [jh-portfolio], а не [post] или [page].

Поисковые роботы все равно индексируют разделы с проектами, но пока страницы моего портфолио в индекс не попали (прошло 3 недели). Вероятно нужно руками добавлять эти разделы для полного индекса портфолио. Лично сам не собираюсь исправлять этот баг, не считаю что примеры работ должны участвовать в поиске.

Если плагин Google XML Sitemaps не добавляет страницы с портфолио в Sitemap нужно это сделать руками на странице плагина (раздел “Параметры”).

UPD выкладываю доработанный плагин JH-Portfolio для WordPress (версия 0.8, проверено на движке 2.8).

Мои улучшения плагина:

• Улучшено качество сжатия для генерации preview;
• Изменено расширение изображений на jpeg;
• Улучшен Ajax модуль навигации дополнительных изображений.

В планах – русификация плагина.

UPD. По причине смены движка WordPress, через несколько лет после написания данной статьи, пришлось сменить и плагин для подсветки кода в статьях. После 5 минутного поиска, на основе рейтинга отзывов был выбран Crayon Syntax Highlighter.

Среди которых: SyntaxHighlighter Plus, WP-Syntax, Ion Snytax Highlighter, Raw HTML, CodeColorer, а так же многие другие. Все они по своему хороши до тех пор, пока вы при редактировании статьи не переключитесь в визуальный режим редактирования. Визуальный редактор (по умолчанию на платформе TinyMCE) просто удалит часть кода который вы хотели опубликовать или просто заменит на спец символы. Делает он это не со зла, а в целях безопасности. В итоге, если у вас в статье есть форматированный код вам категорически нельзя переключатся в режим визуального редактора и все время редактирования контента довольствоваться аскетичным HTML видом. Из создавшейся ситациии есть два выхода.

1. Сменить ваш WYSIWYG редактор на другой, не использующий в основе TinyMCE. Который будет не менее удобен и к тому же не будет автоматически исправлять HTML теги в спец символы (например, символ < исправится на &lsaquo;) и дальше пользоваться любимым плагином для подсветки и форматирования кода.
2. Установить плагин WP-SynHighlight который, как «Магомед» – сам идет к визуальному редактору. А именно выводит кнопку на панели, позволяющую оформлять код в визуальном режиме обходя таким образом конфликт интересов.

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

• Подсветка синтаксиса языков (в наборе более 50 языков)
• Возможность выводить номера строк форматированного кода, с настройкой номера первой строки. Возможно вообще отключить нумерацию строк в выводе конкретного кода.
• Возможность задать заголовок для поля в котором выводится код.
• Область с кодом можно свернуть нажатием на заголовок.
• При наведении на какую либо фунцкию в PHP коде дается ссылка на описание этой фунции на сайте php.net
• Возможность плагина по форматированнию кода в комментариях блога (можно отключить по требованию).

Пример форматирования кода с использованием плагина WP-SynHighlight

<?php
/*
Plugin Name: WP-SynHighlight
Plugin URI: http://www.fractalizer.ru/freeware-projects/wordpress-plugins/wp-synhighlight/
Description: Syntax highlighting using shortcodes  Your code goes here  Please see README.txt and screenshots for more information
Version: 0.961
Author: Vladislav "FractalizeR" Rastrusny
Author URI: http://www.fractalizer.ru
*/

/*  Copyright 2008  Vladislav "FractalizeR" Rastrusny (email : FractalizeR@yandex.ru)

 This program is free software; you can redistribute it and/or modify
 it under the terms of the GNU General Public License as published by
 the Free Software Foundation; either version 2 of the License, or
 (at your option) any later version.

 This program is distributed in the hope that it will be useful,
 but WITHOUT ANY WARRANTY; without even the implied warranty of
 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 GNU General Public License for more details.

 You should have received a copy of the GNU General Public License
 along with this program; if not, write to the Free Software
 Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA
*/

//Registering highlighter
require_once 'modules/highlighter.php';
add_shortcode('codesyntax', 'fr_codesyntax_handler');

//Making post-installation routines
require_once 'modules/on_install.php';
register_activation_hook(__FILE__, 'wp_synhighlight_on_install');

//Adding styles
require_once 'modules/styles.php';
add_action('wp_head', 'wp_synhighlight_head');

//Internationalization
require_once 'modules/i18n.php';
wp_synhighlighter_i18n_setup();

//Setting comments processing style
require_once 'modules/comments.php';
wp_synhighlighter_comments_setup();

//Loading editor plugin
require_once 'modules/richeditor.php';
add_action('init', 'wp_synhighlighter_addbuttons');

//Adding options page
add_action('admin_menu', 'wp_synhighlight_settings');
function wp_synhighlight_settings() {
 add_options_page('WP-SynHighlight Settings', 'WP-SynHighlight', 'activate_plugins',
 dirname(__FILE__) . '/modules/settings.php');
}
?>

Единственное что возможно придется настраивать вручную – это размер форматированного кода. Может существенное не совпадать с текущим размером остального текста. Исправляется следующим образом:

Открываем файл wp-content/plugins/wp-synhighlight/wp-synhighlighter.css

И добавляем строку font-size:10px;

В примере ниже я задал размер шрифта во второй строке CSS файла.

div.wp-synhighlighter-inner {
font-size:10pt;
height: auto;
max-height: 300px;
overflow: auto;

Если есть желание изменяйте остальные параметры как вам угодно, для улучшения внешнего вида форматированного текста. Если вам не нравится подсветка синтаксиса вообще, то при выборе языка поставьте «Text».