Тем же путем, идет Opera (зачем там IRC-чат, почтовый клиент и BitTorrent, мне это не нужно). Я понимаю что мои предпочтения по функциональности браузера могут не совпадать с другими пользователями, которым это нужно. Как угодить всем, ответ прост и давно известен – расширения, модули и плагины.

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

Об одном из таком расширении мы и поговорим. Это Firebug.

Расширения для Firebug

Полный список их приводить не буду, вы сами сможете выбрать то что вам нужно. Например здесь:

• http://getfirebug.com/extensions/index.html
• http://habrahabr.ru/blogs/firefox/50579

Вот наверно самые востребованные.

FirePHP – расширение номер один для Firebug. Если вы конечно, PHP программист:) Что тут говорить, мой рабочий инструмент. Поэтому маловероятно, что я перейду на какой-то другой браузер.

Firecookie – показывает все куки доступные на текущей веб-странице. Вы можете видеть, когда они был изменены, и вы можете изменить ваши настройки куков для принятия или отказа прямо из Firebug панели. Очень полезное расширение. Часто приходиться использовать его, когда проверяешь работу кода авторизации.

Jiffy – делалась как более функциональный аналог вкладки Net. но как-то у меня не сложилось. Наверное мне не нужен такой расширенный функционал. мне вполне хватает функционала вкладки Net.

Pixel Perfect – позволяет накладывать макет дизайна прямо на существующий сайт. Хорошее расширение, за исключением одного обидного недостатка – можно смешать картинку только на один пиксел за раз. Однажды мне нужно было срочно подогнать картинку к дизайну, сдвинув ее на 200 пикселей… думал сломаю мышку кликая.

FireRainbow – раскрашивает ваш js код. Предупреждаю, находиться в стадии экспериментального расширения. у меня не возникло проблем. работает отлично.

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

Модули основанные на FirePHP

Во время отладки темы для своего проекта «Твои плагины«, была острая необходимость постоянно отслеживать значение переменных не нарушая дизайна. Вот здесь и пригодился плагин от Ivan Weiler под WordPress. Все просто:

• Скачиваем плагин
• Активизируем в панели администратора
• Пишем в любом месте <?php fb($var); ?>
• Смотри значение в панели FirePHP

Вообще то модулей написанных под различные продукты:

• Agavi
• BIGACE
• CakePHP
• CodeIgniter
• Drupal
• ExpressionEngine
• eZ
• Joomla
• Kohana
• Nette Framework
• PEAR
• Project Zero
• PRADO
• REDAXO
• Seagull
• Smarty
• Solar
• Symfony
• TYPO3
• WordPress
• Zend Framework

Глобальный подход

Есть официальная документация которая позволяет нам использовать предоставленный API интерфейс для работы с твиккером. Мне было лень разбираться с ним и я начал искать далее.

Готовые плагины для WordPress

• SimpleTwitter – плагин который позволяет добовлять ваши посты в твиттер, достаточно много настроек.
• The Twitter Updater – другой плагин который автоматически отправляет сообщения в twitter, при редактирование записи, обновлении ее или публикации, настраивайте плагин, как сами считаете нужным.
• Twitter Tools – позволяет как постить в твитер, так и в блог постить свои твитты.

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

Сервисы для работы с твиттером

Пока из известных – TwitterFeed. Инструкция по применению очень проста.

Если есть OpenId – отлично. Если нет – заводим, (например: здесь myopenid, или здесь Yandex OpenID)

Логинемся в TwitterFeed под вашим OpenID

Создаем новый профиль

Заполняем форму

1. Вводим адрес вашего RSS
2. Устанавливаем частота обновления вашего твикера (по умолчанию: каждый час)
3. Сколько добавлять новых постов в твикер (по умолчанию: 1, максимальное количество 5)
4. Что выводит в твитер (по умолчанию: заголовок и описание)
5. Каким сервисом коротких ссылок мы будем пользоваться, а мы будем пользоваться так как длина сообщения для твикера ограничена 140 символами (если вы хотите без регистрации – то urlShot, если не поленитесь и зарегистрируетесь то – bit.ly. Помимо того что этот сервис сокращает ссылки, он ведет статистику кликов по ним.)
6. Публикация новых постов на основание их (по умолчанию: на дате).
7. Сообщение выводимое перед публикацией поста в твикер (по умолчанию: пусто). Не совсем нужная опция, у нас и так ограничено, так тратить дорогие знакосимволы на прикрепляемое сообщение – разорительно.
8. Если галочка стоить то идет публикация в ваш твикер. Если ее убрать то времено будет остановлен процесс публикации до тех пор пока вы ее снова не установите.
9. Думаю кнопочку «Create» вы сами найдете

Сервис работал «на ура», но под мои требования он не подошел, так-как максимальное количество публикуемых сообщений 5, а у меня может добовлятьса ежедневно более 10 новых плагинов.

Своими руками

Хочешь что-бы получилось как надо. сделай сам. Берем готовый PHP класс для работы с твикером. И на базе него пишем свой плагин для WordPress.

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

<?php
/*
Plugin Name: Twitter post
Plugin URI: http://www.youplugins.com/
Description: Updates Twitter when you create a new blog or publish one
Version: 1.00.0
Author: Denis Doroshenko
*/

function wp_twitter_post_shotlink($link)  {
	$shotlink = "";
	$url = "http://api.bit.ly/shorten?version=2.0.1&longUrl={$link}&login=******&apiKey=******";
	$bit = json_decode(file_get_contents($url), TRUE);
	if ($bit["errorCode"] == 0) {
		$shotlink = $bit["results"]["{$link}"]["shortUrl"];
	}
	return $shotlink;
}

function wp_twitter_post_add($post_ID) {
    include(dirname(__FILE__).'/twitterAPI.php');

	$post 			= get_post($post_ID);
	$postTitle 		= $post->post_title;
	$postLink 		= get_permalink($post_ID);
	$postContent 	        = $post->post_content;

	$twitter_username 	= '******';
	$twitter_psw 		= '******';
	$twitter_message	= "{$postTitle}: {$postContent}";
	$count = mb_strlen($twitter_message);
	if ($count < 1) {
		$twitter_message = "";
	} else if ($count > 115) {
		$twitter_message = mb_substr($twitter_message, 0, 115).'..';
	}
	$twitter_message .= ' '.wp_twitter_post_shotlink($postLink);
	$twitter_status = postToTwitter($twitter_username, $twitter_psw, $twitter_message);
	return $post_ID;
}

add_action('publish_post', 'wp_twitter_post_add');

?>

add_action(‘publish_post’, ‘wp_twitter_post_add’) – вызываем функцию wp_twitter_post_add, после события publish_post
wp_twitter_post_add() – функция которая производит публикацию поста в ваш твикер, для этого вам нужно знать логин и пароль вашего твикера.
wp_twitter_post_shotlink($link) – функция преобразования ваших урлов в их укороченный вариант, я для этого использовал сервис bit.ly, для его правильной работы вы должны быть на нем зарегистрированы. После регистрации сервис для вас с генерирует apiKey, который и нужно будет подставить в эту функцию.

Ссылки по данной тематике

• http://www.quickonlinetips.com/archives/2007/04/10-best-twitter-tools-for-wordpress-blogs/
• http://blogproblog.com/twitter-dlya-wordpress-bloga/
• http://blog.dimok.ru/blog-i-twitter
  

Что умеет

1. Изменять размер страницы 100 × 100 или 500 × 500 пикселей.
2. Проигрывать MP3-файлы при запуске, открытые и закрытие Pageear.
3. Возможность оставлять страницу открытой и ждать действия пользователя на закрытие страницы.
4. Менять место расположение в левом или правом верхнем углу.
5. Открывать и закрывать автоматически после X секунд.
6. Изменять скорость открытия и закрытия страницы
7. Определения наличие флешплейера.
8. Эффект отражения картинки угла на страницу.
9. Цвет уголка страницы.
10. Установить ссылку перехода.
11. Работает почти во всех браузеров (FireFox, InternetExplorer, Opera, Safari и т.д.)

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

Сделал WordPress’у persistent-connection к MySQL.
Стало в 5 раз быстрее.

Причем не нашел, как сделать это через “нормальные” настройки.
Залез в код да поменял. Интересно, почему выбрать-то не дают?..

wp-includes/wp-db.php, 61 строка.
Меняем mysql_connect на mysql_pconnect.

работает.

Замечание:

• не рекомендую тем блогам у которых очень большая посещаемость (будет большая нагрузка на сервер, да и количество одновремено постоянных конектов ограничено)
• насчет в 5 раз, не уверен
• строка может быть не 61 (у меня 70)
• при обновление версии WordPress все прийдется делать заново (не забыть бы)

Все просто, мы уложимся в три шага.
1) Во всех шаблонах где производиться вывод даты вставим следующий код

	<div class="PostTime">
		<div class="day"><?php the_time('j') ?></div>
		<div class="month"><?php the_time('M') ?></div>
		<div class="year"><?php the_time('Y') ?></div>
	</div>

• class=»PostTime» – класс служит для оформление бокса даты
• class=»day» – класс служит для оформление дня даты
• class=»month» – класс служит для оформление месяца даты
• class=»year» – класс служит для оформление года даты

• <?php the_time(‘j’) ?> – выводит день (в числовом формате)
• <?php the_time(‘M’) ?> – выводит месяц первые три буквы (если хотите чтобы полностью писал месяц замените букву M на F)
• <?php the_time(‘Y’) ?> – выводит год (в числовом формате)

2) Подготавливаем бэграунд картинку, у меня вот такая

3) И пишем css правила для файла style.css

.PostTime {
      padding: 0px;
      margin: 0px;
      background: url(images/PostTimeBkg.gif) no-repeat;
      height: 71px;
      width: 67px;
      text-align: center;
      color:#fff;
}
.PostTime div {
      display: block;
      line-height: 9px;
      font-family: 'Verdana';
}
.PostTime .day {
      font-size: 16px;
      line-height: 18px;
      letter-spacing: -1px;
      padding-top: 20px;
      font-family: 'Arial';
}
.PostTime .month {
      font-size: 10px;
      text-transform: lowercase;
}
.PostTime .year {
      padding-top: 7px;
      font-weight: normal;
}

Этот пример я взял с моего style.css файла, для вашего оформление наверное прийдеться немного его подправить.

В файле style.css – дописывает строчку

.comment-author {
     background-color: #B3FFCC !important; //Выберите свой цвет
}

Редактируем файл comments.php

находим строчку

<li id="comment-<?php comment_ID() ?>">

и меняем на

<li class="<?php echo ($post->post_author == $comment->user_id) ? 'comment-author' : 'comment'; ?>" id="comment-<?php comment_ID() ?>">

Как работает:

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

Пока писал статью нашел плагин для WordPess.

WP Cumulus – плагин для WordPress. Краткий перевод статьи Roy Tanck.

Установка

• Необходим WordPress версии 2.3 и выше
• Скачать и распаковать ZIP архив
• Залить папку wp-cumulus в плагин-папку (wp-content/plugins/)
• Активируйте плагин в разделе “Плагины” в административной панели WP
• Редактируйте настройки в разделе “Настройки->WP Cumulus”

Использование WP Cumulus

Есть два варианта вывода флеш облака тегов.

• В любом месте страницы или записи вставьте: [WP-CUMULUS ]
  При сохранении этот тег будет заменён на облако тегов. Использовать без пробела.
• Если у вас установлен. к примеру, плагин Exec-PHP, вы можете подключить облако тегов через вызов функции:

  <?php wp_cumulus_insert(); ?>

  Через вызов функции плагин можно использовать, к примеру, в виджетах.

О настройках

• Ширина облако тегов – если Вы сделаете очень маленьким, то возможно посетители не смогут прочитать мало используемые тэги. Размер от 500 будет прекрасно работать.
• Высота облако тегов – в идеале, высота должна быть что-то вроде 3 / 4 от ширины. Это сделает вращающееся облако наиболее красивым.
• Цвета тегов – указывается шестизначное hex значение цвета без #. Черный (000000) будет красиво выглядеть на светлом фоне. Белый (ffffff) рекомендуется для темного фона.
• Цвет фона – будет игнорироваться, если включена функция прозрачного фона.
• Скорость – позволяете Вам изменять скорость вращение сферы. Варианты между 25 и 500 самый оптимальный

Одна из идей которая меня взволновала была следующая, если разместить ссылку на другой источник, то происходит отток PR – этой страницы. Выход разместить в каждой внешней ссылки атрибут nofollow. Мне конечно еще рано беспокоиться об этом, с моим то PR, но заранее побеспокоиться стоит.

И так, с одной стороны я не могу не разместить ссылку на источник откуда взял материал. С другой стороны каждый раз добавлять этот атрибут меня как программиста «ломает», это «не наш путь». Наш путь – написать плагин который это делает за нас.

Начнем. Заходим в папку /wp-content/themes/myteam, где myteam – название вашей темы. Находим (если нет создаем) файл functions.php. И добавляем следующий код:

add_filter('the_content', 'nofollow'); //Добавили новый фильтр

//Сам фильтр
function nofollow($content) {
    $content = str_replace('<a ','<a rel="nofollow" ', $content);
    return $content;
}

Как это работает. В момент отдачи поста, он проходит через еще один фильтр nofollow. Который ищет в теле поста ссылки и добавляет к найденным ссылкам атрибут rel=»nofollow»

Выходом из создававшиеся положение является небольшой js скрипт, который позволит пользователю настроить поле редактирования по своему желанию.

Загружаем кода.

Ищем следующий кусок кода в шаблоне comments.php

<p><textarea name="comment" id="comment" cols="100%" rows="10" tabindex="4"></textarea></p>

и заменяем на

<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/resizetextbox.js"></script>
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/css/resizetextbox.css" type="text/css" media="screen" />
<span id="rtContainer">
   <script type="text/javascript">
      var rt = new ResizeableTextbox('comment');
      rt.SetCurrentWidth(420);
      rt.SetCurrentHeight(100);
      rt.SetMaxWidth(754);
      rt.SetMaxHeight(400);
      rt.GetTextArea().id = 'comment';
      rt.GetTextArea().name = 'comment';
      document.getElementById('rtContainer').appendChild(rt.GetContainer());
      rt.StartListening();
   </script>
</span>

Некоторые пояснения

rt.SetCurrentWidth(420) - первоначальная ширина поля

rt.SetCurrentHeight(100) – первоначальная высота поля

rt.SetMaxWidth(754) – максимальная ширина поля

rt.SetMaxHeight(400) – максимальная ширина поля

Вот и все, я думаю теперь комментировать ваши посты стало приятнее.

Источник