© 2010, minimus. Все права защищены. При копировании и републикации статьи, ссылка на первоисточник обязательна.

Нет похожих статей.

Яндекс

Яндекс:

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

А также

• Неограниченный объём почтового ящика.
• Надёжная система защиты от спама и вирусов.
• Девять цветовых схем интерфейса.
• Доступ к почте по протоколам POP3/IMAP.
• Удобные инструменты работы с письмами в веб-интерфейсе (скачивание всех вложенных файлов одним архивом, прослушивание приложенных mp3-файлов, метки популярных социальных сетей и многое другое).

Google Apps

Google (базовый пакет):

• Gmail
  Заведите персонализированный адрес электронной почты, например hikingfan@your-group.com. Общий объём дискового пространства 7Gb.
• Календарь Google
  Составляйте свое расписание и создавайте общие мероприятия
  с друзьями.
• Сайты Google
  Создавайте веб-сайты и викистраницы групп.
• Документы Google
  Совместное использование документов, презентаций и электронных таблиц в Интернете

Тем не менее, поскольку мне больше нравится Gmail, я выбрал для себя Google Apps. Вы делайте выбор сами.

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

Первым делом необходимо зарегистрироваться на Google Apps.

Сразу после регистрации, Вы попадёте в панель управления аккаунта Google Apps.

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

1. С помощью записи CNAME – добавьте запись CNAME в DNS вашего домена. Это можно сделать в панели управления DNS Вашего хостера (блог на коммерческом хостинге) или из панели управления DNS регистратора (домен припаркован или обслуживает бесплатный хостинг, например blogspot.com). Данные для CNAME будут предоставлены при выборе способа подтверждения.
2. C помощью файла. Файл необходимо закачать в корень Вашего блога. Имя файла и его содержимое будут предоставлены при выборе способа подтверждения.

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

После подтверждения прав на домен необходимо добавить записи MX DNS. Записи добавляются там же где менялась запись CNAME. Необходимо добавить 7 записей:

Имя записи не имеет значения – можно вообще не вводить.

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

После завершения процедуры проверки понадобится ещё около часа для обновления серверов Google. Как только сервера обновят свои данные, можно считать, что всё готово к нормальной работе. Можно заходить в web-интерфейс (в него можно заходить уже после подтверждения прав на домен) или настраивать почтовый клиент.

Не знаю как Вам, а мне этот сервис очень понравился …

© 2010, minimus. Все права защищены. При копировании и републикации статьи, ссылка на первоисточник обязательна.

Нет похожих статей.

Фильтры WordPress применяются для изменения результата исполнения функций как входящих в базовый пакет CMS, так и написанных сторонними разработчиками (при условии, что эти функции поддерживают наложение фильтра путём использования функции apply_filters). В рассматриваемом плагине фильтр накладывается на результат выполнения функции comments_number.

Наложение фильтра comments_number

add_filter( 'comments_number', array( &$this, 'commentsNumber' ), 9999, 2);

Прежде чем установить фильтр для какой-либо функции неплохо было бы обратиться к документации, а если таковой не найдётся, к исходному коду функции. Поскольку документация отсутствует взглянем на исходник comments_number:

Код comments_number

function comments_number( $zero = false, $one = false, $more = false, $deprecated = '' ) {
  global $id;
  $number = get_comments_number($id);
 
  if ( $number > 1 )
    $output = str_replace('%', number_format_i18n($number), ( false === $more ) ? __('% Comments') : $more);
  elseif ( $number == 0 )
    $output = ( false === $zero ) ? __('No Comments') : $zero;
  else // must be one
    $output = ( false === $one ) ? __('1 Comment') : $one;
 
  echo apply_filters('comments_number', $output, $number);
}

Глядя на исходный код мы можем сделать следующие выводы:

• функция может возвращать как простую строку, так и HTML-теги
• в налагаемый фильтр передаётся два параметра: строка количества комментариев и количество комментариев в формате integer

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

Возвращаясь к используемой нами в конструкторе плагина функции add_filter, хочу описать что именно мы сделали (какие параметры использовали):

• первый параметр – имя функции на которую накладываем фильтр
• второй параметр – функция обработчик фильтра. Поскольку является методом класса мы не можем передать только имя обработчика, поэтому передаем в виде массива.
• третий параметр – приоритет исполнения. Установив в значение 9999, пытаемся сделать так, чтобы наш фильтр, при наличие других фильтров для comments_number, выполнился последним.
• четвёртый параметр – задаём количество входящих параметров. Как мы уже выяснили выше, параметров два, поэтому устанавливаем в 2.

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

Код метода commentsNumber

function commentsNumber( $output, $number ) {
  $mcnOptions = $this->getOptions();
  $text = strip_tags( $output );
  $filterNeeded = !ctype_digit( $text ); 
 
  if ( $filterNeeded ) {
    switch ( $number ) {
      case 0: $mcnOutput = str_replace( $text, $mcnOptions['commentStringZero'], $output );
      break;
 
      case 1: $mcnOutput = str_replace( $text, $mcnOptions['commentStringOne'], $output );
      break;
 
      default: $mcnOutput = str_replace( $text, sprintf( __ngettext( "%d Comment", "%d Comments", $number, "multilingual-comments-number" ), $number ), $output );
      break;
    }
    echo $mcnOutput;
  } else echo $output;
}

Первым делом получаем заданные пользователем параметры плагина (об этом поговорим чуть позже).

Затем в переменную $text записываем значение входящей строки количества комментариев, убрав из неё все HTML-теги. Таким образом мы получаем только строку количества комментариев и ничего более.

Проверяем полученную строку количества комментариев на наличие в ней буквенных литер. Если ДА – строка содержит слова и требуется фильтрация, если НЕТ – фильтрация не требуется, т.к. мы имеем дело с передачей строки количества комментариев в виде строки цифр, не требуещей перевода.

Если фильтрация требуется, формируем собственную строку вывода, если нет, возвращаем полученную строку количества комментариев КАК ЕСТЬ.

При формировании строки вывода мы используем полученные параметры, заданные пользователем для количества комментариев равных 0 и 1 (кто-то любит писать «Нет комментариев», а кто-то «Оставьте комментарий»). Во всех остальных случаях мы используем возможности PHP GetText применяя конструкцию __ngettext – sprintf. Для правильного употребления форм множественного числа в локализованных версиях, команда разработчиков WordPress рекомендует использовать именно эту конструкцию.

Естественно, заменяя во входящей строке количества комментариев только ту часть которая не является HTML-тегами, то что мы экстрактировали в переменную $text, мы полностью сохраняем оригинальные HTML-теги. Для чего это нужно? Это не только желание получить валидный код, но и насущная необходимость. Вот пример использования плагина не сохраняющего HTML-теги (не буду говорить какого) и пример вывода с помощью Multilingual Comments Number на странице редактирования комментариев:

На сегодня, пожалуй всё … В следующей статье мы поговорим о параметрах плагина и способах построения страницы параметров плагина.

Продолжение следует …

© 2010, minimus. Все права защищены. При копировании и републикации статьи, ссылка на первоисточник обязательна.

Похожие статьи:

1. Анатомия плагина WordPress. Часть 1.
2. Анатомия плагина WordPress. Введение.
3. WordPress плагин Multilingual Comments Number

Начнём с идеи.

В WordPress существует функция шаблона comments_number, которая выводит количество комментариев для каждой статьи, а также используется в функции comments_popup_link для тех же самых целей. Не вдаваясь в технические подробности, можно сказать, что функция эта расчитана исключительно на англо-саксонские языки, имеющие лишь две формы числительного: один и много. Другие языки, имеющие большее количество форм числительных, данная функция обслуживает некорректно. Этот недостаток мы исправим с помощью небольшого плагина, а заодно, разберём как это делается. Это и есть идея, идея моего плагина Multilingual Comments Number.

Перейдём к плану.

Во-первых, мы должны решить какой метод программирования мы изберём. Лично я являюсь сторонником современных методов программирования и поэтому, обычно, выбираю ООП. Боюсь, что для Вас, уважаемый читатель, этот довод не является исчерпывающим, поэтому приведу иные доводы.

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

А что у нас во-вторых? Во-вторых у нас ответ на самый главный вопрос планирования: Как? Как именно мы будем реализовывать нужную функциональность? Разумеется есть варианты. Например можно было бы перехватывать вывод функции comments_number своими средствами или написать заменяющую функцию. Однако, имеющийся механизм фильтров WordPress позволяет легко решить эту задачу, а возможности функций PHP Gettext дают возможность решить задачу для любого языка, а не только для русского, что весьма актуально в свете «парада суверенитетов» стран СНГ. Дело в том, что в механизм Gettext заложена не просто замена базовых фраз на локальные, но и учёт количества форм числительных. Таким образом, мы можем не просто не заботиться о количестве этих форм, но и переложить часть функциональности плагина на файлы локализации.

Ну вот, план составлен. Пора переходить к реализации плагина.

Код плагина

<?php
if (!class_exists('MultilingualCommentsNumber')) {
	class MultilingualCommentsNumber {
		var $adminOptionsName = "MultilingualCommentsNumberAdminOptions";
		var $mcnInitOptions = array('commentStringZero' => '', 'commentStringOne' => '');
 
		function MultilingualCommentsNumber() {
			//load language
			$plugin_dir = basename( dirname( __FILE__ ) );
			if ( function_exists( 'load_plugin_textdomain' ) )
				load_plugin_textdomain( 'multilingual-comments-number', false, $plugin_dir );
 
			//Actions and Filters
			add_action('admin_menu', array(&$this, 'onAdminPage'));
			add_action('activate_multilingual-comments-number/multilingual-comments-number.php',  array(&$this, 'onActivate'));
			add_action('deactivate_multilingual-comments-number/multilingual-comments-number.php',  array(&$this, 'onDeactivate'));
			add_filter( 'comments_number', array( &$this, 'commentsNumber' ), 8, 2);
		}
 
		function onActivate() {
			$mcnAdminOptions = $this->getOptions();
			update_option($this->adminOptionsName, $mcnAdminOptions);
		}
 
		function onDeactivate() {
			delete_option($this->adminOptionsName);
		}
 
		function getOptions() {
			$mcnAdminOptions = $this->mcnInitOptions;
			$mcnOptions = get_option($this->adminOptionsName);
			if (!empty($mcnOptions)) {
				foreach ($mcnOptions as $key => $option) {
					$mcnAdminOptions[$key] = $option;
				}
			}
			if($mcnAdminOptions['commentStringZero'] === '')
				$mcnAdminOptions['commentStringZero'] = __( 'There are no comments', 'multilingual-comments-number' );
			if($mcnAdminOptions['commentStringOne'] === '')
				$mcnAdminOptions['commentStringOne'] = __( 'One Comment', 'multilingual-comments-number' );
			return $mcnAdminOptions;
		}
 
		function onAdminPage() {
			if (function_exists('add_options_page')) {
				$plugin_page = add_options_page(__('Comments Numbering', 'multilingual-comments-number'), __('Comments Numbering', 'multilingual-comments-number'), 8, basename(__FILE__), array(&$this, 'printAdminPage'));
			}
		}
 
		function printAdminPage() {
			$mcnOptions = $this->getOptions();
			$options = array(
				array(
					"name" => __('General Settings', 'multilingual-comments-number'),
					"disp" => "startSection" ),
 
				array(
					"name" => __("Define empty comments string", "multilingual-comments-number"),
					"desc" => __("This is phrase for posts without comments.", 'multilingual-comments-number'),
					"id" => "commentStringZero",
					"disp" => "text",
					"textLength" => '250'),
 
				array(
					"name" => __("Define one comment string", "multilingual-comments-number"),
					"desc" => __("This is phrase for posts with one comment.", 'multilingual-comments-number'),
					"id" => "commentStringOne",
					"disp" => "text",
					"textLength" => '250'),
 
				array(
					"disp" => "endSection" )
			);
 
			if (isset($_POST['update_multilingualCommentsNumberSettings'])) {
				foreach ($options as $value) {
					if (isset($_POST[$value['id']]))
						$mcnOptions[$value['id']] = $_POST[$value['id']];
				}
				update_option($this->adminOptionsName, $mcnOptions);
				?>
<div class="updated"><p><strong><?php _e("Multilingual Comments Number Settings Updated.", "multilingual-comments-number");?></strong></p></div>
				<?php
			}
			 ?>
<div class=wrap>
<form method="post" action="<?php echo $_SERVER["REQUEST_URI"]; ?>">
<div id="icon-options-general" class="icon32"></div>
<h2><?php _e("Multilingual Comments Number Settings", "multilingual-comments-number"); ?></h2>
 
			<?php foreach ($options as $value) {
				switch ( $value['disp'] ) {
					case 'startSection':
						?>
<div id="poststuff" class="ui-sortable">
<div class="postbox opened">
<h3><?php echo $value['name']; ?></h3>
	<div class="inside">
						<?php
						if (!is_null($value['desc'])) echo '<p>'.$value['desc'].'</p>';
						break;
 
					case 'endSection':
						?>
</div>
</div>
</div>
						<?php
						break;
 
					case 'text':
						if ( is_null($value['textLength']) ) $textLengs = '55';
						else $textLengs = $value['textLength'];
						?>
<p><strong><?php echo $value['name']; ?></strong>
<br/><?php echo $value['desc']; ?></p>
<p><input type="text" style="height: 22px; font-size: 11px; width: <?php echo $textLengs;?>px" value="<?php echo $mcnOptions[$value['id']] ?>" name="<?php echo $value['id'] ?>" id="<?php echo $value['id'] ?>" /></p>
						<?php
						break;
 
					case 'radio':
						?>
<p><strong><?php echo $value['name']; ?></strong>
<br/><?php echo $value['desc']; ?></p><p>
						<?php
						foreach ($value['options'] as $key => $option) { ?>
<label for="<?php echo $value['id'].'_'.$key; ?>"><input type="radio" id="<?php echo $value['id'].'_'.$key; ?>" name="<?php echo $value['id']; ?>" value="<?php echo $key; ?>" <?php if ($mcnOptions[$value['id']] == $key) { echo 'checked="checked"'; }?> /> <?php echo $option;?></label>&nbsp;&nbsp;&nbsp;&nbsp;
						<?php }
						?>
</p>
						<?php
						break;
 
					case 'select':
						?>
<p><strong><?php echo $value['name']; ?></strong>
<br/><?php echo $value['desc']; ?></p>
<p><select name="<?php echo $value['id']; ?>" id="<?php echo $value['id']; ?>">
						<?php foreach ($value['options'] as $option) { ?>
<option value="<?php echo $option; ?>" <?php if ( $mcnOptions[$value['id']] == $option) { echo ' selected="selected"'; }?> ><?php echo $option; ?></option>
						<?php } ?>
</select></p>
						<?php
						break;
 
					default:
 
						break;
				}
			}
			?>
 
<div class="submit">
	<input type="submit" class='button-primary' name="update_multilingualCommentsNumberSettings" value="<?php _e('Update Settings', 'multilingual-comments-number') ?>" />
</div>
</form>
</div>
      <?php
		}
 
		function commentsNumber( $output, $number ) {
			$mcnOptions = $this->getOptions();
			$text = strip_tags( $output );
			$filterNeeded = !ctype_digit( $text ); 
 
			if ( $filterNeeded ) {
				switch ( $number ) {
					case 0: $mcnOutput = str_replace( $text, $mcnOptions['commentStringZero'], $output );
					break;
 
					case 1: $mcnOutput = str_replace( $text, $mcnOptions['commentStringOne'], $output );
					break;
 
					default: $mcnOutput = str_replace( $text, sprintf( __ngettext( "%d Comment", "%d Comments", $number, "multilingual-comments-number" ), $number ), $output );
					break;
				}
				echo $mcnOutput;
			} else echo $output;
		}
	}
} 
 
if (class_exists('MultilingualCommentsNumber')) $minimus_comments_number = new MultilingualCommentsNumber();
?>

Итак, ООП. Создаём класс, естественно, предварительно проверив нет ли уже класса с таким же именем:

Создание класса

if (!class_exists('MultilingualCommentsNumber')) {
	class MultilingualCommentsNumber {

Затем создаем несколько переменных (в нашем случае две) и конструктор класса:

Конструктор

var $adminOptionsName = "MultilingualCommentsNumberAdminOptions";
var $mcnInitOptions = array('commentStringZero' => '', 'commentStringOne' => '');
 
function MultilingualCommentsNumber() {
	//load language
	$plugin_dir = basename( dirname( __FILE__ ) );
	if ( function_exists( 'load_plugin_textdomain' ) )
		load_plugin_textdomain( 'multilingual-comments-number', PLUGINDIR . $plugin_dir, $plugin_dir );
 
	//Actions and Filters
	add_action('admin_menu', array(&$this, 'onAdminPage'));
	add_action('activate_multilingual-comments-number/multilingual-comments-number.php',  array(&$this, 'onActivate'));
	add_action('deactivate_multilingual-comments-number/multilingual-comments-number.php',  array(&$this, 'onDeactivate'));
	add_filter( 'comments_number', array( &$this, 'commentsNumber' ), 8, 2);
}

Из двух созданных переменных, первая ($adminOptionsName) задаёт имя для массива параметров плагина, под которым он будет храниться в базе данных, а вторая ($mcnInitOptions) – массив значений параметров задаваемых по умолчанию. До недавнего времени программисты сохраняли параметры как отдельные переменные. Однако параметры лучше сохранять как массив данных. И вот почему: при хранении параметров по отдельности, получение каждого параметра требует отдельного SQL запроса к базе данных, что серьёзно увеличивает нагрузку как на базу данных, так и на процессор, кроме того, каждый параметр занимает одну запись в базе, увеличивая её размер. В случае хранения параметров в виде массива все параметры хранятся в одной записи базы данных и их получение требует одного SQL запроса.

Конструктор класса задан именем класса в стиле PHP4. В стиле PHP5 конструктор должен иметь зарезервированное имя _construct, однако, WordPress позиционируется как продукт для PHP4 и довольно много пользователей пользуются именно этой связкой. Если мы хотим чтобы нашим плагином пользовалось как можно больше блоггеров, необходимо придерживаться общих правил. Кроме того, нашему плагину не нужны расширенные возможности PHP5 и мы можем ими пренебречь.

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

Затем определяем обработчики событий: actions и filters. Определяются эти обработчики одинаково: actions с помощюю функции add_action и filters с помощью функции add_filter. Параметры обоих функций идентичны: «имя события», «имя функции обработчика», «приоритет выполнения», «количество принимаемых параметров».

Разница между этими обработчиками заключается в том, что actions определяют реакцию на системные события, а filters – на пользовательские. В нашем случае мы определяем реакцию на системное событие admin_menu (возникает при построении меню на административных страницах) и системные события возникающие при активации и деактивации нашего плагина.

О событии admin_menu мы поговорим в следующей части этой статьи. Сейчас же разберём события возникающие при активации и деактивации плагина. С деактивацией всё более или менее понятно:

Код onDeactivate

function onDeactivate() {
	delete_option($this->adminOptionsName);
}

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

Перейдём к обработке события activate.

Код onActivate

function onActivate() {
	$mcnAdminOptions = $this->getOptions();
	update_option($this->adminOptionsName, $mcnAdminOptions);
}

Обрабатывая событие activate мы записываем параметры в базу данных со значениями заданными по умолчанию. Для того чтобы получить заданные по умолчанию данные, мы вызываем функцию getOptions. На первый взгляд может показаться, что это довольно странный ход, что проще было бы записать в базу данных массив $mcnInitOptions, но не стоит торопиться с выводами. Для начала посмотрим код функции getOptions:

Код getOptions

function getOptions() {
	$mcnAdminOptions = $this->mcnInitOptions;
	$mcnOptions = get_option($this->adminOptionsName);
	if (!empty($mcnOptions)) {
		foreach ($mcnOptions as $key => $option) {
			$mcnAdminOptions[$key] = $option;
		}
	}
	if($mcnAdminOptions['commentStringZero'] === '')
		$mcnAdminOptions['commentStringZero'] = __( 'There are no comments', 'multilingual-comments-number' );
	if($mcnAdminOptions['commentStringOne'] === '')
		$mcnAdminOptions['commentStringOne'] = __( 'One Comment', 'multilingual-comments-number' );
	return $mcnAdminOptions;
}

Рассмотрим что делает эта функция.

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

• первое и основное – получение массива сохранённых параметров из базы данных
• второе – получение массива параметров заданных по умолчанию с учётом текущей локализации плагина при его первичной активации
• третье – получение массива сохранённых параметров с расширением числа параметров (upgrade) при реактивации

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

Завершая разговор об actions, хотелось бы обратить ваше внимание на весьма важную деталь: в качестве первого параметра функции add_action добавляющей обработчики событий activate и deactivate используется название событий с суффиксом, в качестве которого выступает имя папки и название основного файла активируемого/деактивируемого плагина.

Пожалуй на сегодня достаточно. В следующей статье мы рассмотрим фильтры и основную функцию плагина (ради которой и «городился огород»), а так же подключение страницы параметров плагина и её автоматическую генерацию.

Продолжение следует …

© 2010, minimus. Все права защищены. При копировании и републикации статьи, ссылка на первоисточник обязательна.

Похожие статьи:

1. Анатомия плагина WordPress. Часть 2.
2. Анатомия плагина WordPress. Введение.
3. Ещё один WordPress антиспам плагин (YAWASP)

С чего начать? Разумеется с идеи! Со своей или чужой (Вами усовершенствованной), это неважно, лишь бы идея была. Без идеи не будет плагина.

Что дальше? План! Нам нужен план … Что мы собираемся делать? Плагин-обёртку (shell) для стороннего или своего скрипта PHP или javascript, полностью WordPress-плагин, комбинацию того и другого, или плагин работающий с БД? От этого зависит что и как мы будем использовать – только ресурсы WordPress или нам понадобится что-то ещё …

Планировать следует и то, каким методом программирования мы будем пользоваться: процедурным или ООП. Применительно к WordPress у обоих методов есть свои достоинства и недостатки …

Не стоит забывать и о документации. Половина, если не больше, успеха зависит от умения пользоваться документацией.

Ну вот, для введения, пожалуй, достаточно … В последующих статьях я постараюсь раскрыть, поставленные мною же, вопросы.

Продолжение следует …

© 2010, minimus. Все права защищены. При копировании и републикации статьи, ссылка на первоисточник обязательна.

Похожие статьи:

1. Анатомия плагина WordPress. Часть 1.
2. Анатомия плагина WordPress. Часть 2.

Разумеется, спорить не стану, сегодня существует достаточно статистических ресурсов на любой вкус, способных удовлетворить любые потребности вебмастера. Тем не менее, смею предположить, что не все знают о ресурсе под названием Woopra, предлагающем нечто большее, чем самый навороченный статистический сервер. Кроме обычного статистического набора информации для вашего ресурса, Woopra предлагает локальный клиент (Windows, Mac, Linux), который можно установить на своём компьютере и отслеживать работу своего блога в реальном времени!

Зарегистрироваться в Woopra так же несложно как и в прочих ресурсах подобного рода. Когда я регистрировался около года назад, требовалось ждать подтверждения около месяца, сейчас регистрация происходит немедленно. Однако стоит помнить, что кроме бесплатного аккаунта существуют ещё и платные (без рекламы и с меньшими ограничениями).

Зарегистрировавшись, добавьте свой ресурс или ресурсы в members area и приступайте к установке.

Для Blogger-блога придётся вставить полученный код скрипта в шаблон непосредственно перед завершающим тегом секции body, т.е. в самом конце текста шаблона.

Для WordPress-блога стоит установить плагин Woopra Analytics (внимание! тема должна использовать wp-footer). После активации плагина, введите свой Woopra API Key (доступен в members area) и произведите настройки сообразно Вашим запросам.

На сайте Woopra Вы сможете найти рекомендации по установке кода скрипта для большинства популярных CMS, форумов и других систем.

Только после установки кода скрипта на сайте можно устанавливать Woopra клиент (рекомендация Woopra). Скачайте и установите … Если Вы выходите в интернет по лимитированному траффику (Ваш траффик, а не траффик Вашего блога), не держите клиент постоянно включенным, т.к. эта программа периодически и довольно часто опрашивает сервер статистики и, соответственно, потребляет Ваш траффик.

Ограничения бесплатного аккаунта:

• Показ рекламных объявлений в клиенте
• Учёт не более 30 000 показов страниц ресурса в месяц

P.S. Именно с помощью клиента Woopra я засёк взлом своего блога. Меня удивило внезапное нашествие турок с одинаковых компьютеров … В общем, вовремя спохватился благодаря этому клиенту.

© 2010, minimus. Все права защищены. При копировании и републикации статьи, ссылка на первоисточник обязательна.

Похожие статьи:

1. OnLine статистика в реальном времени

Ублюдки изменили файлы header.php и index.php активной темы, а так же перехватили управление блогом, изменив административный пароль и e-mail admin‘а. Восстановить работоспособность блога удалось достаточно быстро, а с восстановлением управления пришлось немного повозиться, т.к. я этой темой никогда ранее не занимался и этим вопросом никогда не интересовался. Тем не менее …

Как бороться

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

• Любым доступным Вам клиентом FTP, или on-line менеджером файлов проверьте даты создания всех Ваших файлов на сервере. Если даты совпадают со временем взлома, замените эти файлы на файлы Вашей локальной копии. Разумеется, стоит периодически сохранять файлы Вашего блога на локальном компьютере.
• Если управление блогом утеряно и на запрос пароля WordPress сообщает, что пользователя с таким e-mail нет, воспользуйтесь phpMyAdmin или каким либо другим инструментом (я пользуюсь Devart dbForge Studio for MySQL). С помощью этого инструмента откройте таблицу wp_users базы данных Вашего блога и измените поле user_email на Ваш e-mail и сохраните данные. После этого на логин-странице блога запросите новый пароль (ссылка «потеряли пароль»). После получения нового сгенерированного пароля обязательно поменяйте пароль на новый!

Как предохраняться

«Стопроцентную гарантию даёт только страховой полис» ©, но это не значит, что бороться не надо. Очень даже надо!

Методы борьбы:

• Периодически сохраняйте базу данных и файлы блога на локальном компьютере (backup)
• Не пренебрегайте длинными, бессмысленными паролями. Чаще всего горе-хуцкеры пользуются методом подбора.
• Установите какой-либо плагин, повышающий безопасность Вашего блога, выбор есть. Очень интересный плагин wp secure. Установите его, если выходите в сеть со статическим IP. В противном случае (динамический IP) несколько важных функций защиты Вы не сможете задействовать.

Обсудить эту проблему можно здесь (в комментариях) или на форуме …

Вот, пожалуй, и всё. Будьте бдительны!

© 2010, minimus. Все права защищены. При копировании и републикации статьи, ссылка на первоисточник обязательна.

Нет похожих статей.

WordPress

В WordPress-блоге необходимо произвести некоторые манипуляции …

Поместите файлы con_featured_post.php и thumb.php в корень папки, активной темы блога. Файл jquery.cycle.all.min.js в папку js активной темы. Так же необходимо создать папку cache с правами доступа 755 или 777 в корне папки темы.

В файл темы functions.php поместите следующий код (в конец файла):

Код в functions.php

function themeHeaderScripts() {
  $themeUrl = get_bloginfo(template_uri);
  wp_enqueue_script('jquery');
  wp_enqueue_script('jqCycle', $themeUrl.'/js/jquery.cycle.all.min.js', array('jquery'), '2.63');
}
 
add_action('template_redirect', 'themeHeaderScripts');

В файл styles.css (в любом месте) вставьте следующий код:

Код в styles.css

/************************************************
*	Content Gallery 		    	            *
************************************************/
 
#featured-post-wrap {
background-color:#212221;
margin:0 auto;
padding:0px 0 9px;
width:950px;
height:267px;
}
 
#featured-post{
height:272px;
margin:0px 0 0px 5px;
overflow:hidden;
position:relative;
width:580px;
}
 
.featured-post-item{
background:#171717 none repeat scroll 0 0;
border:1px solid #2B2B2B;
color:#555555;
float:left;
height:252px;
margin-top:7px;
overflow:hidden;
padding:5px;
position:absolute;
width:568px;
}
 
.featured-post-item .post{
background:transparent url(images/fe_bg.png) repeat scroll 0 0;
height:86px;
position:absolute;
top:170px;
width:568px;
z-index:100;
overflow:hidden;
}
 
.featured-post-item .post:hover a,.featured-post-item  .post:hover a:hover{
color:#fff;
}
 
.featured-post-item .post:hover{
background: url(images/fe_bg_h.png) repeat;
color:#FFF;
}
 
.featured-post-item .post h2{
margin:0px 0px 0px 0px;
padding:5px 5px 0;
font-weight:bold;
font-family: "Myriad Pro",verdana, helvetica,arial;
border-bottom:none!important;
font-size:1.2em!important;
line-height:19px!important;
padding-bottom:0px!important;
padding-top:5px!important;
 
}
 
.featured-post-item .post h2 a:link,.featured-post-item .post h2 a:visited{
font-size:1.2em !important;
line-height:19px !important;
}
 
.featured-post-item .post p{
margin:0px 0px 0px 0px;
padding:2px 6px 5px;
line-height:16px;
overflow:hidden;
font-family: "Myriad Pro", verdana, tahoma, sans-serif;
}	
 
.featured-post-item .post a{
color:#B2B2B2;
font-size:1.0em;
line-height:17px;
text-decoration: none;
}
 
#fm_fec_wrap{
height:285px;
position:relative;
}
 
.read-more {
background:url('images/f_read-more.png') no-repeat;
display:block;
float:right;
height:32px;
width:136px;
}
 
.read-more a {
color:#8b847c;
font-size:0.6em;
padding-left:25px;
}
 
.read-more a:hover {
color:#fff;
}
 
.date-post {
color:#FFFFFF;
float:right;
font-size:0.56em;
padding-right:6px;
text-align:right;
}
 
#feature-nav {
height:40px;
width:620px;
}
 
#feature-nav-r {
background:#000;
float:right;
}
 
#feature-nav-w {
background:#0c0804 url('images/f-nav-bg.gif') no-repeat;
border-top:1px solid #21170d;
margin:0 auto;
height:35px;
width:950px;
}
 
#featured-next {
background:transparent url(images/fe_imG.png) no-repeat scroll -77px 0;
float:right;
margin-right:10px;
}
 
#featured-prev {
background:transparent url(images/fe_imG.png) no-repeat scroll 0 0;
float:left;
margin-left:10px;
}
 
#featured-prev,#featured-next {
cursor:pointer;
height:30px;
margin-top:4px;
text-indent:-9999px;
top:0;
width:78px;
}
 
#con_fea_navwrap{
background:#171717;
height:23px;
margin-left:5px;
padding-left:13px;
padding-right:13px;
padding-top:3px;
text-indent:-9999px;
display:block;
width:554px;
}
 
#con_featured-next{
background:transparent url(images/con_n.png) no-repeat scroll 0 0;
float:right;
margin-right:10px;
}
 
#con_featured-prev {
background:transparent url(images/con_n.png) no-repeat scroll -25px 0;
float:left;
margin-left:10px;
}
 
#con_featured-prev,#con_featured-next {
cursor:pointer;
height:23px;
margin-top:0px;
text-indent:-9999px;
top:0;
width:25px;
}

Для вывода карусели на главной странице блога поместите в файл index.php или home.php (это зависит от темы) следующий код:

Код вывода карусели

<?php include (TEMPLATEPATH . '/con_featured_post.php'); ?>

Для того чтобы задать данному коду галереи изображения статей добавьте к нужным статьям, по одному на каждую статью, произвольные поля с именем articleimg, а в качестве значения поля задайте URL изображения. Размер выводимого изображения 561х257 пиксел, но Вы можете указывать URL изображения любого размера – изображение автоматически будет приведено к нужному размеру и полученная копия будет сохранена в папке cache.

Количество анонсируемых статей по умолчанию равно 3-м, а рубрика вывода «wordpress». Если Вы хотите изменить эти значения, откройте файл con_featured_post.php, и найдите в нём следующий код:

Параметры вывода карусели

$featurecat = 'wordpress';
$featurenum = '3';

• $featurecat – имя рубрики из которой берутся изображения анонсов. $featurecat8 не актуально, т.к. используется для устранения проблем WordPress версии 2.8.
• $featurenum – количество выводимых анонсов

В качестве текста анонса берётся заголовок статьи и анонс (цитата) статьи (по версии get_the_excerpt())

Blogger

Честно говоря, идея использования этой карусели в Blogger-блогах не является разумной. Невозможность использования скриптов PHP в Blogger сводит на нет преимущество авто-подгонки размера изображений, а невозможность привязки крупных изображений к статьям не позволяет использовать авто-вывод анонсов последних статей.

Впрочем, если Blogger-блоггерам эта карусель интересна, я могу что-нибудь придумать (в индивидуальном порядке $).

Если Вы хотите подискутировать на тему этой или иных каруселей в Blogger-блогах, прошу на форум поддержки.

© 2010, minimus. Все права защищены. При копировании и републикации статьи, ссылка на первоисточник обязательна.

Похожие статьи:

1. Карусель в блоге. Часть 1.
2. Подсветка кодов в блоге. Часть вторая.
3. Просмотр объектов мультимедиа в Blogger-блоге

Я хочу рассмотреть в этой статье способы подключения к Blogger-блогу таких популярных библиотек как Lightbox, FloatBox и Shadowbox.

Lightbox

Lightbox является, пожалуй, самой популярной библиотекой для просмотра изображений, т.к. была написана одной из первых. Несмотря на явный минимализм и почтенный возраст по прежнему остаётся лидером среди блоггеров. К недостаткам можно отнести то, что библиотека использует фреймворки (framework) Prototypes и Scriptaculous, а это делает библиотеку уязвимой в плане совместимости с другими фреймворками (например с Mootools).

И тем не менее …

Вставьте следующий код в секцию head, желательно ближе к началу секции – если Вы используете jQuery, это позволит избежать конфликта (пресловутая совместимость фреймворков) пространства имён.

Код в секции head

<style>
#lightbox{    position: absolute;    left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
 
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
 
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer&gt;#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
 
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://lh5.ggpht.com/_u4gySN2ZgqE/SnWk89-4azI/AAAAAAAAAj8/hM0MqnVouCQ/prevlabel%5B3%5D.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://lh6.ggpht.com/_u4gySN2ZgqE/SnWk9-mNiQI/AAAAAAAAAkA/Zg1jXV9xnQM/nextlabel%5B6%5D.gif) right 15% no-repeat; }
 
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%    ; }
 
#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;    }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;    }
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}      
 
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
round-color: #000; }
lute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
round-color: #000; }
</style>
<script src='http://ajax.googleapis.com/ajax/libs/prototype/1.6.0.2/prototype.js' type='text/javascript'/>
<script src='http://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.2/scriptaculous.js' type='text/javascript'/>
<script src='http://blogergadgets.googlecode.com/files/lightbox.js' type='text/javascript'/>

Теперь, если в теле статьи мы поместим ссылку следующего вида:

Код в статье

<a href="http://YOUR_HOST/fullimage.jpg" rel="lightbox" title="Моя картинка в полный рост"><img src="http://YOUR_HOST/thumbnail.jpg" /></a>
<!-- или, для группировки изображений по галереям -->
<a href="http://YOUR_HOST/fullimage.jpg" rel="lightbox[gname]" title="Моя картинка в полный рост"><img src="http://YOUR_HOST/thumbnail.jpg" /></a>

получим именно то, что нам и надо – вывод полноразмерного изображения при клике на миниатюре в окне Lightbox.

• fullimage.jpg – адрес полноразмерного изображения, не обязательно JPEG
• thumbnail.jpg – адрес миниатюры, не обязательно JPEG
• gname – любое имя галереи для объединения нескольких изображений в галерею

Shadowbox

Эта библиотека написана на «чистом» javascript и потому не испытывает проблем с совместимостью с популярными фреймворками. Кроме того, эта библиотека позволяет выводить в своём окне не только изображения но и видеоклипы.

Поместите в секцию head следующий код:

Код в секции head

<link rel="stylesheet" type="text/css" href="http://YOUR_HOST/shadowbox.css">
<script type="text/javascript" src="http://YOUR_HOST/shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init();
</script>

Shadowbox.init может содержать параметр:

параметры init

Shadowbox.init({
    handleOversize: "drag",
    modal: true
});

Подробнее о параметрах Shadowbox можно почитать здесь.

В теле поста используйте коды такого вида:

Код в статьях

<a href="http://YOUR_HOST/myimage.jpg" rel="shadowbox" title="Моя картинка в полный рост"><img src="http://YOUR_HOST/thumbnail.jpg" /></a>

Добавляя rel=»shadowbox» в код линка Вы информируете Shadowbox, что это «его клиент».

Floatbox

Floatbox в чём-то похож на Shadowbox, но обладает большей функциональностью и большим количеством настроек. Кроме того, это единственная библиотека позволяющая включить предварительную авто-загрузку изображений, т.е. пока читатель «соображает что к чему», изображения тихо подгружаются и когда он кликает на миниатюре, получает изображение немедленно (если это не гига-изображение, разумеется ).

В секцию head вставить следующий код:

Код в секции head

<link type="text/css" rel="stylesheet" href="http://YOUR_HOST/floatbox/floatbox.css" />
<script type="text/javascript" src="http://YOUR_HOST/floatbox/floatbox.js"></script>

В теле статьи можно использовать следующий код:

Код в статье

<a href="http://YOUR_HOST/fullimage.jpg" class="floatbox"><img src="http://YOUR_HOST/tumbnail.jpg" /></a>
<!-- или с заголовками  -->
<a href="http://YOUR_HOST/fullimage.jpg" class="floatbox" rev="caption:`Моя картинка в полный рост` caption2:`Большая картинка`"><img src="http://YOUR_HOST/tumbnail.jpg" /></a>

можно и так:

Код в статье

<div class="floatbox">
  <a href="http://YOUR_HOST/fullimage.jpg"><img src="http://YOUR_HOST/tumbnail.jpg" /></a>
  <a href="http://YOUR_HOST/fullimage2.jpg"><img src="http://YOUR_HOST/tumbnail2.jpg" /></a>
  <a href="http://YOUR_HOST/fullimage3.jpg"><img src="http://YOUR_HOST/tumbnail3.jpg" /></a>
</div>

в этом случае объекты будут объеденены в группу (галрею). В первом варианте, для объединения в группу добавьте в аттрибут rev параметр group (например: group: gname).

Более подробно об обширных возможностях Floatbox можно прочитать здесь.

Единственным недостатком библиотеки является необходимость её лицензирования (платного или бесплатного – это как повезёт). Впрочем, и без лицензии библиотека работает. Периодически выбрасывает окно предупреждения о необходимости лицензирования, но работает … Если это напрягает, используйте версию 3.50

Вот, пожалуй, и всё!

© 2010, minimus. Все права защищены. При копировании и републикации статьи, ссылка на первоисточник обязательна.

Похожие статьи:

1. Виджет Top Commentators (Лучшие Комментаторы) для Blogger
2. Карусель в блоге. Часть 1.
3. Подсветка кодов в блоге. Часть вторая.

На форуме можно будет обсудить достоинства и недостатки моих плагинов и прочих статей, получить квалифицированную помощь и т.д. и т.п. …

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

Добро пожаловать на форум!

© 2010, minimus. Все права защищены. При копировании и републикации статьи, ссылка на первоисточник обязательна.

Нет похожих статей.