Встречайте, панель для Photoshop - Semser.

Тратить 40 долларов на плагин к Photoshop мне не хотелось, да и часть функций мне не нужна была(сохранение в облако например), и я подумал, а сделаю-ка я сам такой плагин. Тем более оказалось что там используется HTML+CSS+Javascript.

Панелька пока может только сохранять выделенный слой(слои)/выделение в png или jpg или копировать в буфер обмена.

• PNG сохраняется в PNG-24
• JPG сохраняется с 80% качеством
• Если выделен фоновый слой или только он и есть, экспорта не происходит
• При снятой галочки "Prompt file name", файл сохранится с именем слоя(при экспорте выделения так же =))
• При установленной галочке "Trim" файл будет обрезан по прозрачным пикселям
• При нажатии на кнопку "File" экспорт в файл, на "Clipboard" в буфер обмена

Качать тут, писать в twitter

PS. Гифка с процессом:

Под капотом PHP и Markdown, RSS пока не работает и комментариев нет, и стоит ли их подключать, не знаю). Честно говоря блог я подзабросил, последний раз писал 3 июля 2011 года, думаю, буду теперь писать почаще, а пока покажу вам кое-что:

Пишите мне в твиттере

P.S. Да кстати старые записи не совсем корректно перенеслись, пишите, поправлю =)

Сперва я нашел phpDocumentor, вроде бы все замечательно, генерит HTML + может делать проект для HTML Help, но… не заработал, то есть HTML генерит, но HTML Help получается почему-то без указателей и т.д.

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

И сама справка:

Вот кажется сделал и все, должен быть доволен, но! Захотелось вызова справки из редактора кода по выделенной функции. Я работаю в PSPad, и там есть вызов справки, но только по языкам, пришлось писать плагин.

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

А вот сам плагин:

var shell = new ActiveXObject("WScript.shell");
function open_help() {
    var ceDoc = newEditor();
    ceDoc.assignActiveEditor();
    var s = ceDoc.selText();
    shell.run("keyhh.exe -#klink "+s+" путь/к_справке.chm");
}
function Init(){
    addMenuItem("Open WordPress Help", "WordPress", "open_help", "ALT+F2");
}

теперь когда выделена какая-нибудь функция WordPress(без скобок)

нажимаем ALT+F2 и вуаля, открывается справка с нашей функцией

Достаточно для того чтобы не лазая в кодекс вспомнить назначение и/или параметры функции.

Для остальных редакторов как сделать не знаю, потому-что ими не пользуюсь.

Скачать

Другие мои сниппеты можете посмотреть на https://gist.github.com/roose

Поиск в категории.

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

1. Создать шаблон формы поиска в папке с темой
2. Переопределить вывод формы своей функцией.

Создание шаблона формы поиска.

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

<?php
    $dropdowncats = wp_dropdown_categories('echo=0&show_option_none=Все категории');
    $form =
    '<form id="searchform" role="search" method="get" action="' . home_url( '/' ) . '" >
        <div>
            <label for="s">Поиск</label>
            <input name="s" id="s" type="text" value="' . get_search_query() . '" />' . $dropdowncats .
            '<input type="submit" class="submit" name="submit" id="searchsubmit" value="Найти" />
        </div>
    </form>';
    echo $form;
?>

Давайте разберем что тут такое. Первым делом в переменную $dropdowncats заносим список категорий в виде списка select, потом в переменную $form всю нашу форму и выводим ее echo $form; Теперь вы можете вызвать эту форму в любом месте с помощью функции get_search_form()

Переопределение вывода формы своей функцией.

Почти то же самое.

<?php
    function my_get_search_form() {
        do_action( 'get_search_form' );
        $dropdowncats = wp_dropdown_categories("echo=0&show_option_none=Все категории");
        $form =
        '<form id="searchform" role="search" method="get" action="' . home_url( '/' ) .  '" >
            <div>
                <label for="s">Поиск</label>
                <input name="s" id="s" type="text" value="' . get_search_query() . '" />' . $dropdowncats .
                '<input type="submit" class="submit" name="submit" id="searchsubmit" value="Найти" />
            </div>
        </form>';
        echo apply_filters('get_search_form', $form);
    }
?>

И теперь можно вызывать ее в любом месте: my_get_search_form()

Ну вот, список категорий мы добавили:

Теперь сделаем чтобы оно работало. В файле function.php пишем:

add_action('pre_get_posts', 'search_by_cat');
function  search_by_cat() {
    global $wp_query;
    if (is_search()) {
        $cat =  intval($_GET['cat']);
        if($cat<0) $cat='';
        $wp_query->query_vars['cat'] = $cat;
    }
}

Итак, мы пишем функцию, которая проверяет страница ли поиска это, и берет с глобальной переменной $_GET категорию, так как пункт “Все категории” будет у нас иметь значение “-1″, то проверяем это дело и если никакая категория не выбрана, в $cat ничего не пишем. Далее мы эту нашу функцию вешаем на хук pre_get_posts, которая выполняется до запроса в базу данных. Тем самым мы заставляем WordPress к запросу по умолчанию добавить еще один параметр – ID категории из которой мы хотим произвести поиск.

Поиск по дополнительным полям.

Теперь давайте представим, что категории у нас – это список производителей автомобилей, типа: Mercedes, Nissan, Toyota и т.д. И у нас в дополнительных полях каждой записи есть ключ body и в нем может быть значения: sedan, coupe и т.д. Как же в этом случае? А в этом случае все так же, только одно отличие список нужно будет делать самому:

<select id="body"  name="body">
    <option  value="sedan">Седан</option>
    <option  value="coupe">Купе</option>
    <option value="etc">И  т.д.</option>
</select>

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

add_action('pre_get_posts',  'search_by_tag');
function search_by_tag() {
    global $wp_query;
    if (is_search()) {
        $meta_key =  ‘body’;
        $meta_value = intval($_GET['body']);
        $wp_query->query_vars['meta_key'] = $meta_key;
        $wp_query->query_vars['meta_value']  = $meta_value;
    }
}

То есть так же как и с категорией, только параметра два: имя ключа и его значение.

Сложный пример.

Перейдем к примеру посложнее. Окей, у нас в дополнительных полях будут цены 8-Q. И форма поиска у нас будет такая:

<?php
    $dropdowncats =  wp_dropdown_categories('echo=0&show_option_none=Select category');
    $form =
        '<form  role="search" method="get" action="' . home_url( '/' ) . '" >
            <div>
                <label  for="s">' . __('Search for:') . '</label>
                <input  type="text" value="' . get_search_query() . '" />' . $dropdowncats .
                '<label for="pfrom">Цена  от:</label><input  id="pfrom">
                <label for="pto">до:</label>
                <input type="text">' . '<input  id="searchsubmit" value="'. esc_attr__('Search') .'" />
            </div>
        </form>';
    echo $form;
?>

И выглядеть она будет так:

И тут то нас поджидают неприятности(((, сделать как с категориями и доп.полями как выше мы не сможем(насколько я понял). Во-первых потому что дополнительные поля хранятся как текст, а во-вторых хотя и дополнительные поля можно сравнивать и есть даже у них параметр 'meta_compare' который может быть =,!=, >, >=, <, или <=, по умолчанию =, но он не может делать то, что мы хотим: сравнивать от и до. Ладно пойдем другим путем, более сложным, но не менее интересным. Идем в файл function.php и пишем функцию:

function is_price() {
    if( isset($_GET['pfrom']) & isset($_GET['pto']) ) {
        if( !empty($_GET['pfrom']) & !empty($_GET['pto']) )
            return  true;
        }
    return false;
}

Здесь мы проверяем установлены ли переменные и не пусты ли они. $pfrom – это "от", а $pto – это "до". Расшифровывается как price from, price to.

Далее пишем функцию и вешаем ее на posts_join:

function search_meta_join($join) {
    global $wpdb;
    if( is_search()  && is_price() ) {
        $join .= " JOIN  $wpdb->postmeta ON $wpdb->posts.ID = $wpdb->postmeta.post_id ";
    }
    return $join;
}
add_filter('posts_join',  'search_meta_join');

Тут мы проверяем правда ли это страница поиска и наши переменные, и… И говорим WordPress, что мы хотим к его запросу к базе добавить данные из таблицы postmeta. Ну и последняя функция:

function search_meta_where($where) {
    global $wp_query,  $wp_version, $wpdb;
    if( !empty($wp_query->query_vars['s'])  && is_price() ) {
        $pfrom = $_GET['pfrom'];
        $pto =  $_GET['pto'];
        $where .= " AND  $wpdb->postmeta.meta_key = 'price' AND $wpdb->postmeta.meta_value  >= $pfrom AND $wpdb->postmeta.meta_value <= $pto";
    }
    return $where;
}
add_filter('posts_where',  'search_meta_where');

Ну здесь мы опять проверяем поиск ли это, и установлены ли наши “от” и “до”. И указываем WordPress, какие нам именно данные из таблицы postmeta нужны. То есть например если у нас “от 10 000 до 20 000”, то так и пишем, больше или равно и меньше или равно: $wpdb->postmeta.meta_value >= $pfrom AND $wpdb->postmeta.meta_value <= $pto"

И все у нас прекрасно работает! Естественно при реальном внедрении может быть понадобится намного больше времени и возни, но программу минимум мы выполнили и теперь знаем как делать такие вещи.

Для начала создадим в папке с темой файл template-sitemap.php

Потом откроем этот файл в редакторе и первым делом напишем следующие строки:

<?php

?>

по этим строкам wordpress будет знать что template-sitemap.php это шаблон Sitemap.

далее пишем такую вот заготовку:

<?php get_header(); ?>
<div id="content">
    <div class="post">
        <h2><?php the_title(); ?></h2>
        <div class="entry">
        </div><!-- <div class="entry"> -->
        <div class="entry">
        </div><!-- <div class="entry"> -->
        <div class="entry">
        </div><!-- <div class="entry"> -->
    </div><!-- <div class="post"> -->
</div><!-- <div id="content"> -->
<?php get_sidebar(); ?>
<?php get_footer(); ?>

Как вы видите у нас тут 3 пустых дива с классом entry, в первом будут страницы, во втором категории, а в третьем записи разбитые по категориям.

Начинаем с первого дива с классом entry. Внутри него пишем:

<h3>Страницы</h3>
<ul>
    <?php wp_list_pages('title_li=&sort_column=menu_order'); ?>
</ul>

Мы тут выводим список страниц отсортированный по порядку(который вы задавали при создании страницы)

Во втором диве пишем:

<h3>Категории</h3>
<ul>
    <?php wp_list_categories('title_li=&show_count=1'); ?>
</ul>

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

Третий див будет самый большой, в нем пишем:

<h3>Записи по категориям</h3>
<?php
    $cats = get_categories();
    foreach ($cats as $cat) {
        $postincats = new WP_Query('cat='.$cat->cat_ID);
?>
<h4><?php echo $cat->cat_name; ?></h4>
<?php if ($postincats->have_posts()) : ?>
    <ul>
        <?php while ($postincats->have_posts()) : $postincats->the_post(); ?>
            <li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li></li>
        <?php endwhile; ?>
    </ul>
<?php endif; ?>
<?php } ?>

Тут мы заносим в переменную $cats все категории, далее в цикле для каждой категории мы создаем новый запрос и выводим записи этой категории.

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

Скачать

Зачем дополнительные поля пользователю? Ну к примеру есть у пользователя такие настройки как Контакты. В контактах есть поля: E-mail, Сайт и несколько дополнительных полей для IM-контактов. Но, нет например Twitter’a, Facebook’a и т.д.

Попробуем исправить это. Используем для примера добавление дополнительного поля – аккаунта в твиттере.

Открываем файл functions.php

Добавляем туда следующий код:

<?php
    function action_show_user_profile($user) {
?>
<h3>Дополнительные контакты</h3>
<table>
    <tr>
        <th><label for="twitter">Twitter</label></th>
        <td>
            <span>http://twitter.com/</span>
            <input type="text" name="twitter" id="twitter" value="<?php echo esc_attr(get_the_author_meta('twitter', $user->ID) ); ?>" />
        </td>
    </tr>
</table>
<?php } ?>

Эта функция будет добавлять дополнительные настройки при редактировании профиля пользователя.

и еще немного кода:

<?php
    function action_user_option_update($user_id) {
        update_usermeta($user_id, 'twitter', ( isset($_POST['twitter']) ? $_POST['twitter'] : '' ) );
    }
?>

Эта функция будет сохранять наши новые настройки.

И наконец делаем несколько хуков:

<?php
    add_action('show_user_profile', 'action_show_user_profile');
    add_action('edit_user_profile', 'action_show_user_profile');
    add_action('personal_options_update', 'action_user_option_update');
    add_action('edit_user_profile_update', 'action_user_option_update');
?>

Первый и второй хук навешивает нашу функцию

action_show_user_profile()

на просмотр и редактирование профиля. Третий и четвертый хук навешивает функцию

action_user_option_update()

на то действие которое происходит когда вы нажимаете на кнопку “Обновить информацию” при редактировании Вашего или чьего-либо профиля.

Вот что у нас получилось:

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

echo 'http://twitter.com/'.get_the_author_meta('twitter');

которая выведет нам http://twitter.com/наш_твиттер Ну или полный вариант:

echo '<a href="http://twitter.com/'.get_the_author_meta('twitter').'">Follow me!</a>';

Который выведет ссылку на наш аккаунт в твиттере с надписью – Follow me!

Вот и все.

То есть вместо ссылки “Удалить” теперь ссылка “Поместить в корзину”

По умолчанию корзина будет хранить удаленные объекты 30 дней. Для того чтобы отключить корзину, или изменить время хранения удаленных объектов, нужно в файле wp-config.php дописать:

define('EMPTY_TRASH_DAYS', 3);

для изменения времени хранения до 3 дней, или

define('EMPTY_TRASH_DAYS', 0);

для отключения корзины.

Вот так:

Ну и конечно же не забудьте отключить ревизии постов:

define('WP_POST_REVISIONS', FALSE);

ну или ограничить ревизии только до 3 штук:

define('WP_POST_REVISIONS', 3);

Вот так:

the_post_thumbnail()

Но! Чтобы пользоваться этой функцией нужно немного добавить кода в вашу тему.

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

В файл functions.php вашей темы нужно добавить строчку

add_theme_support('post-thumbnails');

И вот:

Во-вторых нужно добавить сам вывод превью в теме. Так как я все манипуляции производил над темой WordPress Default, в index.php в этом месте

<div class="entry">
<?php the_content(__('Read the rest of this entry »', 'kubrick')); ?>
</div>

дбавим следующий код:

<div class="thumb">
    <a href="<?php the_permalink() ?>"><?php the_post_thumbnail('thumbnail'); ?></a>
</div>

и в css добавим

.thumb {
 float: left;
 padding: 0 10px;
}

Так все вместе получилось:

<div class="entry">
    <div class="thumb">
        <a href="<?php the_permalink() ?>"><?php the_post_thumbnail('thumbnail'); ?></a>
    </div>
    <?php the_content(__('Read the rest of this entry »', 'kubrick')); ?>
</div>

Или так:

Вот вроде бы и все, но, вы видели я при использовании функции не просто написал

the_post_thumbnail()

а вот так:

<?php the_post_thumbnail('thumbnail'); ?>

Что это значит? Это значит что функция может принимать параметры, аж 2 штуки. 1 - это $size / размер, 2 - $attr / аттрибуты.

$size может быть thumbnail, medium, large, ну и без параметров будет full.

$attr это аттрибуты картинки например я использовал этот параметр так:

<?php the_post_thumbnail('thumbnail', array('title' => get_the_title())); ?>

т.е. подсказкой картинки будет название записи.

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

<?php the_post_thumbnail('thumbnail', array('class' => 'thumb')); ?>

В этом случае у картинки будет класс thumb.

Вот теперь вроде бы все =)

Мы будем использовать только чистый CSS и HTML.

CSS

.menu {
    width: 100%;
    height: 38px;
    float: left;
    clear: both;
}
.menu ul {
    margin: 0 auto;
    list-style: none;
    width: 400px;
}
.menu ul li {
    float: left;
    background: #E6E6E5;
    line-height: 30px;
}
.menu ul li a {
    display: block;
    padding: 4px 14px;
    color: #000;
}
.menu ul li a:hover {
    background: #646464;
    color: #fff;
}
.menu .active a {
    background: #646464;
    color: #fff;
    text-decoration: none;
}

HTML

<div class="menu">
    <ul>
        <li><a href="#">Главная</a></li>
        <li><a href="#">Новости</a></li>
        <li class="active"><a href="#">О компании</a></li>
        <li><a href="#">Контакты</a></li>
    </ul>
</div>

Теперь давайте разберемся что такое плавающий блок.

Это неплавающий блок, неплавающий блок расширяется до 100% родительского элемента. В нашем случае родительский элемент это вся страница.

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

Теперь сделаем обычное прижатое влево меню.

1. Мы сделаем блок menu плавающим влево, но мы установим ему ширину равную 100%, из-за этого его ширина станет равна ширине страницы.
2. Все элементы li которые находятся внутри элемента ul делаем плавающими влево. Из-за чего они сжимаются до  ширины текста в них и выстраиваются по горизонтали. Так же мы уберем стиль элемента li и по желанию оформляем его как хотим.

Превращаем прижатое влево меню в центрированное.

Что мы делаем:

1. Устанавливаем ширину элемента menu 400px.
2. Устанавливаем для элемента menu поля: margin: 0 auto. Ширина menu вычитается из доступной ширины окна, и разница равномерно распределяется между правым и левым полями

Плюсы и минусы.

+Работает во всех браузерах.

- Если вдруг количество пунктов меню увеличится, ширину элемента ul нужно будет задавать вручную.

Пример.