Плагин получился у меня простой, он выполняет следующие махинации:

• Добавляет второй RSS канал, в котором публикуются лишь анонсы статей
• В «полном» RSS позволяет использовать <!–more–> второй раз, чтобы обрезать статью даже там

Установка:

1. Распакуйте архив с плагином в директорию /wp-content/plugins/a-rss-more
2. Активируйте плагин (a) RSS More
3. Если ваша тема поддерживает automatic-feed-links то на этом всё
4. Если нет поддержки, идем в файл header.php и добавляем вручную ссылку на новый RSS

<link rel="alternate" type="application/rss+xml" title="Blog » Anounce Feed" href="http://domain.com/feed/?announce=1" />
<!-- or -->
<link rel="alternate" type="application/rss+xml" title="Blog » Anounce Feed" href="http://domain.com/?feed=rss2&announce=1" />

Настройки:

На данный момент плагин не имеет никаких настроек, в дальнейшем постараюсь что-нибудь допилить допилен. И да, плагин уже установлен на моём блоге — подписываемся — http://feeds.feedburner.com/AntonShevchuk (полная версия) или http://feeds.feedburner.com/Shevchuk (анонсы)

Другие посты на эту тему

• (a) Slideshow плагин для Wordpress
• (a) Slideshow – jQuery плагин для организации слайд-шоу
• Аппетитная RSS иконка

Спонсор поста: LTD-студия – разработка сайтов

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

Затем следует заняться поиском клипарта для сайта, но поскольку наш бюджет ограничен $0.00, то будем использовать свободные источники – предпочитаю flickr – т.к. есть возможность поиска картинок под CC лицензией:

Из всего многообразия выбрал следующую картинку (слегка ее причесал, по-полам разделил, но особо не заморачивался):

Разрезав – залил в тему:

Для формировании палитры можно использовать один из следующих сайтов (за основу палитры брал картинку выше):

• http://www.degraeve.com/color-palette/
• http://www.colorhunter.com/

У меня получилась следующая:

Переносим ее в настройки темы:

Немного шаманим с CSS:

/* увеличиваем шрифт в заголовке, и чуть-чуть смещаем вниз */
#name {
    margin-top:40px !important;
    font-size:112px !important;
    text-shadow: 0px 0px 4px #777;
}
#description {
    font-size:24px !important;
    font-weight:900;
    text-indent:24px;
}
/* добавляем к ссылкам навигации по паре полосок */
.navigation div {
    margin:0 0 8px;
}
.navigation div a {
    height:24px;
}
.navigation .alignright a {
    border-left: 4px solid #147dbe;
    margin:0 16px 0 0;
    padding-left:8px;
}
.navigation .alignleft a {
    border-right: 4px solid #147dbe;
    margin:0 0 0 16px;
    padding-right:8px;
}
/* изменяем шрифт в футере, чтобы не терялся текст на цветном фоне */
#footer .widget h3,
#footer .widget a {
    color:#fff;
    font-weight:900;
    text-shadow: 0px 0px 1px #333;
}

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

Всё. У вас своя уникальная тема:

Еще полезные сайты – тут можно скачать текстуры и шаблоны:

• Free Pattern and Texture Resources For Web Designers – список ресурсов
• COLOURlovers – генератор текстурок

Другие посты на эту тему

• Тема-Конструктор для Wordpress (обновление)
• Тема-Конструктор для Wordpress

WordPress – одна из самых популярных CMS, но что мешает накидать им несколько камней в огород?

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

Дабы было наглядней – продемонстрирую график использования памяти wordpress’ом, который построил Макс:

Кэшируем

Вначале мой взгляд упал на репозиторий плагинов WordPress, я вытащил оттель WP Super Cache плагин – хостингу конечно полегчало – но не так, чтобы супер, ведь до начала работы данного плагина, двиг WP должен таки подняться. Потом нашел MaxCache, смысл данного кеширования – определять попадание в кэш до загрузки WP, и этот прирост производительности стал существенным – LA сервера упал с ~1.0-1.6 до ~0.2-0.4, памяти кушать стали тоже меньше – 634Mb > 525Mb.

Отключаем плагины

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

• Akismet – алгоритм данной защиты предполагает отправку комментариев на сервис для проверки – но при >200 спам комментариев – это напрягает
• WP-PostViews – это просто примочка – смысл работы – после загрузки страницы AJAX’ом стучится на сервер для инкрементации счетчика – т.е. для отображения страницы у вас дважды поднимается движек WP

Если сталкивались с еще какими “чудными” плагинами – отпишитесь в комментариях…

Оптимизируем БД

Небольшой запрос на удаление мусора из БД (взято отсель).

// удаляем ревизии постов и все, что с ними связано
DELETE `p`, `pm`, `c`, `tr`
    FROM `wp_posts` AS `p`
        LEFT JOIN `wp_postmeta` AS `pm`
            ON `p`.`ID` = `pm`.`post_id`
        LEFT JOIN `wp_comments` AS `c`
            ON `p`.`ID` = `c`.`comment_post_ID`
        LEFT JOIN `wp_term_relationships` AS `tr`
            ON `p`.`ID` = `tr`.`object_id`
    WHERE
        `p`.`post_type` = 'revision';

// запускаем встроенные механизмы оптимизации
OPTIMIZE TABLE
    `wp_posts`,
    `wp_postmeta`,
    `wp_comments`,
    `wp_term_relationships`;

Защита

Скажите “к чему это тут”, а нет – тут самое место – достаточно часто админка популярных блогов подвергается атаке, а это тоже забирает ресурсы. Как по мне – самый лучший способ – это правильно настроенный htaccess для директории /wp-admin/:

• Ограничить доступ по IP
  order deny,allow
  deny from all
  allow from 255.255.255.255
• Добавить аутентификацию средствами Apache

Клиентская оптимизация

Ох, тут можно рассказывать очень много, я лишь скину ссылку на тематический сайт – webo.in – а там вы найдете много материала, копипастить нет смысла, скажу лишь так – данная оптимизация станет критичной уже при десятке тысяч посетителей, я же остановился на небольшой правке файла .htaccess:

# Enable ETag
FileETag MTime Size

# Enable Deflate
AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css text/javascript application/x-javascript

<ifModule mod_expires.c>
  ExpiresActive On
  ExpiresDefault "access plus 1 seconds"
  ExpiresByType text/html "access plus 1 seconds"
  ExpiresByType image/x-icon "access plus 2592000 seconds"
  ExpiresByType image/gif "access plus 2592000 seconds"
  ExpiresByType image/jpeg "access plus 2592000 seconds"
  ExpiresByType image/png "access plus 2592000 seconds"
  ExpiresByType text/css "access plus 604800 seconds"
  ExpiresByType text/javascript "access plus 216000 seconds"
  ExpiresByType application/x-javascript "access plus 216000 seconds"
</ifModule>

Результаты данного изменения отслеживал при помощи Firefox+Firebug+YSlow, вот собственно и скрины ДО и ПОСЛЕ изменений:

P.S. Кстати, хостинг у меня теперь украинский, и сайт, для основной части аудитории, теперь будет просто летать…

Другие посты на эту тему

• Wordpress Quick Tricks #01. AJAX и не только

Пишу в блог, чтобы не забыть, да и моим читателем будет интересно…

Реализация AJAX в плагинах/темах

Реализация AJAX’а при помощи jQuery для версий WordPress начиная с 2.6 по текущую:

/**
 * Регистрируем переменные фильтра "query_vars"
 *
 * @param array $vars
 * @return array
 */
function plugin_query_vars($vars) {
    $vars[] = 'plugin_query';
    return $vars;
}
add_filter('query_vars', 'plugin_query_vars');

/**
 * Парсим запрос и что-то делаем
 *
 * @param $wp
 */
function plugin_parse_request($wp) {
    // что-то делаем если присутствует перменная "plugin_query" в запросе
    if (array_key_exists('plugin_query', $wp->query_vars)){
        switch ($wp->query_vars['plugin_query']) {
        	case 'option1':
               // что-то делаем
        	    break;
        	case 'option2':
                // делаем что-то другое
                break;
         }
        // die - дабы предотвратить дальнейшую работу WP
        die();
    }
}
// регестрируемся на хук wp
add_action('wp', 'plugin_parse_request');

// не забываем подключить jQuery
wp_enqueue_script('jquery');

HTML часть будет выглядеть следующим образом:

<a href="<?php echo get_bloginfo('wpurl') ?>" id="ajax">AJAX Link</a>

Непосредственный вызов:

jQuery(document).ready(function($) {
// AJAX Link
$('#ajax').click(function(){
    var data = {
         'plugin_query':'option1'
    };
    $.post($(this).attr("href"), data, function(response){
         // response ...
    });
    return false;
});
});

Реализация AJAX для админ панели

С админкой всё на порядок проще, необходимо сделать следующии манипуляции в плагине:

// функция которая возвращает что-то...
function my_special_action() {
    // что-то делаем и что-то возвращаем
    $whatever = $_POST['whatever'];
    $whatever += 10;
    echo $whatever;
    // "умираем"
    die;
}
// хук вида wp_ajax_***
add_action('wp_ajax_my_special_action', 'my_special_action' );

Ссылка:

<a href="<?php echo get_bloginfo('wpurl') ?>" id="ajax">AJAX Link</a>

JavaScript для вызова функции my_special_action:

jQuery(document).ready(function($) {
$('#ajax').click(function(){
    var data = {
        action: 'my_special_action',
        whatever: 1234
    };
    $.post(ajaxurl, data, function(response){
         // response ...
         alert('Сервер нам ответил: ' + response);
    });
    return false;
});
});

Для WordPress с версии 2.8 появился новый хук “wp_ajax_nopriv_my_action”:

// залогиненный пользователь
add_action('wp_ajax_my_action', 'my_action_callback');
// гость
add_action('wp_ajax_nopriv_my_action', 'my_action_callback');

Получить список файлов приаттаченных к посту

<?php
$attachment = get_children('post_parent='.$post->ID.'&post_type=attachment'); 

if ($attachment) :?>
<div class="attachment">
    <ul>
    <?php foreach ($attachment as $file) : ?>
        <li><a href="<?php echo $file->guid ?>" title="<?php echo $file->post_title ?>"><?php echo $file->post_title ?></a></li>
    <?php endforeach; ?>
    </ul>
</div>
<?php endif;?>

Совместимость версий

Если надо поддерживать старые версии WordPress’а:

if (version_compare($wp_version, '2.8', '<')) {
    // пишем функции для обратной своместимости
}

Если надо поддерживать PHP 4-ой версии (файлы берем из пакета PEAR::PHP_Compat):

if (version_compare(phpversion(), '5.0.0', '<')) {
    require_once 'compatibility/scandir.php';
    require_once 'compatibility/file_put_contents.php';
    require_once 'compatibility/file_get_contents.php';
}

Ссылки по теме

• AJAX in Plugins
• jQuery and Ajax in WordPress Plugins – Public Pages
• jQuery and Ajax in WordPress Plugins – Administration Pages

Другие посты на эту тему

• Wordpress Quick Tricks #02. Оптимизация

Тема “Constructor” изначально создавалась для пользователей, которые хотят быстро и без проблем создать свой уникальной дизайн блога. И судя по статистке она таки нашла своего пользователя, и далее небольшой обзор функционала.

Подобный обзор своего творения я уже делал, но хотелось бы похвастаться прогрессом в разработке – как никак версия шагнула от 0.1.0 до 0.6.3

Темы

Тема “Конструктор” поддерживает свои темы (по умолчанию, в архиве идёт пять штук):

Кроме этих тем, были добавлены еще несколько:

А еще есть тема “example” внутри которой лежит PSD файл, с помощью которого вы сможете легко создать свою тему (внутри уже нарезанная PSDшка – осталось найти необходимый клипарт и сохранить для web).

Кстати, что же из себя представляет “тема”? Тут всего три файла да картинки:

1. style.css – описание стилей
2. config.php – конфигурация системы
3. screenshot.png – скриншот темы, размером 300х255

Файл style.css можно оставить пустым, добавив лишь обязательную шапку (такую же, как и для обычной wordpress темы):

/*
Theme Name: MY THEME
Theme URI: http://MY.THEME.COM/
Description: MY THEME DESCRIPTION
Version: 0.0.1
Author: MY NAME
Author URI: http://MY.SITE.COM/
*/

Файл config.php содержит все настройки темы, которые также можно изменить в админке:

<?php
return array(
            "sidebar"   => 'right',          // расположение сайдбара
            'layout'    =>  array(           // настройки макета
         	             'header'  => 140,   // высота шапки
                        'width'   => 1024,   // ширина контейнера
                        'sidebar' => 240,    // ширина сайдбара
                        'extra'   => 240,    // ширина дополнительного сайдбара
                        'home'    => 'default', // макет для главной страницы default/list/tile
                        'archive' => 'default', // ... для архивов
                        'search'  => 'default', // ... для поиска
                        'index'   => 'default',  // ... для остального
                                 ),
            "title"     => array(           // заголовок сайта
                        "pos" => 'left'     // - позиция
                        ),
            "content"   => array(        // контент
                        "author" => 0,   // - показывать ссылку на страницу автора
                        'thumb' =>  array ('auto'   => false), // - автогенерация превьюшек для картинок
                        'list'  =>  array (                    // настройки для макета list
                                           'filter' => false,  // - вырезать HTML теги
                                           'thumb'  => array ( 'pos' => 'left', 'noimage' => false, ), // - расположение превью и отображать ли картинку "No Image"
                                          ),
                        ),
            "footer"    => array(          //  текст в футере
                        "text" => null,
                        ),
            "fonts"     => array(          // шрифты (порядковый номер)
                        'header' => 0,     // - для заголовка
                        'body'   => 0,     // - для контента
                        ),
            "menu"     => array(          // настройки меню в шапке
                        "flag" => 1,      // - enable/disable
                        "home" => false,  // - ссылка на главную
                        "rss"  => false,  // - ссылка на RSS
                        "search" => true, // - форма поиска
                        "pages"      => array('depth'=>1), // - отображать страницы
                        "categories" => array('depth'=>1, 'group'=>1) // - отображать категории
                        ),
            "slideshow" => array(        // Настройка слайдшоу
                        "flag" => 0,         // - enable/disable
                        "layout" => 'in',    // - внутри контейнера с контентом или над
                        "showposts" => 10,   // - отображаемое количество слайдов
                        "metakey" => 'thumb-slideshow', // - имя дополнительного поля из поста
                        "id" => null,        // - ID слайдшоу для плагина NextGenGallery
                        "height" => 200,     // - высота в px
                        "onpage" => false,   // - отображать слайдшоу на страницах
                        "onsingle" => false  // - отображать слайдшоу на постах
                        ),
            "images"   => array(             // настройка фоновых картинок
                        "body" => array('src'=>'', 'pos'=>'left top', 'repeat'=>'repeat', 'fixed'=>false),
                        "wrap" => array('src'=>'themes/default/header.png', 'pos'=>'center top', 'repeat'=>'no-repeat', 'fixed'=>false),
                        "wrapper"  => array('src'=>'', 'pos'=>'left top', 'repeat'=>'no-repeat'),
                        "sidebar"  => array('src'=>'', 'pos'=>'right bottom', 'repeat'=>'no-repeat'),
                        "extrabar" => array('src'=>'', 'pos'=>'right bottom', 'repeat'=>'no-repeat'),
                        "footer"   => array('src'=>'themes/default/footer.png', 'pos'=>'right bottom', 'repeat'=>'no-repeat'),
                        ),
            "opacity"   => 'light',     // прозрачность
            "shadow"    => true,        // тень
            "color"     => array(       // цвета
                        "bg"      => '#fff',
                        "bg2"     => '#fff5c5',
                        "opacity" => '#fff',
                        "title"   => '#333',
                        "title2"  => '#555',
                        "text"    => '#333',
                        "text2"   => '#aaa',
                        "border"  => '#aaa',
                        "border2" => '#999',

                        "header1"   => '#ff6600',
                        "header2"   => '#ff7711',
                        "header3"   => '#ff9933',
                        )
            );

Не пугайтесь – настройте тему и сделайте “экспорт” – система сама создаст для вас этот файл.

Макет

Можно выбирать из 6-ти возможных вариантов расположения сайдбаров, добавилась возможность изменить ширину основного контейнера, и сайдбаров по отдельности:

Шапка сайта

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

Подвал сайта

В footer’e можно изменить лишь текст, пока более ничего не придумал:

Цвета

Есть несколько глобальных цветов, которые можно изменять – это цвет шрифта, фона, границ и т.д., и еще можно выбрать “прозрачность” объектов:

Шрифты

Со шрифтами особого разнообразия не получилось – есть набор пресетов, можно указать различные для заголовков и контента:

CSS

Для продвинутых пользователей есть возможность изменять CSS конкретной темы (только права на доступ не забудьте изменить):

Ответы на многие вопросы по CSS доступны на странице F.A.Q.

Изображения

Данная опция – для изощренных – вы можете устанавливать фоновые изображения для элементов страницы, задавать положение и выбирать опции повторения:

Слайдшоу

Если Вы используете плагин NextGen Gallery, то сможете с легкостью добавить слайд-шоу на главную страницу сайта, в новых версиях так же поддерживается построение слайдшоу из картинок указанных в дополнительных полях постов (по умолчанию используется thumb-slideshow):

Шаблоны страниц

WordPress дает возможность пользователю задавать определенные шаблоны для страниц, в “Конструкторе” доступно пять дополнительных шаблонов:

• Архив – template-archive.png
• Авторы – template-authors.png
• Одна колонка – с отключенными сайдбарами
• Для страниц с дочерними страницами – template-parent.png
• Карта сайта – template-sitemap.png

Еще есть один дополнительный шаблон:

• Персональная страница автора – template-author.png

Мультиязычность

Благодаря возросшей популярности данной темы появилась поддержка нескольких языков:

• Английский – по умолчанию
• Русский
• Украинский – спасибо Baziak за помощь
• Польский – спасибо mummle
• Датский – спасибо Georg S. Adamsen ()
• Итальянский – спасибо gio gio
• Французский – спасибо Nicolas Loeuillet

В скором времени еще добавиться перевод на немецкий. К сожалению, не все локализации обновлены до последней версии.

Планы на будущее

• Добавить виджетов заточенных под тему
• Постараться обновлять файлы локализаций
• Создать кэш для css.php
• Добавить возможность экспорта всей темы в одном zip архиве
• Создать видео-презентацию темы

P.S. Для всех подписчиков на RSS ленту – используйте адрес http://anton.shevchuk.name/feed/ – по нему Вы всегда найдете мою ленту, так же можете меня найти и в twitter’e…

Другие посты на эту тему

• Создаем тему для Wordpress за 10 минут…
• Тема-Конструктор для Wordpress

Данный пост посвящен вопросу как добавить Вашу тему в репозиторий WordPress.

Создание темы обычно начинатся с прочтения документации из кодекса wordpress, после Вам нужно будет взять список требований и внимательно пройтись по каждому пункту, отдельно уделив внимание на чек-лист.
Отдельно стоит выделить следующие пункты:

Style.css

Файл стилей style.css – это первое с чем приходится сталкиваться разработчику тем, к нему есть ряд требований. Первый пункт – файл style.css должен в обязательном порядке содержать шапку следующего формата:

/*
Theme Name: Уникальное Имя Темы
Theme URI: http://ссылка-на-домашнюю-страницу-темы
Description: Описание темы, не должно содержать ссылки на спонсоров
Author: Ваше Имя
Author URI: http://ссылка-на-вашу-домашнюю-страницу
Template: название-темы-предка
Tags: теги темы - только из списка предлагаемого wordpress.org
Version: версия

Текс лицензии...

*/

! Параметры Theme URI и Author URI должны быть различны, и ссылки должны быть живыми…

Пункт два – обязательные стили – внесите их сразу:

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

Советую так же определить стили для автогенерируемых классов (это пункт три):

.categories {/*...*/}
.cat-item {/*...*/}
.current-cat {/* стиль текущей категории */}
.current-cat-parent {/* стиль для предка(ов) текущей категории */}
.pagenav {/* постраничная навигация */}
.page_item {/*...*/}
.current_page_item {/*...*/}
.current_page_parent {/*...*/}
.widget {/* все виджеты обернуты в сей класс */}
.widget_text {/*...*/}
.blogroll {/*...*/}
.linkcat{/*...*/}

Полезно будет почитать:

• Theme Development
• Styling for Print
• Styling for Mobile

Header

Обычно это файл header.php

• Должен быть указан DOCTYPE
• Внутри тега <head> должна быть вызвана функции wp_head()
• Тег <html> должен содержать вызов функции language_attributes()
• Заголовок и описание сайта должны быть динамическими, т.е. используйте bloginfo(‘name’) и bloginfo(‘description’)

Пример шапки:

<?php
/**
 * @package WordPress
 * @subpackage Theme Name
 */
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
<head profile="http://gmpg.org/xfn/11">
    <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
    <title><?php wp_title(''); ?></title>
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
    <link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
    <link rel="alternate" type="application/atom+xml" title="<?php bloginfo('name'); ?> Atom Feed" href="<?php bloginfo('atom_url'); ?>" />
    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
    <?php wp_get_archives('type=monthly&format=link'); ?>
    <?php wp_head(); ?>
</head>
<body>

! Хардкодить логотип сайта с текстом запрещено.

Content

За вывод информации отвечают файлы index.php, single.php, page.php и т.д., для проверки правильности отображения различной информации – добавьте “рыбу” в систему (Tools -> Import).

• Обратите внимание на вывод списков, форм и встраиваемых элементов (аля видео с YouTube)
• Внесите необходимые изменения в styles.css, как того требует кодекс: Styling_Images_in_WordPress (чуть выше есть пример)
• Используйте функцию post_class() для генерации правильных классов внутри «Цикла»
• Если добавлена большая картинка – контент должен скролится, либо скрываться – дабы не вылазить поверх сайдбара

Небольшой пример файла index.php:

<?php if (have_posts()) : ?>
        <div id="posts">
        <!-- Тут главный Цикл WordPress'a-->
        <?php while (have_posts()) : the_post(); ?>
            <div <?php post_class(); ?> id="post-<?php the_ID() ?>">
                 <h2><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php printf(__('Permanent Link to %s', 'Theme_Name'), the_title_attribute('echo=0')); ?>"><?php the_title(); ?></a></h2>
                <?php the_content(__('Read the rest of this entry &raquo;', 'Theme_Name')) ?>
                <?php wp_link_pages(array('before' => '<p class="pages"><strong>'.__('Pages', 'constructor').':</strong> ', 'after' => '</p>', 'next_or_number' => 'number')); ?>
                <div class="footer">
                    <?php the_time(__('F jS, Y', 'Theme_Name')) ?> |
                    <?php the_tags(__('Tags', 'Theme_Name') . ': ', ', ', '|'); ?>
                    <?php edit_post_link(__('Edit', 'Theme_Name'), '', ' | '); ?>
                    <?php comments_popup_link(__('No Comments &#187;', 'Theme_Name'), __('1 Comment &#187;', 'Theme_Name'), __('% Comments &#187;', 'Theme_Name'), '', __('Comments Closed', 'Theme_Name') ); ?>
                </div>
            </div>
        <?php endwhile; ?>
        </div>
        <div class="navigation">
            <?php next_posts_link(__('&laquo; Older Entries', 'Theme_Name')) ?>
            <?php previous_posts_link(__('Newer Entries &raquo;', 'Theme_Name')) ?>
        </div>
<?php endif; ?>

Footer

Это файл footer.php

• До закрытия тега <body> должна быть вызвана функции wp_footer()
• В обязательном порядке должна быть ссылка на сайт wordpress.org, а так же можете добавить ссылку на свой сайт (но лишь одну, никаких спонсорских ссылок)

Пример прост:

<?php
/**
 * @package WordPress
 * @subpackage Theme Name
 */
?>
<?php wp_footer(); ?>
</body>
</html>

! Тема не должна содержать никаких «спонсорских» ссылок

Error 404

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

Screenshot

Тут требований не много:

• файл screenshot.png 300×225, и только PNG
• это должен быть «живой» скрин, без добавления водяных знаков или иных граффических элементов

! Контент на скриншоте может быть любой, вот только adult контент не пробьется сквозь модерацию

JavaScript

• JavaScript в HTML должен быть правильно обрамлен (хотя лучше его и вовсе избегать):

  <script type="text/javascript">
  /* <![CDATA[ */
  // content of your Javascript goes here
  /* ]]> */
  </script>

• Для подключения внешнего JavaScript’a используйте функцию wp_enqueue_script в файле function.php

! В самом WordPress идет достаточно много JavaScript бибилотек в комплекте – не тащите лишнее.

Навигация

• Следите за тем, чтобы у вас не было тупиковых страниц (пришел на страницу – а дальше нет ссылок)
• Проверяйте правильность работы навигации, а так же правильность отображения кол-ва страниц/комментариев (если конечно используете не стандартные функции wordpress)
• В файлах post.php, single.php (либо index.php если таковых нет) должен быть вызов функции wp_link_pages – сие необходимо для правильного отображения многостраничных элементов

Советую почитать:

• Good Navigation Links
• Next and Previous Links
• Styling Page-Links

! Хардкодить ссылки на разделы сайта запрещено

Comments

Требования к комментариям предельно просты:

• Комментарии должны поддерживать сервис gravatar
• Комментарии должны быть как для постов, так и для страниц
• Пингбеки и трекбеки должны отображаться как и другие комментарии

Если не хотите особо заморачиваться с комментариями – то можете использовать функцию wp_list_comments (WP 2.7+) :

<ol class="commentlist">
<?php wp_list_comments();?>
</ol>

А так же желательно стили подправить:

.children { /*...*/ }
.commentlist { /*...*/ }
.commentlist .avatar { /* Поиздеваемся над аватаром */ }
.nocomments { /*...*/ }
.comment-author { /* Автора можно выделить */}

.thread-even, .even { /* Четный комментарий / четная ветвь дискуссии*/ }
.thread-odd, .odd { /* Нечетный комментарий / нечетная ветвь дискуссии */}
.alt { /* Альтернативный стиль - дублирует прыдущие */}
.depth-2,
.depth-4 { /* Стиль для определнной вложенности */}

Примечание: чтобы пройти автовалидацию – добавьте закомментированную строчку в index.php:
// get_avatar();

Widgets

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

Localization

Будьте взрослыми – создавайте мультиязычные темы, ведь это достаточно просто, для этого советую прочесть статью «Translating WordPress».

Uploading

После того как мы выполнили все требования – пора пробывать заливать Вашу тему в репозиторий, Вам надо будет пройти 2 проверки – ботом и человеком – с первым все понятно, данная проверка происходит на этапе загрузки архива (кстати парсер бота с багом) – о всех ошибках Вам сообщат сразу, а вот с модератором все сложнее, во-первых он может отказать в приеме темы не объяснив причин, во-вторых – просматривая тему он может и не выловить все ошибки разом, а будет растягивать удовольствие – каждая проверка может растянуться на сутки и более…

И еще – не стесняйтесь спрашивать причину отказа в принятии темы, Вам все расскажут и покажут…

! Заливайте тему вечерком (18:00 GMT+0) – к полуночи тему просмотрят и добавят в репозиторий…

P.S.

Возможно что-то упустил, но вроде бы это все, с чем мне пришлось столкнутся при создании темы. На данный момент в репозитории WordPress.org лежит две мои темы:

• Black Urban – 3,555 скачиваний
• Constructor – 3,974 скачиваний

P.S. У меня уже 111 “последователей” на Twitter’e, возможно моя информация окажется полезной и для Вас.

Другие посты на эту тему

• No Related Post

В продолжение моего wordpress-творчества представляю новую тему – Constructor.

Это однозначно “темовая” тема, она представляет из себя конструктор тем, со следующим функционалом:

Темы

Данная тема поддерживает темы – как бы странно это не звучало – но это вполне юзабельно, и выглядит приблизительно так:

Каждая тема представляет из себя файл настроек – config.php и файл стилей – styles.css (аналогично с обычными темами для wordpress). Если со вторым всё более-менее понятно, то первый представляет из себя следующее:

return array(
            "theme"     => 'default', // имя темы
            "sidebar"   => 'right',   // макет
            "title"     => array(
                        "pos" => 'left'  // расположение заголовка
                    ),
            "fonts"     => array(    // шрифт заголовка и текста (см. admin/fonts.php)
                        'header' => 1,
                        'body'   => 1,
                    ),
            "links"     => array(     // настройки меню в шапке
                        "type" => 1,
                        "home" => false,
                        "rss"  => false,
                        "size" => false,
                    ),
            "slideshow" => array(  // настройки слайдшоу
                        "id" => null,
                        "height" => 200,
                        "onpage" => false,    // show slideshow on page
                        "onsingle" => false   // show slideshow on single post
                    ),
            "images"   => array(  // настройки фоновых изображений
                        "body" => array('src'=>''),
                        "wrap" => array('src'=>'','pos'=>'center top'),
                        "wrapper" => array('src'=>''),
                        "sidebar" => array('src'=>'','pos'=>'right bottom'),
                        "footer"  => array('src'=>'','pos'=>'left bottom'),
                    ),
            "opacity"   => 'light', // тип прозрачности
            "color"   => array(     // цвета элементов
                        "bg"      => '#fff',
                        "bg2"     => '#fff5c5',
                        "title"   => '#333',
                        "title2"  => '#555',
                        "text"    => '#333',
                        "text2"   => '#aaa',
                        "border"  => '#aaa',
                        "border2" => '#999',
                        "header1"   => '#ff6600',
                        "header2"   => '#ff7711',
                        "header3"   => '#ff9933',
                    ),
            );

Макет

Можно выбирать из 6-ти возможных вариантов расположения сайдбаров:

Шапка сайта

Можно так же добавить выпадающее меню в шапку сайта, а так же изменить расположение и цвет заголовка:

Подвал сайта

Мы можем с легкостью изменить текст в footer’e:

Цвета

Есть несколько глобальных цветов, которые можно изменять – это цвет шрифта, фона, границ и т.д.:

Шрифты

Со шрифтами особого разнообразия не получилось – есть набор пресетов, можно указать различные для заголовков и контента:

CSS

Для продвинутых пользователей есть возможность изменять CSS конкретной темы:

Изображения

Данная опция – для изощренных – вы можете устанавливать фоновые изображения для элементов страницы:

Слайдшоу

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

Экспорт

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

В планах на будущее:

• Добавить слайдшоу содержащие последние посты
• Добавить украинскую локализацию
• Добавить возможность экспорта текущей темы
• Добавить возможность экспорта текущей темы в ZIP архиве
• Создать и добавить PSD файлы для быстрого создания тем для темы – в версии 1.1.5

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

Download last version Constructor

P.S. Для всех подписчиков на RSS ленту – используйте адрес http://anton.shevchuk.name/feed/ – по нему Вы всегда найдете мою ленту…

P.P.S. Ищите меня и на twitter’e – всегда свежие анонсы…

Другие посты на эту тему

• Создаем тему для Wordpress за 10 минут…
• Тема-Конструктор для Wordpress (обновление)

Как понятно из анонса – сайт MyWordPress.RU проводит конкурс на самую лучшую русскую тему для WordPress, и я решил тоже поучаствовать – благо как раз закончил работу над новой темой…

“Свежая” тема

“Свежая” темка для WordPress, в противостояние темного и светлого, ранее не опубликованая, свеже-созданная, только из под пера…

Что она из себя представляет можно просмотреть на следующих скринах (кликабельно):

Как видите существует две вариации темы – Orange и Lime, кроме этого можно настроить расположение и количество сайдбаров в админской части (кликабельно):

Данная тема идет с русской локализацией, хотелось бы так же создать и украинскую версию, но это уже в следующей версии…

Внимание!

Данная тема не доступна для скачивания, т.к. участвует в конкурсе, по этой причине скачивание будет доступно лишь по окончанию конкурса.

P.S. Для всех подписчиков на RSS ленту – в связи с изменениями чудо-сервиса FeedBurner используйте адрес http://anton.shevchuk.name/feed/ – по нему Вы всегда найдете мою ленту…

P.P.S. Я теперь и на twitter’e – follow me следите за обновлениями, в них всегда много вкусного…

Другие посты на эту тему

• No Related Post

Поскольку время dial-up соеденений постепенно уходит в историю, то всё популярней становятся дизайны сайтов использующих большие картинки в качестве фонового изображения. Примеров тому множество, включая мой блог ;)

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

Для начала стоит определиться с тем – какая тематика Вашего блога – мой выбор пал на урбан-стайл – ибо модно, да и подойдет большинству тинейджеров.

Теперь стоит поискать соответствующие клипарты, шрифты и кисточки для Фотошопа (ну у нас действительно мало времени – уже полминуты прошло)…
Для этого нам хватит 3-х запросов к гуглу:

• free urban texture – прийдем сюда – http://urbandirty.com/
• free photoshop urban brushes – тут много чего можно найти – но пришел сюда http://invisiblesnow.deviantart.com/
• free urban fonts – http://www.urbanfonts.com/

Дабы особо не томить – мой выбор пал на следующие составляющие:

Текстура для фона:

Шрифт аля графити:

Кисточки урбан-стайл:

Теперь перейдем к рисованию (лучше совмещать чтение с просмотров слайдов):

1. Открываем Photoshop и создаем новый файл размера 1280х1024
2. Перетаскиваем картинки в наш файл
3. Далее попер креатив – выбираем вначале слой содержащий текстуру для шапки сайта – заливаем его полупрозрачным градиентом – дабы скрыть границы (см. слой Body -> Gradient)
4. Затем выделяем место под наш заголовок, и опять заливаем черным
5. Таким же образом подготовим место под наш контент
6. Создаем надпись нашим модным шрифтом Graffiti
7. Теперь нарисуем кнопки под нашей шапкой, для этой цели нам понадобиться выделить кружок, залить его черным, нарисовать на нем иконку кисточкой из набора Urban Scrawl
8. Добавлю так же несколько графических элементов из того же набора кисточек – это стрелочки для постраничной анимации, облачко для подсказок, и пару совсем декоративных элементов
9. Используя инструмент Slice Tool разрежу такую заготовку на составные части – обратите внимание как много в себя включает верхня чать (header)

На данный креатив я потратил чуть меньше 10 минут, теперь осталось все это срастить с WordPress’ом.

Начнем с HTML структуры:

<div id="body">
   <div id="header">
        <a id="logo" href="/" title="Wordpress">Wordpress</a>
        <a id="home" href="/" title="Home">Home</a>
        <a id="online" href="/online" title="Online">Online</a>
        <a id="archive" href="/archive" title="Archive">Archive</a>
        <a id="rss" href="/feed"  title="RSS Feed">RSS Feed</a>
   </div>
   <div id="wrapper">
   <div id="container">
            <div id="posts">
                   <div class="post">...</div>
            </div>
        </div>
    </div>
    <div id="sidebar">
         <ul>
             <li>...</li>
         </ul>
    </div>
    <div id="footer">
         <p class="clear copy">&copy; 2009 WordPress</p>
    </div>
</div>

Основные махинации у нас происходят с тегом body и дивом с id=”body”:

/* Большую картинку header.jpg мы размещаем вверху по центру  */
body {
    background: #000 url(images/header.jpg) 50% top no-repeat;
}
/* div c id="body" распологаем по центру */
#body {
    width:1024px;
    margin:0 auto;
}

Если же Вы захотите добавить градиент для фона, то лучше всего это сделать добавив фоновое изображение к тегу с id=wrap (оный должен оборачивать div с id=body):

#wrap {
    background: #ссс url(images/gradient.gif) repeat-x;
}

После данной операции у вас будет уже приемлемая заготовочка для дальнейшего сайта, и лучше будет начать с оформения “шапки” сайта – для начала выделим место под оную и спозиционируем все ссылки “абсолютно”:

#header {
    height:320px;
    position:relative;
}

    #header a {
        position:absolute;
        display:block;
        width:72px;
        height:72px;
        text-indent:-9999%;
    }

Теперь каждую из кнопок на нашей фоновой картинке сделаем “живой” – нам надо будет разместить соответствующие ссылки в нужных местах:

/* Оживим наш заголовок */
#logo {
    top:0;
    left:0;
    width:100% !important;
    height:96px !important;
}
/* Ссылка с домиком */
#home {
    top:210px;
    left:244px;
}
/* Ссылка со зведочкой */
#online {
    top:116px;
    left:370px;
}
/* Ссылка 42 */
#archive {
    top:200px;
    left:520px;
}
/* Ссылка на фид */
#rss {
    top:110px;
    left:700px;
}

Временно можете добавить border – дабы было удобнее позиционировать. Так же я добавил всплывающую подсказку для каждого элемента (как? – читайте в статье CSS меню для начинающих).

Доведение темы до ума у меня заняло еще некоторое время, но теперь у меня уже есть заготовка, используя оную – разработка темы для WordPress у меня будет занимать не более пяти-десяти минут :)

Если Вам интересен результат то можете его скачать вместе с исходниками в PSD и необходимыми материалами:

Download4,77 MbBlack Urban

Ну и ссылка для тех, кто хочет пощупать лишь саму темку (да привью посмотреть):

Download0.2 versionBlack Urban

По мотивам How to: CSS Large Background

Другие посты на эту тему

• No Related Post

Увлекшись написанием плагинов для WordPress’а составил правила хорошего тона…

Соглашение по именованию

С чего начинается плагин – с имени :), следовательно давайте вырабатаем правила именования плагинов:

• Не используем тупых префиксов вида wp_ иль wp- – мы и так знаем что файлы в каталоге http://wordpress.org/extend/plugins/ предназначены для wordpress’a
• Если хотите выделить Ваш плагин – добавьте оригинальный префикс/постфикс (я использую префикс (a) – правда не знаю насколько сие информативно)
• Все имена классов и функций должны содержать имя Вашего плагина – дабы избежать конфликтов

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

readme.txt

Обязательным для каждого плагина есть наличие файла readme.txt, см. описание синтаксиса http://daringfireball.net/projects/markdown/syntax. Проверить Ваше творение можно используя валидатор.

Если Вы по каким-то причинам не заливаете свой плагин в репозиторий wordpress’a – то в любом случае создайте данный файл – многие скажут спасибо.

Заголовок

Это обязательный элемент плагина, не надо в нем сильно извращаться:

<?php
/*
Plugin Name: Name Of The Plugin
Plugin URI: http://URI_Of_Page_Describing_Plugin_and_Updates
Description: A brief description of the Plugin.
Version: The Plugin's Version Number, e.g.: 1.0
Author: Name Of The Plugin Author
Author URI: http://URI_Of_The_Plugin_Author
*/
?>

Стандарты кодирования

Полноценных стандартов от разработчиков я не видел – по этой причине использую стандарты Zend Framework’a, чего и Вам советую. (в примерах я не буду использовать коментарии для PHP Documentator’а – дабы сократить листинг сорцов).

И еще – наш плагин не должен вызывать ошибок (даже уровня Notice), так что при разработке включите отображение ошибок:

error_reporting(E_ALL);

Динамическая подгрузка файлов

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

// добавим фильтр контента
add_filter('the_content', array('%PluginName%', 'the_content'), 1000);

class %PluginName% {

    var $some_variable;

    /**
     * filter fo the_content
     *
     * @return void
     */
    function the_content($content)
    {
         include_once 'class/Content.php';
         $Content = new %PluginName%_Content();
         return $Content->parseContent($content);
    }
}

Так же желательно вешать хуки отдельно для каждого состояния – см. список:

if (is_admin()) {
    // хуки для админки
} else {
    // хуки для фронт-енда
}
// и так далее ...

Можно даже так:

if (is_admin()) {
    include_once '%PluginName%_admin.php';
} else {
    include_once '%PluginName%_front.php';
}
// и так далее ...

Переменные и пространство имен

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

add_action('%hook_name%', array('%PluginName%', '%hook_name%'));

class %PluginName% {

    var $some_variable;

    /**
     * some function description
     *
     * @return void
     */
    function %hook_name%()
    {
         // ...
    }
}

Или же обычный класс:

// создаем сущность нашего класса
$PluginName = new %PluginName%();

add_action('%hook_name%', array($PluginName, '%hook_name%'));

class %PluginName% {

    var $some_variable;

    /**
     * some function description
     *
     * @return void
     */
    function %hook_name%()
    {
         // ...
    }
}
// удаляем переменную за ненадобностью
unset($PluginName);

При использование таблицы options (это функции add_option, update_option, delete_option) следует так же использовать префикс из имени плагина, таким образом мы будем эмулировать namespace наших опций (по какой причине до этого не додумались разработчики я не знаю)…

Следуя данным советам мы избежим конфликтов с другими плагинами…

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

Для инициализации системы есть хук register_activation_hook, используя его Вы сможете внести необходимые измения в БД (создать таблицы, внести изменения в options и т.д.). Поверьте – пользователь не всегда читаем readme.txt где будет написано, что необходимо после инициализации обязательно сохранить настройки плагина дабы значения по умолчанию были сохранены в БД…

Настройки плагина

Давайте не будет ломать красивую админку WordPress’a – настройки плагина должны быть расположены в соответствующем меню – Settings » %Plugin Name%.

Так же советую вынести страницу с настройками в отдельный файл с информативным названием (к примеру %PluginName%_options.php либо %PluginName%_settings.php):

if (is_admin()) {
    add_action('admin_menu', array('%PluginName%', 'adminMenu'));
}

class %PluginName% {
    function adminMenu()
    {
    	if (function_exists('add_options_page')) {
    		add_options_page('%PluginName%','%PluginName%', 'manage_options', '%PluginName%/%PluginName%_options.php') ;
    	}
    }
}

Чтобы всё было красиво – используйте стили прописанные в wp-admin/wp-admin.css – за такой подход Вам скажут спасибо…

Деактивация плагина

Если Вы при установке плагина вносите какие-либо изменения в БД или на файловой системе – то желательно подчистить сие после отключения плагина, в этом Вам поможет хук register_deactivation_hook.

Кастомизация

Добавляем CSS и JavaScript используя следующую конструкцию:

// регистрируем наш CSS файл
wp_register_style('%PluginName%', get_option('siteurl') . '/wp-content/plugins/%PluginName%/%PluginName%.css');
// либо
wp_enqueue_style('%PluginName%', get_option('siteurl') . '/wp-content/plugins/%PluginName%/%PluginName%.css');

// регистрируем наш JS файл (с указанием зависимостей)
wp_register_script( '%PluginName%', get_option('siteurl') . '/wp-content/plugins/%PluginName%/%PluginName%.js', array('jquery'));
// либо
wp_enqueue_script( '%PluginName%', get_option('siteurl') . '/wp-content/plugins/%PluginName%/%PluginName%.js', array('jquery'));

Этот способ сработает отлично в том случае если данные методы будут находиться в хуке на wp_head либо admin_head, иначе вам самим надо будет вызвать метод wp_print_styles или wp_print_scripts, и передать им имя скрипта для вывода…

Так же не забываем о конфликтах, как их обойти почитайте в статье How to load JavaScript in WordPress plugins

Если Ваш плагин имеет некое графическое оформление – и оное обычно изменяют под конкретную тему – то желательно сделать проверку на наличие CSS файла для нашего плагина в директории текущей темы:

if (file_exists(TEMPLATEPATH.'/%PluginName%.css')) {
    wp_register_style('%PluginName%', get_bloginfo('template_directory') . '/%PluginName%.css');
} else {
    wp_register_style('%PluginName%', get_option('siteurl') . '/wp-content/plugins/%PluginName%/%PluginName%.css');
}

При создании CSS будьте очень внимательны, Ваш CSS файл не должен ломать текущий дизайн, так что опять – используйте либо префиксы, либо жесткую привязку:

.%PluginName%-sidebar { /*...*/ }
#%PluginName% { /*...*/ }
#%PluginName% > div { /*...*/ }

Не стоит так же забывать о том, что на внешний вид Вашего плагина может влиять CSS файл текущей темы – так что советую подчистить marging’и, padding’и и border’ы…

Вот такими нехитрыми приемами мы облегчим жизнь себе и дизайнерам…

Мультиязычность

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

__('String', '%PluginName%');
_e('String', '%PluginName%');
_c('String', '%PluginName%');
__ngettext('String', 'Strings', $c, '%PluginName%')

Файлы перевода желательно так же помещать в отдельную директории language – дабы не засорять корневой каталог плагина…

Более подробную информацию смотрите на странице I18n for WordPress Developers

Документация

Если от пользователя требуется внести изменения в текущую тему – то желательно описать данный процес очень подробно – а не как обычно: “Вот этот код выведет то что Вы хотите”.

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

<?php
if (function_exists('%FunctionName%')) {
    %FunctionName%();
}
?>

Помните – конечный потребитель зачастую не программист, и ему необходимо всё разжевать и в рот положить…

Совместимость

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

// подключаем в файле плагина
if (version_compare(phpversion(), '5.1.0', '<')) {
  require_once '%PluginName%_compatibility.php'
}

// что может быть в файле
if (!function_exists('array_diff_key')) {
    function array_diff_key()
    {
        $args = func_get_args();
        return array_flip(call_user_func_array('array_diff',
               array_map('array_flip',$args)));
    }
}

Дабы не изобретать велосипедов – советую посмотреть на пакет PEAR PHP_Compact.

Вполне вероятно Вам может так же понадобиться поддержка старых версий WordPress’a:

// подключаем в файле плагина
if (version_compare(get_bloginfo('version'), '2.6.0', '<')) {
  require_once '%PluginName%_compatibility.php'
}

Выводы

Подведу итого.

Директория плагина может выглядеть следующим образом:

\plugin-name
|--\languages
|--\library
|--\javascript
|--\css
|-- plugin-name.php
|-- plugin-name_admin.php
|-- plugin-name_front.php
|-- plugin-name_settings.php
|-- plugin-name_compatibility.php
|-- readme.txt


• префикс %PluginName% не обязателен, и при большом количестве файлов даже избыточен
• languages – все переводы будут лежать тут
• library – директория для сторонних библиотек
• javascript и css – содержат javascript и css файлы для вашего плагина
• readme.txt – обязательно
• функционал разнесен по нескольким файлам (admin.php, front.php, single.php и т.д.)
• обеспечена совместимость версий (compatibility.php)

P.S. Если у Вас есть что добавить, либо есть ссылка на полезные ресурсы по теме – милости прошу в комментарии…

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

• WordPress Developer Documentation
• Suggestions For Plugin Standards
• WordPress Developer’s Toolbox

Другие посты на эту тему

• Стандарты кодирования для (X)HTML, CSS и JavaScript’a
• Стандарты кодирования для PHP