Очередной блог фрилансера » wordpress

WordPress. Создаем блок «Интересные статьи»

dreamhelg — Wed, 20 Jul 2011 05:35:33 +0000

Меня часто спрашивают читатели, как именно реализован блок «Интересные статьи» у меня на сайте. Никакого секрета тут нет, я использую бесплатный шаблон, и этот блок шел с ним в комплекте, так что любой желающий, может скачать тему и посмотреть. Для того чтобы статья попала в блок, ее необходимо специально отметить, в моем шаблоне это реализовано с помощью плагина FeatureMe. Затем происходит выборка отмеченных статей, и их отображение в блоке. Хочу заметить, что это далеко не единственный способ решения задачи, и сегодня я расскажу как сделать такой блок используя встроенные средства вордпресс. Для примера, я выбрала простую и аккуратную тему tweaker3, с минимальным дизайном.

1. Создание отметок для записей

Прежде всего, нам необходимо иметь возможность отмечать нужные записи для вывода в блок. С этой задачей нам помогут справиться произвольные поля вордпресс. Использовать их очень просто, достаточно придумать название для своего поля, и указать его значение. Произвольные поля находятся на странице редактирования записи, однако в новых версиях вордпресс они по умолчанию скрыты, так что если вдруг вы их не видите, нажмите на кнопку «Настройки экрана», и укажите соответствующую галочку: Вводим название нашего поля featrue, со значением on, поскольку наше поле будет в виде флажка, и нажимаем кнопку «Добавить произвольное поле». Соответственно, если featrue = on, значит статья выводится в блоке: После этой нехитрой процедуры, произвольное поле запишется в базу данных, и вы сможете использовать его в новых записях, просто выбрав из списка: В принципе, этого уже достаточно, чтобы выбирать статьи для блока. Но я считаю, что такой способ отметки статей не очень удобен, поэтому мы пойдем дальше и сделаем удобную обертку для нашего поля, в виде чекбокса. Далее вся работа у нас пойдет в файле темы functions.php. Открывайте его, и вставляйте следующий код: [php] /*Feature Custom Field*/ function feature_customfield(){ } function admin_init(){ add_meta_box('feature', 'Интересные статьи', 'feature_customfield', 'post', 'normal', 'low'); } add_action('admin_init', 'admin_init'); [/php] Функция feature_customfield() отвечает за вывод значения поля, мы добавим ее содержимое на следующем этапе. Функция admin_init() выступает в роли контейнера для функции add_meta_box(), которая в свою очередь добавляет блок feature на страницу редактирования записи. В двух словах опишу параметры функции:

feature – название выводимого блока
"Интересные статьи" - заголовок блока
feature_customfield – название функции, отвечающей за вывод блока
post – вид контента для которого будет выведен блок на странице редактирования, может быть записью, страницей, ссылкой, или пользовательским типом данных.
normal – место вывода блока, указав side можно вывести блок в боковой колонке
low – приоритет вывода блока на странице, поскольку у нас значение low, блок выводится в самом конце, после всех остальных.

Последняя строчка отвечает за выполнение функции добавления блока, при инициировании административной панели. Можете проверить страницу редактирования записи, если вы все сделали правильно, то должны увидеть вот такой блок: Пока что у нас есть только заголовок блока, но мы сейчас это исправим. Помните пустую функцию feature_customfield()? Она как раз и будет отвечать за наполнение блока и отображение сохраненного значения. Вставьте внутри функции следующий код: [php] global $post; $custom = get_post_custom($post->ID); if($custom['feature'][0] == 'on'){ $value = 'checked'; }else{ $value = ''; } echo ""; echo " Вывести запись в блоке интересных статей"; } [/php] Здесь мы сначала объявляем глобальную переменную $post, для доступа к нашей текущей записи, и получаем значение произвольного поля feature (если оно установлено). Далее проверяем его значение, если оно равно on (как в нашем примере), то присваиваем переменной $value значение checked. Все это делается для того, чтобы правильно отобразить в нашем поле, ранее сохраненное значение. Последние две строчки выводят наше поле, с небольшим комментарием. Теперь наш блок выглядит вот так: Осталось совсем немного — сделать так, чтобы статус поля сохранялся после обновления записи. Для этого нам понадобится еще одна функция с экшеном: [php] function update_featurecustomfield(){ global $post; update_post_meta($post->ID, 'feature', $_POST['feature']); } add_action('save_post', 'update_featurecustomfield'); [/php] Здесь просто обновляем значение произвольного поля на указанное в чекбоксе. Последняя строчка отвечает за выполнение этой функции при сохранении записи. Весь код полностью будет выглядеть вот так: [php] /*Feature Custom Field*/ function feature_customfield(){ global $post; $custom = get_post_custom($post->ID); if($custom['feature'][0] == 'on'){ $value = 'checked'; }else{ $value = ''; } echo "<input type='checkbox' name='feature' $value />"; echo " Вывести запись в блоке интересных статей"; } function admin_init(){ add_meta_box('feature', 'Интересные статьи', 'feature_customfield', 'post', 'normal', 'low'); } function update_featurecustomfield(){ global $post; update_post_meta($post->ID, 'feature', $_POST['feature']); } add_action('save_post', 'update_featurecustomfield'); add_action('admin_init', 'admin_init'); [/php] Теперь произвольные поля можно спрятать за ненадобностью, и полюбоваться на наш полностью работающий блок:

2. Вывод отмеченных записей в шаблон

После того, как у нас все заработало в админке, неплохо было бы иметь возможность вывести отмеченные записи в шаблон. С этой задачей легко справится отдельный цикл вывода записей. Отркываем header.php (или любой другой шаблон, в котором вы планируете разместить блок), и вставляем следующий код: [html]

have_posts()): $feature_posts->the_post(); ?>

[/html] Здесь мы создаем новый объект класса WP_Query, со следующими параметрами:

showposts – количество выводимых записей, в нашем случае 5
meta_key — название произвольного поля
meta_value – значение произвольного поля

В результате цикла у нас выводятся пять записей, с заголовком, цитатой и ссылкой «читать далее». Обратите внимание, что каждая запись обернута в индивидуальный блок с классом feature-item, а все эти блоки содержаться внутри блока feature-posts. Такая разметка необходима для правильной работы яваскрипт-слайдера. Осталось совсем немного — сделать для записей красивую обертку.

3. Выбор слайдера

Слайдеров на яваскрипте написано бесчисленное множество, можно выбрать на любой вкус. Я предпочитаю jQuery Cycle Plugin, поскольку он не требователен к разметке, а также имеет множество настроек. Для начала необходимо убедиться, что к вашей теме подключен jQuery, и если его еще нет, необходимо это исправить. В моей теме jQuery уже используется, поэтому мне остается только подключить сам плагин. Скачиваем полную версию плагина с официальной страницы, сохраняем в папку js внутри шаблона, и подключаем на страницу header.php сразу после функции wp_head(). [php] [/php] Далее, здесь же вставляем вызов слайдера, перед тегом body [javascript] [/javascript] Теперь наш блок выглядит вот так:

4. Настройка стилей

Я не буду подробно останавливаться на каждом стиле, думаю любой человек знакомый с CSS все поймет. Единственное, что следует отметить, html-разметка была немного изменена. В частности, был добавлен еще один оборачивающий контейнер и заголовок h2: [html]

Интересные статьи

have_posts()): $feature_posts->the_post(); ?>

[/html] Это не обязательные дополнения, так что без них вполне можно обойтись. Вот такие стили я использовала для нашего слайдера: [css] *Feature Articles*/ #feature-container{ margin-bottom: 15px; width: 620px; color: #fff; position: relative; } #feature-container a{ color: #fff; } #feature-container h2{ color: #90CACC; font-weight: normal; background: #444444; margin-bottom: 0; padding: 10px 20px; -webkit-border-top-left-radius: 15px; -webkit-border-top-right-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; border-top-left-radius: 15px; border-top-right-radius: 15px; } #feature-posts{ width: 600px; height: 100px; padding: 10px; background: #444444; } .feature-item{ padding: 0 20px; overflow: hidden; } #feature-container #nav{ font-family: Verdana; } #feature-container #nav a{ color: #fff; background: #666666; padding: 7px 10px; text-align: center; margin-right: 1px; } #feature-container #nav a.activeSlide{ background: #444444; } [/css] В результате блок выглядит вот так:

5. Сокращение длины цитаты

Уже под конец написания статьи, я вспомнила об одной возможной проблеме. Дело в том, что анонс статьи в блоке выводится с помощью темлейтного тэга the_excerpt() (цитата). По умолчанию, если вы специально не указали отдельную цитату для записи, его длина равна 55 символам, что в моем примере не очень удобно, поскольку блок по высоте не рассчитан на такой объем текста. Решение довольно простое, можно изменить дефолтную длину цитаты, на нужное количество символов, для этого вставьте следующий код в functions.php: [php] function new_excerpt_length($length) { return 20; } add_filter('excerpt_length', 'new_excerpt_length'); [/php] Строчка return возвращает количество символов цитаты, в моем случае 20. Вот собственно и все, надеюсь приведенный пример будет вам полезен. Архив с примером.

WordPress. Функции базы данных

dreamhelg — Tue, 07 Dec 2010 11:09:27 +0000

В wordpress существует достаточно обширный класс, предоставляющий набор методов для эффективной работы с базой данных. Вы можете найти описание этого класса а также всех его методов в файле /wp-includes/wp-db.php. В сегодняшней статье будут рассмотрены наиболее важные из этих методов, и небольшие примеры их использования. Важно умение использовать возможности класса $wpdb, для безопасной работы плагинов.

В статье будут приведены примеры использования следующих шести методов:

insert($table, $data, $format) – вставляет строку в таблицу через массивы.
update($table, $data, $where, $format, $where_format) – обновляет строку в таблице через массивы.
get_var($query, $x, $y) – получает одиночную переменную из базы данных.
query($query) — выполняет MySQL-запрос к базе данных, с текущим подключением.
get_results($query, $output) – получает данные SQL-запроса из базы данных (одну или множество строк).
escape($data) – Экранирует контент для вставки в базу данных, используя метод addslashes() для безопасности.

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

set_prefix($prefix) – используется для установления префикса wordpress-таблиц, также может быть использован для переопределения префикса в любое время.
prepare($query) – безопасно подготавливает SQL-запрос к выполнению, с помощью sprint()-подобного синтаксиса.
get_row($query, $output, $y) – получает одиночную запись из базы данных.
get_col($query, $x) – получает одиночную колонку из базы данных в формате массива.

[code lang="php"] /** * insert */ $wpdb->insert( $wpdb->posts, array( 'post_title' => $mytitle ) ); $wpdb->insert( $wpdb->options, array( 'option_name', 'new_option_key', 'option_value' => 'New Option Value', 'autoload' => 'yes' ) ); /** * update */ $wpdb->update( $wpdb->posts, array( 'post_title' => $mytitle ), array( 'ID' => $myid ) ); $wpdb->update( $wpdb->options, array( 'option_value' => 'New Option Value' ), array( 'option_name' => 'new_option_value' ) ); /** * get_var */ $post_id = $wpdb->get_var( $wpdb->prepare( "SELECT post_id FROM $wpdb->postmeta WHERE post_id = %d AND meta_key = 'enclosure' AND meta_value LIKE (%s)", $post_ID, $url . '&' ) ); $content = $wpdb->get_var( $wpdb->prepare("SELECT post_content FROM " . "$wpdb->posts WHERE " . "post_title = %s AND " . "ID = %d", $title, $id ) ); /** * query */ $wpdb->query( "DELETE FROM $wpdb->options WHERE option_name = '$name'" ); $wpdb->query( "UPDATE $wpdb->posts SET post_title = '$mytitle' WHERE ID = $myid" ); /** * query and escape */ $mytitle = $wpdb->escape( $mytitle ); $myid = absint( $myid ); $wpdb->query( "UPDATE $wpdb->posts SET post_title = '$mytitle' WHERE ID = $myid" ); /** * get_results */ $type = $wpdb->get_results( "SELECT post_type FROM " . "$wpdb->posts WHERE ID=$id" ); [/code]

Перевод статьи “WordPress Database Functions”.

WordPress. Создаем встроенную форму обратной связи

dreamhelg — Wed, 30 Jun 2010 06:30:45 +0000

Множество существующих плагинов wordpress позволяют встраивать форму обратной связи на ваш блог, но использование плагинов – не обязательное условие. В сегодняшней статье, вы узнаете как создать встроенную контактную форму, с помощью собственной WordPress-темы.
Пример такой формы можно найти на сайте PHP Snippets, там она выглядит следующим образом:

Шаг 1: Создание шаблона

Сначала, нам понадобится создать шаблон страницы. Для этого, скопируйте содержимое файла page.php в новый файл, и сохраните его под именем page-contact.php. Для того, чтобы WordPress определил наш файл как шаблон, нам нужно добавить комментарий, следующего вида: [php] [/php] В результате наш файл page-contact.php должен выглядеть вот так: [php]

[/php]

Шаг 2: Создание формы

Теперь, создадим простую форму обратной связи. Просто вставьте приведенный код внутри блока entry-content. [php] [/php] Код формы очень простой, и не нуждается в разъяснениях. Обратите внимания на тэг input type=”hidden”, добавленный в строке 19 – позже, он будет использоваться для проверки была ли отправлена форма.

Шаг 3: Обработка данных и ошибок

Наша форма выглядит прекрасно, но пока что является бесполезной, поскольку не отправляет сообщения. Прежде всего, перед отправкой сообщения, нам нужно проверить была ли отправлена форма, и правильно ли заполнены все поля. Если поля заполнены правильно, мы получаем почтовый адрес администратора блога и отправляем ему сообщение. Если поля заполнены частично или с ошибками, сообщение не отправляется, и пользователю выводится список ошибок. Вставьте следующий код между комментарием с названием шаблона и функцией get_header(). [php] ' . "\r\n" . 'Reply-To: ' . $email; mail($emailTo, $subject, $body, $headers); $emailSent = true; } } ?> [/php] В этом коде, проверяется отправка формы и корректное заполнение полей. Если появляются ошибки, в виде пустого поля или неправильно указанного почтового адреса, формируется сообщение об ошибке и форма не отправляется. Теперь, нам нужно отобразить сообщение об ошибке, рядом с нужным полем, например “Пожалуйста, введите имя”. Ниже приведен полный код шаблона, который вы можете использовать в своей теме. [php] ' . "\r\n" . 'Reply-To: ' . $email; mail($emailTo, $subject, $body, $headers); $emailSent = true; } } ?>

id="post-">

Thanks, your email was sent successfully.

Sorry, an error occured.

[/php]

Шаг 4: Добавляем проверку jQuery

Наша форма уже работает прекрасно, но мы можем улучшить ее, добавив проверку на клиенте. Для этого, мы будем использовать jQuery и плагин jQuery Validation. Это отличный плагин, позволяющий легко и быстро проверить правильное заполнение полей. Cкачайте плагин и поместите его в папку с вашей темой, внутри папки /js. После этого, вставьте следующие строки в новый файл: [javascript] $(document).ready(function(){ $("#contactForm").validate(); }); [/javascript] Сохраните файл под именем verif.js в папке /js. Теперь, нам нужно подключить ява-скрипт файлы в нашу тему. Откройте файл header.php и вставьте следующий код внутри тэгов : [html] [/html] После этого, ваша форма будет проверяться плагином на клиентской стороне. Плагин работает довольно просто – выбирает элементы формы, имеющий css-класс required и проверяет их на корректное заполнение. В случае ошибки, отображается сообщение. Надеюсь, вам понравится ваша новая WordPress-форма. Перевод статьи “How to create a built-in contact form for your WordPress theme”, автор Jean-Baptiste Jung

Введение в пользовательскую таксономию WordPress 3.0

dreamhelg — Fri, 14 May 2010 07:00:17 +0000

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

Что такое Таксономия?

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

Количество оперативной памяти
Размер жесткого диска
Скорость процессора
Тип процессора
Установленная операционная система
и так далее…

Краткая история таксономии WordPress

Рубрики

До версии 2.3, в WordPress был только один тип таксономии для записей, под названием Рубрики. Это было удобно для блогов, а в нашем случае, нам пришлось бы создать рубрику верхнего уровня под названием “Персональные компьютеры”, затем дочернюю рубрику “Оперативная память”, которая, в свою очередь, может содержать такие дочерние рубрики как “Меньше 1Гб”, “1Гб”, “2Гб”, “4Гб” и так далее. Вторая дочерняя рубрика, от основной рубрики “Персональные компьютеры”, называлась бы “Операционная система” и содержала бы такие дочерние рубрики, как: “Windows XP”, “Mac OS”, “Red Hat”, “Ubuntu” и т.д. Система, позволяющая иметь рубрики, состоящие из дочерних рубрик – называется иерархической структурой. До версии WordPress 2.3, создать серьезную информационную архитектуру сайта можно было только путем создания большой иерархии рубрик, в которой рубрики верхнего уровня представляли собой большие группы таксономий.

Метки

Начиная с версии 2.3, в WordPress был добавлен второй вид таксономии под названием Метки. В отличие от рубрик, которые придумываются заранее, в зависимости от типа контента на сайте, метки предоставляют более свободный метод классификации контента. Например, при создании записи о персональном компьютере, метки позволяют автору указать одно или несколько ключевых слов, таких как “игровой”, “шумный”, “офисный” и т.д. Эти ключевые слова конечно не несут такого смысла как рубрики, однако помогают добавить дополнительную классификацию к записи. Посетители сайта, в дальнейшем, легко смогут найти все записи с меткой “шумный”. Однако, свободная форма меток, не поможет нам построить надежную классификационную систему на основе заранее известных значений, таких как типы операционной системы или процессора. Кроме того, метки являются одномерными, и не поддерживают иерархическую структуру.

Одноуровневые пользовательские таксономии

Начиная с версии 2.8, в WordPress появляется возможность добавить пользовательские классификационные схемы, путем незначительных изменений в коде сайта. С помощью этой функции, вы можете построить список операционных систем, отдельно от списка типов оперативной памяти и т.д. Однако, в версии 2.8 нет возможности создать иерархическую стркутуру таксономии, как у рубрик.

Иерархические пользовательские таксономии

И наконец, WordPress 3.0, дает нам полностью иерархические пользовательские таксономии. Обратите внимание как иерархическое устройство позволяет упростить таксономию операционных систем, путем группировки всех вариантов операционной системы Windows в общей родительской рубрике “Windows”. Такая классификация позволит пользователям просматривать все компьютеры с ОС Windows, или например конкретные, с Windows XP.

Создание пользовательской Таксономии

Редактирование файла functions.php В Wordpress 3.0 нет возможности создавать пользовательские таксономии в панели управления. Для начального описания вашей пользовательской таксономии без использования плагина, вам понадобится добавить немного кода в файл functions.php, расположенный в папке с вашей темой. Это совсем не сложно – просто следуйте приведенным примерам.

Добавляем Таксономии в коде

Итак, на примере персонального компьютера, мы добавим отдельные таксономии для Оперативной памяти, Жесткого диска и Операционной системы. На данном этапе, мы просто добавим таксономии сами по себе, как пустые контейнеры. К счастью, мы можем добавлять и управлять различными классификациями, не выходя из панели управления. Шаг 1. Первая функция для создания всего Для начала, нам нужно создать функцию, которая создает все необходимые нам таксономии. Назовем функцию “build_taxonomies”. Давайте добавим эту функцию в конец файла functions.php. [php] function build_taxonomies() { // code will go here } [/php] Шаг 2. Описание Таксономий Далее, для каждой таксономии, которую мы создадим, нам нужно взывать определенную WordPress-функцию, с правильными параметрами. Далее представлена эта функция, и разъяснены ее важные параметры. [php] register_taxonomy( 'internal_name', 'object_type', array( 'hierarchical' => {true|false}, 'label' => 'Human Readable Name', 'query_var' => {true|false}, 'rewrite' => {true|false} ) ); [/php]

internal_name: название таксономии, которое будет использоваться в базе данных и файлах шаблона
object_type: определяет типы контента, к которым можно будет применить эту таксономию. Возможные значения: “post” (запись), “page” (страница), “link” (ссылка).
Далее идет массив из опциональных параметров. В этой статье, мы будем использовать наиболее важные из них, а полный список можно найти в кодексе WordPress, на странице описания функции register_taxonomy. Далее идет список используемых параметров.
hierarchical: если значение установлено в “true”, эта таксономия будет иметь возможности иерархической структуры, как у Рубрик. Если значение “false”, то таксономия по структуре будет похожа на Метки.
label: это читаемое название, которое будет использоваться в интерфейсе сайта для обозначения этой таксономии.
query_var: если значение параметра установлено в “true”, мы сможем получать записи, на основе выбранного значения этой таксономии. Например, можно найти все записи, для которых в таксономии “операционная система” указано значение “Windows”.
rewrite: если значение установлено в “true”, при просмотре страницы с этой таксономией, WordPress будет использовать дружественные URL. Например, страница, отображающая все записи с операционной системой “Windows”, будет представлена следующим url: http://domain.com/operating_system/windows

Код, добавляющий таксономию “Операционная система” выглядит следующим образом: [php] register_taxonomy( 'operating_system', 'post', array( 'hierarchical' => true, 'label' => 'Operating System', 'query_var' => true, 'rewrite' => true ) ); [/php] Вставьте эту функцию, внутри ранее созданной функции build_taxonomies. Шаг 3 Вызов функции, создающей таксономию Для того, чтобы наша функция build_taxonomies была выполнена, нам понадобится добавить одну строчку кода, в файле functions.php. Фактически мы “прицепим” функцию build_taxonomies к событию init, путем добавления следующего кода: [php] add_action( 'init', 'build_taxonomies', 0 ); [/php] Вы можете вставить эту строчку в любом месте, в нашем примере она добавлена выше вызова функции build_taxonomies, поэтому код выглядит вот так: [php] // Custom Taxonomy Code add_action( 'init', 'build_taxonomies', 0 ); function build_taxonomies() { register_taxonomy( 'operating_system', 'post', array( 'hierarchical' => true, 'label' => 'Operating System', 'query_var' => true, 'rewrite' => true ) ); } [/php]

Добавляем классификацию к новой Таксономии

Если вы правильно добавили таксономию “Операционная система” в файле functions.php, она должна появится в виде нового пункта, в блоке “Записи”, вашей панели управления. Кликните по нему, чтобы добавить необходимые классификации. Теперь, вы можете добавлять и редактировать операционные системы, точно таким же образом, как Рубрики.

Добавляем больше Таксономий

Оставшиеся таксономии добавляем аналогичным способом, то есть для каждой таксономии в файле functions.php, создается своя функция register_taxonomy: [php] register_taxonomy( 'ram', 'post', array( 'hierarchical' => true, 'label' => 'RAM', 'query_var' => true, 'rewrite' => true ) ); register_taxonomy( 'hard_drive', 'post', array( 'hierarchical' => true, 'label' => 'Hard Drive', 'query_var' => true, 'rewrite' => true ) ); [/php] После того, как вы добавите все таксономии, код должен выглядеть следующим образом: [php] // Custom Taxonomy Code add_action( 'init', 'build_taxonomies', 0 ); function build_taxonomies() { register_taxonomy( 'operating_system', 'post', array( 'hierarchical' => true, 'label' => 'Operating System', 'query_var' => true, 'rewrite' => true ) ); register_taxonomy( 'ram', 'post', array( 'hierarchical' => true, 'label' => 'RAM', 'query_var' => true, 'rewrite' => true ) ); register_taxonomy( 'hard_drive', 'post', array( 'hierarchical' => true, 'label' => 'Hard Drive', 'query_var' => true, 'rewrite' => true ) ); } [/php]

Создание записи, с использованием новой Таксономии

Создайте несколько записей, указав необходимую классификацию, в окне создания/редактирования записей, вы увидите панели вашей таксономии.

Отображение различной таксономии записей

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

Вывод таксономии на индивидуальной странице

В дефолтной теме Twenty Ten, как и во многих других темах WordPress, данные о рубрике и метках записи, выводятся непосредственно под текстом этой записи. Мы будем выводить нашу таксономию, если она существует, чуть выше блока рубрик с метками. Шаг 1. Редактирование файла single.php Шаблон индивидуальной записи называется single.php, и расположен он внутри папки с вашей темой. Если такого шаблона у вас нет, его можно создать, и скопировать в него содержимое файла index.php. Найдите в шаблоне single.php строчку: [html]

[/html] В теме Twenty Ten, этот блок содержит название рубрик, метки, ссылки и другую информацию о текущей записи. Код для вывода нашей таксономии, мы будем размещать непосредственно над этим блоком. Шаг 2. Получение таксономии для текущей записи Здесь мы определяем несколько переменных, для хранения вывода пользовательской таксономии. [php] ID, 'operating_system', 'Operating System(s): ', ', ', '' ); [/php] Для получения информации о таксономии текущей записи, мы используем функцию get_the_term, со следующими параметрами:

$post->ID : id текущей записи
‘operation_system’ : имя пользовательской таксономии. Мы проверяем, была ли назначена текущей записи, какая-либо классификация из пользовательской таксономии operation_system.
‘Операционная система (ы)’ : если данные будут найдены, эта строчка будет вставлена, перед их выводом на экран.
‘, ’ : если найденных значений будет несколько, то они будут разделены запятой
“ : если данные будут найдены, эта строка будет вставлена после вывода данных. В нашем случае, мы оставляем ее пустой.

Точно так же, используя эту функцию для двух других таксономий, мы получим код следующего вида: [php] $ram_list = get_the_term_list( $post->ID, 'ram', 'RAM Option(s): ', ', ', '' ); $hd_list = get_the_term_list( $post->ID, 'hard_drive', 'Hard Drive Option(s): ', ', ', '' ); [/php] Шаг 3. Форматирование полученного результата Проверяем результаты для каждой из трех возможных таксономий. Если результат есть, добавляем его к нашему выводу, вместе с тэгом перевода строки. [php] // Добавляем список ОС, если они указаны if ( '' != $os_list ) { $taxo_text .= "$os_list
\n"; } // Добавляем данные об Оперативной памяти, если они указаны if ( '' != $ram_list ) { $taxo_text .= "$ram_list
\n"; } // Добавляем данные о жестком диске, если они указаны if ( '' != $hd_list ) { $taxo_text .= "$hd_list
\n"; } [/php] Шаг 4. Выводим классификацию, если она найдена Проверяем, была ли получена таксономия из предыдущих шагов. Если таксономия существует, выводим ее, предварительно обернув в div с классом “entry-utility”. [php] // Выводим пользовательскую таксономию, если она существует // Обратите внимание: Мы не будет открывать div, если у него не будет содержимого if ( '' != $taxo_text ) { ?>

[/php] Шаг 5. Проверяем результаты Теперь, если открыть страницу любой записи, вы должны увидеть пользовательскую классификацию, расположенную сразу после текста записи.

Просмотр списка записей, построенный на основе пользовательской таксономии

Теперь, на странице индивидуальной записи, мы можем узнать к какой классификации принадлежит текущая запись. Вы, наверное, заметили, что при отображении пользовательской классификации, термины выводятся в виде ссылки, которая должна вести на страницу с записями, принадлежащими к этой классификации. К примеру, кликнув по ссылке “Mac OS”, мы по идее, должны увидеть страницу со списком записей, с классификацией “Mac OS”. Однако, ничего такого не происходит. Для того, чтобы у нас выводилась такая страница, нам нужно создать специальный шаблонный файл, с именем taxonomy.php. WordPress пытается грузить этот шаблон (если он существует) каждый раз, при просмотре записей, группированных пользовательской таксономией. Шаг 1 Откройте файл category.php, скопируйте его контент, и вставьте в новый файл, сохранив его под именем “taxonomy.php”. Шаг 2 Получение информации о текущей классификации В файле taxonomy.php, нам необходимо получить информацию о текущей, просматриваемой таксономии. Скорее всего, нам понадобится название и описание (если есть) для выбранной классификации. Сразу после строки следующую строку: [php] $term = get_term_by( 'slug', get_query_var( 'term' ), get_query_var( 'taxonomy' ) ); [/php] Эта строка получает всю информацию о таксономии и возвращает ее в виде объекта, записанного в переменную $term. Например, классификация “Mac OS” возвращает следующий объект: [php] stdClass Object ( [term_id] => 13 [name] => Mac OS [slug] => mac-os [term_group] => 0 [term_taxonomy_id] => 22 [taxonomy] => operating_system [description] => [parent] => 0 [count] => 2 ) [/php] Шаг 3 Вывод Названия классификации и ее описание Нам нужно изменить название страницы, чтобы пользователи видели, какая классификация отображена на странице. Поскольку мы скопировали содержимое шаблона category.php, мы можем взять строку кода, использующуюся для вывода названия рубрики, и немного ее изменить, с тем, чтобы она отображала текущее название классификации, и (если доступно) ее описание. Измените следующую строку, взятую из шаблона category.php [php] printf( __( 'Category Archives: %s', 'twentyten' ), '' . single_cat_title( '', false ) . '' ); [/php] следующим образом: [php] printf( __( 'Posts classified under: %s', 'twentyten' ), '' . $term->name . '' ); [/php] Эта строка выведет название текущей классификации. Далее, ниже добавьте следующую строчку: [php] if ('' != $term_descr ) { echo "

$term_descr

\n"; } [/php] Здесь, как не трудно догадаться, будет выведено описание классификации, если оно доступно. Проверить как работает классификационный список записей, очень просто. Откройте любую, отдельную запись, и кликните на ссылку-название классификации. Перевод статьи “Introducing WordPress 3 Custom Taxonomies”, автор Paul Kaiser

8 полезных кодовых сниппетов для WordPress 3.0

dreamhelg — Tue, 13 Apr 2010 07:00:28 +0000

WordPress 3.0, запуск которого назначен на первое мая 2010 года, произведет настоящую революцию среди блоговых систем. С таким нововведением, как пользовательские типы записей, разработчики получат возможность создавать гораздо более комплексные и мощные сайты на основе WordPress. В сегодняшней статье собраны наиболее полезные фрагменты кода, которые пригодятся вам при работе с WordPress 3.0.

Как создать пользовательский тип записи

Пользовательский тип записи – это очень серьезный шаг вперед для WordPress, поскольку, благодаря этой функциональности, разработчики смогут создавать любые типы записей, в соответствии со своими потребностями. Сейчас, в нашем распоряжении есть только записи и страницы. С WordPress 3.0, появится возможность создать новый тип записи, например “товары”, в котором клиент сможет продавать только свои товары, в виде обычной публикации записей в блог. Создать пользовательский тип записи очень просто: все, что вам нужно сделать – открыть файл functions.php и вставить следующий код: [php] $args = array( 'label' => __('Products'), 'singular_label' => __('Product'), 'public' => true, 'show_ui' => true, 'capability_type' => 'page', 'hierarchical' => false, 'rewrite' => true, 'query_var' => 'products', 'supports' => array('title', 'thumbnail') ); register_post_type( 'product' , $args ); [/php] После сохранения файла, зайдите в панель управления WordPress и обратите внимание на то, как изменилась навигация слева: добавлен новый тип записи под названием “Товары”. Источник: Кодекс

Пользовательский тип записи с пользовательской таксономией

В предыдущем примере, вы узнали как создается пользовательский тип записи, что весьма пригодится, при использовании WordPress в качестве CMS. Теперь, давайте рассмотрим более комплексное, но очень интересное решение – создадим пользовательский тип записи вместе с соответствующей пользовательской таксономией. Для тех кто не в курсе, таксономия – это термин (такой как рубрика, тэг и т.д.) связанный с записями. Более подробную информацию о таксономии можно узнать из Кодекса WordPress. В этом примере, мы создадим пользовательский тип записи под названием “Альбомы”, который будет принадлежать пользовательской рубрике “Жанр”, и будет иметь тэг “Исполнитель”. Этот фрагмент необходимо вставить в файл functions.php. Всего лишь 27 строк кода, и вы можете создать полноценный архив музыкальных альбомов. [php] function post_type_albums() { register_post_type( 'albums', array('label' => __('Albums'), 'public' => true, 'show_ui' => true, 'supports' => array( 'post-thumbnails', 'excerpts', 'trackbacks', 'comments') ) ); // Добавляем таксономию для Жанров. Теперь мы можем создавать рубрики, относящиеся к этому типу записи. register_taxonomy( 'genres', 'albums', array( 'hierarchical' => true, 'label' => __('Genres') ) ); // Добавляем таксономию для Исполнителей. Теперь мы можем создавать тэги, относящиеся к этому типу записи. register_taxonomy( 'performer', 'albums', array( 'hierarchical' => false, 'label' => __('Performer'), 'query_var' => 'performer', 'rewrite' => array('slug' => 'performer' ) ) ); } add_action('init', 'post_type_albums'); [/php] Источник: wpspecial.net

Получение пользовательского типа записей

Теперь, когда вы знаете как создавать пользовательские типы записей, следующий шаг – узнать как получить их из базы данных WordPress, и вывести в блоге. Хорошая новость для разработчиков – в этом процессе нет ничего сложного или нового. Получить пользовательские типы записей очень просто, с помощью объекта WP_Query. Следующий пример создает произвольный цикл, получающий записи только с пользовательским типом “albums”. [php]

[/php]

Активируем функцию мультисайта

Одним из самых ярких нововведений в WordPress 3.0 несомненно является мультисайтовое управление. Вкратце, всего лишь с одной установкой WordPress, вы получите возможность запустить сеть WordPress-блогов. Для того чтобы воспользоваться этой функцией, просто вставьте следующую строку кода в файл wp-config.php. Этот файл расположен в корневой директории вашей WordPress-установки. [php] define('WP_ALLOW_MULTISITE', true); [/php] После добавления вышеуказанной строки, вам понадобится зайти на страницу “Инструменты – Сеть” и настроить сеть. Источник: wptheming.com

Персональные профили авторов

Большинство популярных блогов содержит в штате целую команду различных авторов. WordPress позволяет создавать страницы автора, однако WordPress 3.0 появилась возможность использовать определенные шаблоны для разных авторов, так же, как это реализовано с разными рубриками. Все, что вам понадобится сделать – создать страницу автора с именем author-XX.php, где XX – это ID автора или ник. Например, если ник пользователя “john”, вам нужно создать файл с именем author-john.php. Источник: Кодекс

Добавление пользовательского фона

WordPress 3.0 появится новая возможность, которая особенно придется по душе нетехническим пользователям – пользовательский фон. Эта функция позволяет пользователям загрузить фоновую картинку в панели управления, указать ее позиционирование и автоматически применить к своему блогу. Конечно же тема, которую использует блоггер, должна поддерживать данную функциональность, иначе загруженный фон просто не будет отображаться. Для того, чтобы включить эту функцию, откройте файл functions.php и вставьте следующую строку: [php] add_custom_background(); [/php]

Стилизация редактора WordPress с помощью CSS

WordPress использует всем известный WYSIWYG-редактор, позволяющий видеть текст в полужирном начертании, курсив и т.д. Однако, некоторые люди хотят большего, например получить возможность отображать текст в редакторе, используя цвета и шрифты темы блога. Эта функция добавлена в WordPress 3.0. С ее помощью, вы можете создать css-файл (в примере, файл с именем editor-style.css) и подключить его к редактору WYSIWYG, для более удачного отображения. Просто вставьте этот фрагмент кода в файл functions.php. [php] add_filter('mce_css', 'my_editor_style'); function my_editor_style($url) { if ( !empty($url) ) $url .= ','; // Измените пусть к файлу, если используете вложенные папки $url .= trailingslashit( get_stylesheet_directory_uri() ) . 'editor-style.css'; return $url; } [/php] Источник: azaozz.wordpress.com

Делаем свою тему совместимой с системой меню WordPress 3.0

В WordPress 3.0 планируется внедрить абсолютно новую систему меню, которая позволит пользователям добавлять только определенные страницы, добавлять рубрики и многое другое. Хорошие новости для разработчиков шаблонов – добавить поддержку меню WP 3.0 очень просто. Для этого, откройте файл functions.php и добавьте следующую строку: [php] add_theme_support( 'nav-menus' ); [/php] После этого, вы сможете использовать новую функцию wp_nav_menu() в своих шаблонных файлах: [php] wp_nav_menu('sort_column=menu_order&container_class=navigation' [/php] Как видите, она принимает те же самые параметры, что и старая функция wp_list_categories(). Источник: wpspecial.net Перевод статьи “8 useful code snippets to get started with WordPress 3.0”, автор Jean-Baptiste Jung

WordPress. Создаем удобную панель настроек

dreamhelg — Fri, 09 Apr 2010 05:00:52 +0000

Сегодня, мы подробно рассмотрим процесс создания страницы настроек для темы WordPress, на примере замечательного фреймворка WooFramework. Затем, мы немного усложним задачу, используя возможности jQuery, немного улучшим функциональность страницы.

WordPress – на сегодняшний день является наиболее популярной системой управления контентом (CMS). Многие разработчики выбирают WordPress в качестве CMS, независимо от типа проекта. Этой системой очень просто пользоваться, но вы можете сделать ее еще проще, включив дополнительные панели управления для пользователей. Вместо того, чтобы открывать файлы PHP-шаблонов и манипулировать с кодом, пользователи могут использовать обычную страницу настроек в панели управления, и с ее помощью управлять вашей WordPress-темой. Например, если ваша тема имеет красную, синюю и зеленую цветовые схемы, каждой из которых соответствует определенный CSS-файл, было бы гораздо проще, если бы пользователь мог выбирать нужный цвет из выпадающего списка. Поэтому сегодня, вы познакомитесь с процессом создания и совершенствования дополнительной страницы настроек для панели администрирования WordPress.

Шаг 1

Прежде чем мы приступим к созданию панели управления, нам понадобится тема. Поэтому загрузите архив, с исходными файлами. Вы увидите слегка измененную классическую тему WordPress. Скопируйте папку “nettuts” (так будет называться наша тема) в папку wp-content/themes. Внутри папки должны быть следующие файлы:

functions.php (пустой)
index.php
comments.php
footer.php
header.php
rtl.php
sidebar.php
style.css
screenshot.png
папка с картинками, содержащая два файла

Большая часть нашего кода, будет расположена в файле functions.php.

Тема опционально может использовать функциональный файл, расположенный внутри папки с темой, с именем functions.php. Этот файл действует так же как плагин, и если он входит в состав вашей темы, то он автоматически загружается во время инициализации WordPress (как внешних страниц так и панели администрирования).

Этот файл предполагается использовать для:

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

(Из Кодекса WordPress)

Шаг 2

Теперь, после того как вы скачали и установили предложенную тему, зайдите на страницу “Внешний вид” – “Темы”, и активируйте нашу тему nettuts. Теперь, нам нужно продумать html-разметку для нашей панели управления. Будем использовать вот такую структуру: [html]

[/html] Позвольте мне все вам все здесь объяснить. Группы настроек будут заключены в блок с классом “rm_wrap”, а затем в блок с классом “rp_opts”. Затем, внутри этих блоков, мы открываем тег form, внутри которой будут размещены все необходимые инпуты. Каждая секция настроек (Основные настройки, Настройки домашней страницы, Настройки блога и т.д.) будет расположена в отдельном блоке с именем класса “rm_section”. В этом блоке будет расположено название (для секции настроек) и несколько блоков с инпутами. Используя специальные классы для блоков, типа

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

Шаг 3

Откройте файл functions.php своим любимым редактором кода (я использую NotePad++), и вставьте следующий код: [php] cat_ID] = $category_list -> cat_name; } array_unshift($wp_cats, "Выберите рубрику"); [/php] Этот фрагмент кода использует встроенную wordpress-функцию get_categories, для получения всех рубрик, а затем, с помощью цикла foreach, сохранения их в переменной $wp_cats. Затем к массиву добавляется опция “выберите рубрику”.

Шаг 4

Теперь пришло время создать список настроек для нашей темы. Вставьте следующий код в файл functions.php: [php] $options = array( array( "name" => "Настройки", "type" => "title" ), array ( "name" => "Основные настройки", "type" => "section" ), array ( "type" => "open"), array ( "name" => "Цветовая схема", "desc" => "Выберите цветовую схему темы", "id" => $shortname . "_color_scheme", "type" => "select", "options" => array ("синяя", "красная", "зеленая"), "std" => "blue" ), array ( "name" => "URL Логотипа", "desc" => "Введите ссылку к картинке логотипа", "id" => $shortname . "_logo", "type" => "text", "std" => "" ), array ( "name" => "Пользовательский CSS", "desc" => "Хотите использовать свой CSS-код? Вставьте его в это поле", "id" => $shortname . "_custom_css", "type" => "textarea", "std" => "" ), array ( "type" => "close"), array ( "name" => "Домашняя страница", "type" => "section" ), array ("type" => "open"), array ( "name" => "Картинка в шапке, на главной странице", "desc" => "Введите URL картинки, которая будет использоваться в шапке", "id" => $shortname ."_header_img", "type" => "text", "std" => ""), array ( "name" => "Рубрика домашней страницы", "desc" => "Выберите рубрику, в которую будут публиковатся записи", "id" => $shortname ."_feat_cat", "type" => "select", "options" => $wp_cats, "std" => "Выберите рубрику"), array ( "type" => "close"), array ( "name" => "Подвал", "type" => "section"), array ( "type" => "open"), array( "name" => "Текст копирайта", "desc" => "Введите текст, который будет размещен в правой части подвала. Можно использовать HTML", "id" => $shortname."_footer_text", "type" => "text", "std" => ""), array( "name" => "Код Google Analytics", "desc" => "Здесь вы можете разместить код Google Analytics, или любой другой счетчик", "id" => $shortname."_ga_code", "type" => "textarea", "std" => ""), array( "name" => "Favicon", "desc" => "Favicon - это пиксельная иконка, которая представляет ваш сайт. Вставьте URL к картинке с расширением .ico", "id" => $shortname."_favicon", "type" => "text", "std" => get_bloginfo('url') ."/favicon.ico"), array( "name" => "Feedburner URL", "desc" => "Feedburner - это сервис Google, управляющий RSS-потоками. Paste your Feedburner URL here to let readers see it in your website", "id" => $shortname."_feedburner", "type" => "text", "std" => get_bloginfo('rss2_url')), array( "type" => "close") ); [/php] Это был довольно большой фрагмент кода, заслуживающий небольшого разъяснения. Итак:

PHP-переменная $options хранит весь список настроек для нашей темы.
Список настроек состоит из нескольких массивов, каждый из которых содержит ключ “type”, для определения типа настройки и способа ее отображения.
Наш список настроек начинается с массива “type” => “title” – который будет использоваться для отображения имени темы и названия в заголовке страницы.
Каждый раздел (Основные настройки, Домашняя страница, Подвал) имеет отдельный список настроек.
Мы начинаем новую секцию, закрывая любую из предыдущих секций, и объявления новой секции с помощью массива array(“name” => “Подвал”, “type” => “section”).
Каждая опция может содержать следующие настройки: name: Имя текстового поля. desc: Короткое описание поля, для пользователя. id: id поля, с префиксом из псевдонима. Оно будет использоваться как для записи настройки, так и для доступа к ней. type: тип input - text, select или textarea options: используется для объявления массива настроек для поля выпадающего списка. std: значение поля по умолчанию, используется если никаких других значений не указано.

Шаг 5

Попробуйте зайти в панель управления Wordpress. Вы нигде не найдете указанных нами настроек, как же нам отобразить их? Добавляем следующий код в файл functions.php: [php] function mytheme_add_admin(){ global $themename, $shortname, $options; if($_GET['page'] == basename(__FILE__) ){ if( 'saved' == $_REQUEST['action']){ foreach ($options as $value){ update_option($value['id'], $_REQUEST[$value['id']]); } foreach ($options as $value){ if( isset ($_REQUEST[$value['id']]) ){ update_option($value['id'], $_REQUEST[$value['id']] ); }else{ delete_option($value['id']); } } header("Location: admin.php?page=functions.php&saved=true"); die; } } else if('reset' == $_REQUEST['action']){ foreach($options as $value){ delete_option($value['id']); } header("Location: admin.php&page=functions.php&reset=true"); die; } add_menu_page($themename, $themename, 'administrator', basename(__FILE__), 'mytheme_admin'); } function mytheme_add_init() { } [/php] Эта функция используется как для обновления самих настроек, так и для добавления страницы в панели управления. Если настройки были сохранены (определяется с помощью скрытой переменной save), то все настройки обновляются указанными значениями. Если же, настройки были сброшены (определяется с помощью другой скрытой переменной reset), то все настройки удаляются. Последняя строка функции, добавляет страницу меню – параметры по порядку: имя и название, уровень пользовательских прав для просмотра страницы, страница сохранения и функция, использующаяся для отображения/сохранения настроек (в нашем примере называется mytheme_admin). Заметили, что функция mytheme_add_init пустая? Пусть пока останется такой как есть, мы вернемся к ней позже.

Шаг 6

Страница настроек в панели управления так и не появилась? Но, мы еще не дописали функцию mytheme_admim, о которой говорилось выше. Для создания этой функции нам понадобится код из шагов 6,7 и 8. Давайте начнем. [php] function mytheme_admin(){ global $themename, $shortname, $options; $i = 0; if($_REQUEST['action'] == 'save') echo '

настройки темы '. $themename .' были сохранены

'; if($_REQUEST['reset']) echo '

настройки темы '. $themename .' были сброшены

'; ?>

Настройки

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

" />

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

Шаг 8

Мы приближаемся к концу этой довольно большой функции. Вставьте следующий код: [php] case "select" : ?>

/functions/images/trans.gif" class="inactive" alt=""/>

Иконки: WooFunction

Шаг 9 Отлично, теперь у нас есть собственная страница управления, с отдельным пунктом меню. Однако, зайдя на эту страничку, мы видим, что не все так хорошо как нам бы хотелось. Но не беда, у нас есть отличный помощник – CSS! Создаем новую папку “functions”, внутри папки nettuts. Внутри этой папки, создаем новый файл – functions.css, и вставляем в него следующий код: [css] .rm_wrap{ width:740px; } .rm_section{ border:1px solid #ddd; border-bottom:0; background:#f9f9f9; } .rm_opts label{ font-size:12px; font-weight:700; width:200px; display:block; float:left; } .rm_input { padding:30px 10px; border-bottom:1px solid #ddd; border-top:1px solid #fff; } .rm_opts small{ display:block; float:right; width:200px; color:#999; } .rm_opts input[type="text"], .rm_opts select{ width:280px; font-size:12px; padding:4px; color:#333; line-height:1em; background:#f3f3f3; } .rm_input input:focus, .rm_input textarea:focus{ background:#fff; } .rm_input textarea{ width:280px; height:175px; font-size:12px; padding:4px; color:#333; line-height:1.5em; background:#f3f3f3; } .rm_title h3 { cursor:pointer; font-size:1em; text-transform: uppercase; margin:0; font-weight:bold; color:#232323; float:left; width:80%; padding:14px 4px; } .rm_title{ cursor:pointer; border-bottom:1px solid #ddd; background:#eee; padding:0; } .rm_title h3 img.inactive{ margin:-8px 10px 0 2px; width:32px; height:32px; background:url('images/pointer.png') no-repeat 0 0; float:left; -moz-border-radius:6px; border:1px solid #ccc; } .rm_title h3 img.active{ margin:-8px 10px 0 2px; width:32px; height:32px; background:url('images/pointer.png') no-repeat 0 -32px; float:left; -moz-border-radius:6px; -webkit-border-radius:6px; border:1px solid #ccc; } .rm_title h3:hover img{ border:1px solid #999; } .rm_title span.submit{ display:block; float:right; margin:0; padding:0; width:15%; padding:14px 0; } .clearfix{ clear:both; } .rm_table th, .rm_table td{ border:1px solid #bbb; padding:10px; text-align:center; } .rm_table th, .rm_table td.feature{ border-color:#888; } [/css] Думаю, этот код не требует каких-либо разъяснений, все предельно просто и понятно. Вы, конечно, можете изменять его по своему вкусу.

Шаг 10

Теперь, когда у нас есть готовый CSS-файл, как же подключить его к странице, если у нас нет прямого доступа к разделу документа ? Помните, мы создали пустую функцию mytheme_add_init()? Вон она-то как раз нам и поможет. Измените ее следующим образом: [php] function mytheme_add_init() { $file_dir = get_bloginfo('template_directory'); wp_enqueue_style("functions", $file_dir."/functions/style.css", false, "1.0", "all"); } [/php] Этот код подключит файл functions.css в раздел документа . Расположение файла определяется папкой с шаблоном.

Шаг 11

Взгляните на нашу страницу. Она выглядит вполне хорошо, осталось лишь добавить функциональность иконкам плюса, в заголовках секции. Для этого будем использовать jQuery. Создайте новый файл rm_script.js внутри папки nettuts/functions/folder. Вставьте следующий код: [javascript] jQuery(document).ready(function(){ jQuery('.rm_options').slideUp(); jQuery('.rm_section h3').click(function(){ if(jQuery(this).parent().next('.rm_options').css('display')==='none') { jQuery(this).removeClass('inactive').addClass('active').children('img').removeClass('inactive').addClass('active'); } else { jQuery(this).removeClass('active').addClass('inactive').children('img').removeClass('active').addClass('inactive'); } jQuery(this).parent().next('.rm_options').slideToggle('slow'); }); }); [/javascript] Что же делает этот код? После того как DOM загружен, все блоки с классом “rm_options” сворачиваются. Затем, при клике на иконке плюса, удаляется класс “inactive”, и добавляется класс “active”, который заменяет иконку на знак минус. При повторном нажатии этой иконки, происходит обратный процесс. Для сворачивания/разворачивания блоков используется довольно простая функция jQuery slideToggle. Чтобы подключить этот скрипт к странице, мы будем использовать уже знакомую нам функцию mytheme_add_init(), измените ее следующим образом: [php] function mytheme_add_init() { $file_dir = get_bloginfo('template_directory'); wp_enqueue_style("functions", $file_dir."/functions/style.css", false, "1.0", "all"); wp_enqueue_script("rm_script", $file_dir."/functions/script.js", false, "1.0"); } [/php] После этого, скрипт должен работать. Проверьте, как это выглядит на странице:

Шаг 12

Теперь, после того как наша страница настроек полностью готова, осталось немного рассказать об использовании самих настроек. Код, позволяющий использовать параметры, выглядит следующим образом: [php] $var = get_option('nt_colur_scheme'); [/php] С его помощью, мы сможем реализовать смену цветовой схемы сайта. Это довольно просто: [php] /* Изменяем CSS-файл, в зависимости от выбранного цвета */ /*Выводим текст в подвале, можно использовать HTML-тэги */

[/php] Область применения ограничивается только вашим воображением. Скачать архив с приведенным примером. Перевод статьи “How to Create a Better WordPress Options Panel”, автор Rohan Mehta

WordPress. Как разделить контент на две колонки

dreamhelg — Fri, 05 Feb 2010 13:41:06 +0000

WordPress замечательная CMS, однако для реализации некоторых функций в вашей теме, иногда требуется нестандартное мышление. Обычно текст записи или страницы, выводится в шаблоне, с помощью одиночного вызова соответствующей функции: the_content(args); Но, что если вам нужно разделить контент на несколько блоков? Это может потребоваться, для многоколоночной темы, или, имеющей несколько разделов на одной странице. В wordpress есть функция get_the_content(), для получения контента в виде PHP-переменной, но как же определить где именно располагаются разделы? Существуют различные решения, но все они сводятся к следующему:

Разбивание контента HTML-тэгами, такими например, как заголовок h2. К сожалению, этот метод предполагает наличие минимальных знаний HTML у автора, к тому же он не очень гибкий – вам нельзя будет использовать два заголовка в одной колонке.
Использование шорткода WordPress. Это более удобный способ, но все же, он накладывает определенные обязательства на редактора статьи - запоминать и правильно использовать необходимый код.

WordPress-тэг , может предложить гораздо лучшее решение. Обычно, он используется для разбиения длинной статьи на две части, однако не все темы используют эту возможность, к тому же, по умолчанию, он работает только для записей (не для страниц). Использование тега <—more—>, имеет ряд преимуществ:

кнопку “more”, которая доступна как в HTML, так и в визуальном редакторе.
разделы можно располагать в любом месте текста.
принцип действия очень простой, процесс разделения контента понятен даже не опытным пользователям.

Для того, чтобы использовать тег more, для разделения статьи, вам понадобится файл functions.php, расположенный в вашей теме. Просто откройте его, и вставьте следующий код. [php] // разбиваем контент тегом more и возвращаем в виде массива function split_content() { global $more; $more = true; $content = preg_split('/<\/span>/i', get_the_content('more')); for($c = 0, $csize = count($content); $c < $csize; $c++) { $content[$c] = apply_filters('the_content', $content[$c]); } return $content; } [/php] Теперь, вам нужно найти файлы темы, содержащие вызов функции the_content(), расположенный внутри цикла. Как правило, это файлы single.php и page.php, которые используются для отображения одиночной записи и страницы. Однако, кроме этих файлов, the_content() также используется в файлах index.php, archive.php и search.php, для вывода списка записей, поэтому будьте осторжны, с внесением изменений в шаблон. После того, как найдете нужный код, закомментируйте строку вызова функции the_content(), и вызовите функцию split_content(). Она вернет контент в виде массива, где каждый элемент представляет собой одиночный блок контента, разделенный тегом <--more-->, $content[0], $content[1], $content[2] ... и так далее. После этого, расположить блоки внутри нужной HTML-разметки не составит труда. [php] < ?php // обычный вывод контента // the_content('

Read the rest of this page »

'); // разбиение контента в массив $content = split_content(); // вывод первой секции контента в отдельной колонке echo '

', $content[0], '

'; // вывод оставшейся части контента в другой колонке echo '

', implode(array_shift($content)), '

'; ?> [/php] Надеюсь, этот код будет вам полезен. Перевод статьи "How to Split WordPress Content Into Two or More Columns", автор Craig Buckler

WordPress. Фильтруем HTML в записях и комментариях

dreamhelg — Wed, 13 Jan 2010 08:03:44 +0000

Я давно уже наблюдаю мучения читателей, которые пытаются оставить примеры html-разметки в комментариях. К сожалению, в прошлом году, долго не находилось времени, для решения этой проблемы. Но сегодня, с радостью хочу объявить о том, что проблема наконец-то решена – теперь вы можете использовать любую html-разметку в комментариях, предварительно заключив ее в теги

, а если вам интересно как это реализовано, то читайте далее.

Описание проблемы
HTML – это структурированный язык разметки, в котором текст заключается внутри тегов с угловыми скобками. Эти тэги сообщает браузеру, каким образом необходимо структурировать/отобразить информацию, содержащуюся между ними. Одни из самых распространенных тегов – это открывающий и закрывающий тег параграфа (, ); они сообщают браузеру, что текст, который находится внутри, является параграфом, в общей структуре документа.

Но что если, вы захотите показать читателям пример html-разметки?

Вы не сможете вывести тэги на экран, просто напечатав их, поскольку браузер решит, что это html-код и не отобразит их. Поэтому, для того чтобы вывести html-код, мы должны использовать специальные угловые скобки. Для вывода таких скобок используется их символьный объект –  специальный код, который выведет нужный символ. Этот код может быть как в форме имени, так и в форме числа, можно использовать то, что больше нравится. Например, прямые кавычки “ можно вывести двумя способами – используя объект-имя " или объект-число ".

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

Добавляем HTML-код в текст записи WordPress
Теперь, после того как мы разобрались, как отобразить HTML-код на экране, давайте разберемся как нам это использовать в записях WordPress. На первый взгляд все очень просто – нужно всего лишь заменить левые и правые угловые скобки в их символьные эквиваленты. Это хорошо пока у вас одна-две строчки кода, но что делать, если их значительно больше? Существуют различные плагины для решения этой проблемы, но большинство их них требуют дополнительной разметки в статье.

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

С помощью специального фильтра WordPress, мы сможем нормально отображать примеры html-кода в статьях и комментариях, внутри тегов .

Фильтры WordPress
Из Кодекса:

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

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

Специальный WordPress HTML фильтр
Вот так выглядит код фильтра:

[php]
)(.*?)
!ise', " '$1' .  stripslashes( str_replace(array('<','>'),array('<','>'),'$2') )  . '' ", $content_text);
    return $content_text;
    }

add_filter('the_content','mish_code_filter', 1, 1);
?>
[/php]

Теперь, давайте разберем код на части. Сначала мы создаем новую функцию, под названием “mish_code_filter”:

[php]
function mish_code_filter($content_text) {
    
    }
[/php]

Далее, мы описываем, что будет делать функция. В нашем примере, мы используем PHP-функцию preg_replace(), которая будет отыскивать текст внутри тэгов …

[php]
$content_text = preg_replace('!()(.*?)!ise',
[/php]

…и заменять их на зашифрованный текст:

[php]
" '$1' .  stripslashes( str_replace(array('<','>'),array('<','>'),'$2') )  . '' ",
[/php]

Вторая часть функции preg_replace(), использует две PHP-функции: stripslashes() и str_replace().

stripslashes() удаляет обратные слэши (\), которые добавляет WordPress, до того как вставляет запись в базу данных. Обычно, WordPress самостоятельно удаляет эти слэши, до того как вывести контент на экран, но поскольку наш фильтр инициализируется до того как данные будут отображены, эта функция обязательна.

str_replace() – ищет угловые скобки и заменяет их на символьные объекты.

$1 и $2 – это значения выражения, где $1 = () и $2 = (.*?).

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

[php]
return $content_text;
[/php]

Теперь, нам нужно внедрить наш фильтр в WordPress, так, чтобы он срабатывал в определенное время. В нашем случае, мы внедрим фильтр, внутрь фильтра «the_content»:

[php]
add_filter('the_content','mish_code_filter', 1, 1);
[/php]

Фильтр “the_content”, как нетрудно догадаться, используется для фильтрации записей, после того, как они получены из базы данных и до того, как они выведены на экран. Поэтому, в нашем случае, мы сообщаем вордпрессу, о том, что наш фильтр (mish_code_filter) нужно использовать совместно с фильтром “the_content”.

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

Установка Фильтра
Откройте ваш файл functions.php (расположен в папке с вашей темой), и вставьте туда следующий код:

[php]
)(.*?)!ise', " '$1' .  stripslashes( str_replace(array('<','>'),array('<','>'),'$2') )  . '' ", $content_text);
    return $content_text;
    }

add_filter('the_content','mish_code_filter', 1, 1);
?>
[/php]

Фильтр для Комментариев

Наш фильтр также можно использовать для фильтрации html, в тексте комментариев, для этого понадобятся совсем небольшие изменения. Первое, что нам нужно сделать – это заменить фильтр «the_content», на фильтр «comment_text», который выполняет ту же функцию, только для текста комментариев.

Ну и второе, необязательное изменение – теги

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

[php]
function mish_code_filter($content_text) {
    $content_text = preg_replace('!()(.*?)!ise', " '$1' .  stripslashes( str_replace(array('<','>'),array('<','>'),'$2') )  . '' ", $content_text);
    return $content_text;
    }

add_filter('comment_text','mish_code_filter', 1, 1);
[/php]

Устанавливается он точно так же, как фильтр контента. Вот и все, можете проверить – наш фильтр работает.

Плагины с похожей функциональностью

	Raw HTML
	WP No Format
	Clean WordPress

Перевод статьи "Adding and Filtering Raw HTML in WordPress Posts", автор Martin

WordPress. Простой шорткод для постоянных ссылок

dreamhelg — Tue, 01 Dec 2009 12:48:19 +0000

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

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

Плохой пример: [php] Контакты [/php] Хороший пример: [php] Контакты [/php] Здесь «12» - это ID нужной записи или страницы. Почему же этот способ правильней?

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

Используя вышеуказанную функцию, ссылки на ваши записи и страницы никогда не изменятся. Это очень удобно использовать, при работе с файлами нашей темы, но как насчет использования ссылок на страницах и записях в визуальном редакторе? По умолчанию, мы не можем выполнять PHP-код внутри нашей страницы или записи, а следовательно нет возможности использовать функцию get_permalink. Что мы можем сделать, так это создать специальный шорткод, с точно такой же функциональностью. И вот он: [php] function permalink_thingy($atts) { extract(shortcode_atts(array( 'id' => 1, 'text' => "" // значение по умолчанию, если ничего не указано ), $atts)); if ($text) { $url = get_permalink($id); return "$text"; } else { return get_permalink($id); } } add_shortcode('permalink', 'permalink_thingy'); [/php] Этот шорткод можно использовать двумя способами: Просто: [php] Использование без текста [/php] Здесь вам нужно просто указать параметр id и шорткод вернет URL. Полученный URL можно использовать любым способом, например, если вам нужно присвоить ссылке определенный класс или еще для чего-нибудь. С текстом: [php] [permalink id=49 text='providing text'] [/php] Этот способ вернет полностью форматированную ссылку, с текстом, который вы указали. Перевод статьи «Easy Shortcode Permalinks», автор Chris Coyier

WordPress. Создаем запись только для подписчиков RSS

dreamhelg — Tue, 03 Nov 2009 07:30:41 +0000

Для поощрения своих постоянных читателей, владельцам блогов иногда нужно создавать записи только для своих RSS-подписчиков. В сегодняшней статье вы узнаете, как это сделать с помощью WordPress. Первое, что вам нужно сделать – это создать специальную рубрику, записи которой будут доступны только для RSS-подписчиков. Предположим, вы создали новую рубрику «Только по RSS». После создания рубрики, вам нужно будет узнать ее ID. Это определяется очень просто, зайдите на страницу редактирования рубрики, и ее ID отобразится в адресной строке браузера. Теперь, откройте файл вашей темы functions.php в любом редакторе. Если в вашей теме нет такого файла, создайте его. Добавьте следующий код в файл functions.php. [php] is_home | $query->is_archive ) $query->set('cat','-3'); return $query; } add_filter('pre_get_posts', 'excludeCategory'); ?> [/php] pre_get_post - это специальный фильтр WordPress, который запускается до получения записей из базы данных. С помощью этого фильтра, мы исключаем, указанную выше рубрику со всех страниц кроме RSS-ленты. Обратите внимание, что для исключения рубрики, используется знак минус, перед ID. Так что теперь, когда вы добавите запись в рубрику «Только по RSS», она не отобразится на главной странице, странице рубрики, в тегах или архивах; эта запись будет доступна только вашим RSS-подписчикам. И наконец, если вы используете в своей теме функцию wp_list_categories(), для отображения рубрик, вам необходимо передать параметр, исключающий нашу rss-рубрику из общего вывода. [php] wp_list_categories('exclude=3'); [/php] А если вдруг функция wp_list_categories, уже имеет какие-то параметры, то добавить еще один, можно с помощью знака &. [php] wp_list_categories('show_count=1&exclude=3'); [/php] Вот так довольно просто, можно создавать статьи только для читателей RSS-ленты. Если вы знаете еще какие-то способы реализации такой задачи, расскажите о них. Перевод статьи "Create Post Only For Your RSS Subscribers in WordPress"

Очередной блог фрилансера » wordpress

WordPress. Создаем блок «Интересные статьи»

1. Создание отметок для записей

2. Вывод отмеченных записей в шаблон

3. Выбор слайдера

4. Настройка стилей

Интересные статьи

5. Сокращение длины цитаты

WordPress. Функции базы данных

WordPress. Создаем встроенную форму обратной связи

Шаг 1: Создание шаблона

Шаг 2: Создание формы

Шаг 3: Обработка данных и ошибок

Шаг 4: Добавляем проверку jQuery

Введение в пользовательскую таксономию WordPress 3.0

Что такое Таксономия?

Краткая история таксономии WordPress

Рубрики

Метки

Одноуровневые пользовательские таксономии

Иерархические пользовательские таксономии

Создание пользовательской Таксономии

Добавляем Таксономии в коде

Добавляем классификацию к новой Таксономии

Добавляем больше Таксономий

Создание записи, с использованием новой Таксономии

Отображение различной таксономии записей

Вывод таксономии на индивидуальной странице

Просмотр списка записей, построенный на основе пользовательской таксономии

8 полезных кодовых сниппетов для WordPress 3.0

Как создать пользовательский тип записи

Пользовательский тип записи с пользовательской таксономией

Получение пользовательского типа записей

Активируем функцию мультисайта

Персональные профили авторов

Добавление пользовательского фона

Стилизация редактора WordPress с помощью CSS

Делаем свою тему совместимой с системой меню WordPress 3.0

WordPress. Создаем удобную панель настроек

Шаг 1

Шаг 2

Шаг 3

Шаг 4

Шаг 5

Шаг 6

Настройки

Шаг 7

Шаг 8

/functions/images/trans.gif" class="inactive" alt=""/>

Шаг 10

Шаг 11

Шаг 12

WordPress. Как разделить контент на две колонки

WordPress. Фильтруем HTML в записях и комментариях

Описание проблемы

Добавляем HTML-код в текст записи WordPress

Фильтры WordPress

Специальный WordPress HTML фильтр

Установка Фильтра

Фильтр для Комментариев

Плагины с похожей функциональностью

WordPress. Простой шорткод для постоянных ссылок

WordPress. Создаем запись только для подписчиков RSS