Как установить Gravatars на WordPress-блоге, не используя плагины

Gravatar - Globally Recognized Avatars

Отличный способ добавить в свой блог глобально распознаваемые аватары (GRAvatar = Globally Recognized Avatar) я нашла на блоге Коннора Уилсона (Connor Wilson).

Пожалуй, не буду переводить две первые части его поста, где рассказывается, что такое Gravatars и что мы выигрываем, используя их. По-простому говоря, Gravatar – это такая картиночка, которая будет использоваться как аватар в любом месте, где выполнены 2 условия.

  1. Вы введете свой e-mail,
  2. Поддерживается сервис gravatars.

Может быть, это немного похоже на OpenID, и я даже считаю, что было бы здорово объединить эти сервисы и включить единую аватарку в OpenID координаты. Ну да ладно, это дело будущего.

А пока давайте посмотрим, как включить Gravatars на своем WordPress-блоге.

В файле comments.php и лучше всего после начала вот этого цикла <?php foreach ($comments as $comment) : ?> вставляем такой код:

<?
$email = $comment->comment_author_email;
$default = ""; // link to your default avatar
$size = 70; // size in pixels squared
$grav_url = "http://www.gravatar.com/avatar.php?gravatar_id=
" . md5($email) . "&default=" . urlencode($default) . "&size=" . $size;
?>

Теперь там, где нужно показать саму картинку аватара, пишем

<img src=”<?=$grav_url ?>” height=”<?=$size ?>” width=”<?=$size ?>” alt=”User Gravatar” />

Вот и все. Теперь можно настроить размер картинки в строке $size = ...; и задать стили: рамку, отступы и так далее.

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

Как сделать свой сайт OpenID-логином?

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

Цитирую:

1. Если вы уже зарегистрированы в livejournal.com, moikrug.ru или любом другом сервисе, предоставляющем OpenID, то ничего делать не нужно. Если нет – регистрируемся в любом провайдере OpenID (например, myopenid.com).

2. Идём на страничку вашего идентификатора (например, myname.openid.com, myname.livejournal.com и т.п.), открываем исходник страницы и ищем строку вида
<link rel=”openid.server” href=”адрес” />.

3. Вставляем в блок head вашей странички, которую вы хотите сделать идентификатором, следующие строки:

  • <link rel="openid.server" href="адрес />"
    — ту, которую вы нашли перед этим
  • <link rel="openid.delegate" href="адрес" />,
    где адрес — это OpenID-идентификатор, предоставляемый вашим провайдером (например, myname.openid.com)

В итоге, на вашей страничке должно быть что-то вроде этого:

<head>
<!-- пропущено -->
<link rel="openid.server" href="http://www.myopenid.com/server" />

<link rel=”openid.delegate” href=”http://daeq.myopenid.com/” />
<!– пропущено –>
</head>

С «Моим кругом» этого я не пробовала, с Livejournal возникли проблемы с отображением имени, а вот с myopenid.com все получилось очень хорошо.

Для тех, кто хочет сделать так же.

1. Регистрируемся на myopenid.com.

2. Добавляем там «New Person» и называем своим именем. Именно то, что вы напишете в поле «Persona name» будет потом отображаться как имя в вашей OpenID-подписи.

3. Дальше все просто. Каждый может увидеть, что в блоке <head> моей главной страницы есть вот такие строчки:

<link rel="openid.server" href="http://www.myopenid.com/server" />
<link rel="openid.delegate" href="http://Kate.Kulikova.myopenid.com/" />

Добавляете такие же к себе на сайт. Во второй строке пишете свой OpenID-адрес — … и все. 🙂 Это работает.

Ответ по OpenID

Что было?

Итак, проблема состояла в следующем: после установки этого блога делегатом моего OpenID из Livejournal все было хорошо, но имя отображалось не так, как я бы хотела «Kate Kulikova», а «blog» или «blog.kulikova.nnov.ru». Таков был вопрос по OpenID.

Что стало?

Бесплатный провайдер OpenID - myopenid.com

Бросайте, господа, этот LiveJournal, который дает не пойми какой OpenID. Долго ходила я там по вкладочкам и искала, как заменить displayed name на что-нибудь приличное. И не нашла. Если кто найдет, то скажите…

На одном американском сайте автор сказал мне, что он завел себе OpenID на специальном сервисе типа myopenid.com, myid.net или getopenid.com.

Я отправилась, не раздумывая на myopenid.com, потому что этот адрес мне сразу и легко запомнился (вот оно – вебмастерам на заметку: делайте URL запоминающимся!), и за пару минут зарегистрировала себе новый OpenID. Потом настроила перенаправление, чтобы можно было везде подписываться адресом этого блога — и все. 🙂

Очень хорошее и простое решение. Всем советую.

HTML и CSS > Границы ячеек в таблицах

Кто бы мог подумать, что такая простейшая вещь, как рамки (borders) для пустых ячеек внутри таблицы, не работает в IE 6. А может быть и в других IE тоже, этого я не знаю, не было возможности проверить… Но это, конечно, возмутительно.

Итак, у нас есть таблица, в которой некоторые ячейки заполнены, а некоторые пусты. Ее html-код таков:

<table>
<tr>
<td>item 1,1</td><td></td><td>item 1,3</td>
</tr>
<tr>
<td></td><td>item 2,2</td><td>item 2,3</td>
</tr>
</table>

Добавляем стили, чтобы отрисовать границы всех ячеек в таблице (в том числе и внутренних):

table
{
border-color: #600;
border-width: 0 0 1px 1px;
border-style: solid;
}
td
{
border-color: #600;
border-width: 1px 1px 0 0;
border-style: solid;
margin: 0px;
padding: 4px;
text-align: center;
empty-cells:show;
}

И видим вот такую картинку:

Конечно, это не совсем то, что хотелось бы. Идем в Google и находим, что нужно применить к table и td свойство empty-cells: show;. Отлично! Добавляем его в стили и видим, что это ничего не изменило для Internet Explorer 6. Но более приятная картинка теперь в Mozilla Firefox 2.0.*:

А это небольшое уточнение для IE, которое заодно сделает все границы ровными и без разрывов, я нашла на Accessify Forum.

В свойства table добавляем строчку border-collapse:collapse; и видим прелестную картинку в обоих браузерах:

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

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

table
{
border-color: #600;
border-width: 0 0 1px 1px;
border-style: solid;
empty-cells: show;
border-collapse:collapse;
}
td
{
border-color: #600;
border-width: 1px 1px 0 0;
border-style: solid;
margin: 0px;
padding: 4px;
text-align: center;
}

Вот и все мои изыскания по этому вопросу. HTML и CSS — это все-таки какая-то магия. 🙂

Хитрости Feedburner > №1 Analyze / Анализируй

Знаете, когда я в первый раз зашла на сервис Feedburner, он показался мне таким сложным и непонятным, что захотелось хоть как-нибудь настроить свой фид и поскорее уйти с этого сайта. Наверно, во мне есть что-то от блондинки :)).

Но со временем, читая статьи про Feedburner (Все о Feedburner у Димка, FeedBurner у FX’а), а потом и попробовав изучить его повнимательнее, убедилась, что это прекрасный инструмент для просмотра статистики, управления фидом, а значит и для продвижения своего блога. Пришлось вернуться и познакомиться поближе.

Итак, сначала нужно создать свой фид. В статье Дмитрия Донченко подробно описано, как это сделать. Самый полезный совет, который я нашла у него — это изменение языка интерфейса на русский. Надо сказать, что переводы некоторых фраз не всегда адекватны: чего стоят, например, «Последние 24 с половиной» (имеется ввиду 24 с половиной часа, но вот перевод слова hours, видимо, найти не удалось :)) или слова «Хочешь отличиться?» там, где по смыслу должно быть что-то вроде «Хотите изменить настройки?».

Теперь пройдем по пунктам меню первой вкладки, которая называется Analyze (или Анализируй).

Feed Stats и Подписчики / Surscribers

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

Live Hits

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

Использование публикаций / Item Use

Здесь показано, сколько просмотров статей и кликов произошло за последнее время.

Необычное использование публикаций / Uncommon uses

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

В Feedburner даже есть такая функция, которая добавляет определенную лицензию, а именно Creative Commons copyright license, к контенту. Честно говоря, что означает данная лицензия, я не знаю. Если кто-то знаком с ней, расскажите пожалуйста. 🙂

Site Stats

Изначально дополнительная статистика Feedburner Stats Pro не активирована. В ее панели управления ничего нет, кроме сообщения, что «Someday, this will all be yours» то есть когда-то это все станет вашим. Без сомнения, все это будет нашим прямо сейчас, потому что мы зайдем в последний пункт меню «TotalStats PRO» (или «Feedburner Stats PRO») и отметим там сразу все галочки.

После этого в дополнительной статистике появятся 4 пункта меню.

Посетители / Visitors

На графике и на круговой диаграмме показаны посетители вашего сайта. В детальной информации о них указано, откуда пришли посетители, какие операционные системы они используют, какой у них браузер и разрешение экрана, а еще сколько времени они провели на сайте.

Страницы / Pages

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

Входящий / Incoming (имеется ввиду входящий траффик сайта)

Здесь вы увидите все url-адреса сайтов, с которых попадают на ваш блог, и поисковые запросы, по которым его находят в поисковиках.

Исходящий (траффик) / Outgiong

А тут описано, куда уходят пользователи с вашего сайта. Надеюсь, они никуда не уходят :).

На этом вкладка Analyze в моей панели Feedburner закончилась. Конечно, если включены дополнительные сервисы (Headline Animator / Анимированные заголовки или реклама Google Adsense), то данные по ним появляются в соответствующих пунктах меню справа.

Отжигайте! 🙂

Русские плагины для WordPress

Многим людям хочется делиться своими мыслями, иметь свой сайт, писать статьи и быть уважаемым человеком. Для этого, например, можно завести блог. Специалисты (maxsite.org и Блогер из Алтая) говорят, что для людей, уверенных в своих силах, наилучшим выбором будет отдельный (standalone) блог на движке WordPress (однако Voozzy и Артём Майнас считают по-другому).

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

После установки и первичной настройки, вероятно, вам захочется добавить в блог красок. А в этом помогут русифицированные плагины для WordPress.

Русские плагины на mywordpress.ru

RusToLat (скачать русский плагин RusToLat для WordPress)

Плагин RusToLat делает транслитерацию url-адресов для тех страниц, у которых название задано русскими буквами. Теперь URL будут намного красивее: «super-plaginy» вместо «%g%d%h…%r%20».

ЖЖ-кросспостер

Плагин для автоматического копирования записей из вашего WordPress-блога в Живой Журнал (LiveJournal).
Вы можете узнать поподробнее о кросспостинге на бесплатные блог-платформы у CTRL+C.

Cкачать ЖЖ-кросспостер, русский плагин для WordPress.

Lecactus и его плагины

Очень большую работу по русификации плагинов провел Lecactus. На его сайте можно найти замечательные русифицированные сборки, плагины и темы WordPress от Lecactus.

Плагин Simple Tags для WordPress 2.3. Русская версия

Русифицированный плагин Simple Tags является преемником Simple Tagging Plugin. Он работает только в WordPress 2.3.x. Simple Tags — это инструмент для управления метками WP 2.3. Этот плагин позволяет угадывать метки при вводе, добавлять метки для страниц, а не только для постов, создавать облако тегов (меток) и многое другое.

Скачать русский плагин Simple Tags для WordPress 2.3.

Плагин Popularity Contest. Русская версия

Popularity Contest хранит счетчики просмотра ваших записей, архивов, рубрик, комментариев, пингов, трэкбеков, и использует их, чтобы показать, какие из ваших записей / страниц являются самыми популярными.

Скачать русский плагин Popularity Contest для WordPress 2.0.5- 2.2.3.
Скачать русский плагин Popularity Contest для WordPress 2.3.

Плагин All-in-One SEO pack 1.3.8 Русская версия

Автоматически оптимизирует WordPress-блог для поисковых машин (SEO = Search Engine Optimization). Оптимизирует заголовки, генерирует META-теги.

Скачать русский плагин All-in-One SEO pack 1.3.8 для WordPress.

Генератор карты сайта Google Sitemap. Русская версия

Этот плагин генерирует XML-Sitemap карту сайта для блога на WordPress. Такая карта улучшит индексацию сайта поисковыми системами Google, YAHOO и MSN Search.

Скачать русский плагин Генератор карты сайта Google Sitemap 3.0.

Плагин Spam Viewer 1.4. Русская версия

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

Скачать русский плагин Spam Viewer 1.4.

Ну вот и все русские плагины, которые мне удалось найти. Удачных вам постов. 🙂

P. S.: Я уже рассказывала, что не смогла найти ни один нормальный плагин фото-галереи. А вот автору stringov.net, видимо, это удалось. Конечно, меня не привлекает наличие в блоге стрингов или их отсуствие, но было бы очень интересно узнать, что это за плагин и как его устанавливать, потому что выглядит он (например, на странице «Женщины одевают нижнее белье чтобы красиво снять») неплохо.

Начинаем работу с WordPress: проблемы и решения.

1. Установка WordPress.

1.1. Многие приличные хостинги сейчас имеют предустановленный WordPress, и это здорово облегчает работу по запуску и настройке блога. Но уж если вам не повезло, то можно прочитать самое подробное руководство по установке WordPress на хостинг. Но и после установки не все бывает гладко. Встречаются проблемы с адресом блога, с настройкой пермалинков или с доступом к директориям. При определенном знании баз данных mysql и языка php можно попробовать разобраться самостоятельно. Ну а если что-то не получается, то вопросы можно задать на русском форме WordPress.

1.2. Не все еще в мире знают английский язык настолько хорошо, чтобы разбираться в англоязычных интерфейсах. Но вот блоги создавать хотят очень многие. Поэтому вполне логично, что существуют локализованные версии WordPress. Например, Русский WordPress 2.3. Здесь же вы найдете рассказ о проблемах русского WordPress’а.

2. Темы и настройка внешнего вида WordPress блога.

2.1. При выборе темы обязательно нужно сначала не просто полюбоваться на красивую картинку, но и посмотреть эту тему в действии. На сайте WordPress для этого есть специальная ссылка Test Run. Не все темы имеют встроенный поиск, и если вы не хотите утруждать себя установкой скрипта Google на блог, то лучше сразу выбрать тему с поиском. Кроме этого, очень приятно, если в теме уже будет возможность подписки на комментарии по RSS и настройки виджетов. Если интересно, почитайте подробнее о виджетах на сайте Мой Путь к Интернет Деньгам.

Самые качественные и проверенные темы можно найти на официальном сайте WordPress. А еще можно посмотреть 25+ подборок тем для WordPress в одном флаконе.
2.2. Русские темы для WordPress. Их уже не так много, но они есть. И если вам не хочется вручную лазить по всем php-файлам темы и исправлять там названия на русские, то можно сразу же выбрать темы на mywordpress.ru или на blogstyle.ru.

Известны случаи, когда нечестные авторы тем вставляли туда вызовы стороннего кода, что приводило к бану WordPress-блогов в поисковиках. Чтобы избежать этих и других проблем, связанных с поисковыми системами, советую вам прочитать 5 правил проверки тем WordPress против бана поисковиками.

3. Установка плагинов.

Мои советы по выбору самых полезных плагнов для WordPress вы можете почитать в статье WordPress, 10 лучших плагинов. Однако плагин нужно не только найти, но и установить. В этом вам помогут замечательные руководства от aple.biz, такие как «Установка плагина Popularity Contest» и «Ставим плагин статистики посещений сайта Wp-ShortStat».

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