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

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

Мои копирайты выглядят примерно так:

© 2009—2010, Правообладатель

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

© 2009—2011, Правообладатель

Достигнуть этого очень просто. Достаточно вместо последней даты вставить короткий php-код следующего содержания:

<?php print date('Y') ?>

Если вы хотите проделать это с сайтом на Wordpress, то скорее всего изменения вам придётся произвести в файле footer.php вашей темы.

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

<?php print date("d.m.Y / H:i")?>

В результате мы получим примерно следующее:

21.11.2010 / 19:43

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

Также можно заменить цифры в месяце на слова, для этого понадобится код:

<?php date_default_timezone_set('Europe/Moscow');
function russian_date(){
$date=explode(".",date("d.m.Y"));
switch ($date[1]){
case 1: $m='января'; break;
case 2: $m='февраля'; break;
case 3: $m='марта'; break;
case 4: $m='апреля'; break;
case 5: $m='мая'; break;
case 6: $m='июня'; break;
case 7: $m='июля'; break;
case 8: $m='августа'; break;
case 9: $m='сентября'; break;
case 10: $m='октября'; break;
case 11: $m='ноября'; break;
case 12: $m='декабря'; break;}
return $date[0].' '.$m.' '.$date[2]; } ?>

А в том месте, где нужно показать дату, необходимо вызвать функцию:

<?php echo russian_date(); ?>

В итоге мы получим вот такую красотень:

21 ноября 2010

Можно также совместить русскую дату с временем, использовав код:

Сегодня: <?php echo russian_date(); ?> Время:<?php print date("H:i")?>

И результатом будет:

Сегодня: 21 ноября 2010 Время:22:58

Вот и всё. Как видите, совсем несложные решения. Уверен, вы найдёте им применение =) А если что-то не получится, добро пожаловать в комментарии!

Желаю вам всего самого доброго!
Артём Савельев

P.S. Для вывода русской даты можете использовать также эту функцию — за подсказку спасибо Тормозу.

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

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

Например, чтобы найти иконку Google Buzz, я написал запрос «Google Buzz Logo», и вот что передо мной открылось:

Я перешёл в картинки и выбрал самую большую, которую затем уменьшил в графическом редакторе до 32 пикселей. Редактор подойдёт, по всей видимости, любой. Photoshop, Illustrator, Gimp, Fireworks — да всё, что угодно, кроме, разве что, Paint.

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

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

Теперь нам нужно будет добавить текст. Здесь я решил немного схитрить и не писать его непосредственно в редакторе, так как пиксельные шрифты — некрасивые, а те же Arial и Verdana при маленьком размере выглядят очень неаккуратно.

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

Для тех, кому интересно, воспроизведу примерный код той странички. Это HTML:

<p class="twitter">Добавить<br />в Twitter</p>
<p class="vkontakte"><span class="vkontakte">Поделиться<br />Вконтакте</span></p>
<p class="fb"><span class="fb">Поделиться<br />на Facebook</span></p>
<p class="lj">Поделиться<br />на Livejournal</p>
<p class="buzz">Добавить<br />в Живую Ленту</p>
<p>

Последний открывающий тег p — гадость, которую нужно удалить, если будете копировать мой код.

А это CSS:

body,td,th {font-family: Verdana, Geneva, sans-serif;font-size: 10px;font-weight: bold;line-height:140%;} .twitter{ color: #1CADD5; } .vkontakte{color: #225193;} .fb{color: #3F63C2;} body { background-color: #FFF; } .lj {color: #366AB0;} .buzz {color: #007BF5;}

А так выглядели тексты на скриншоте:

После компоновки иконок и текста оставалось порезать своё творчество на отдельные кнопки и добавить их в шаблон. Кнопки я сохранял как прозрачный .gif с белыми краями.

Покончив с резкой, я загрузил получившиеся файлы на сервер в папку /wp-content/themes/_мой_шаблон_/images/icons и отправился на в админку Wordpress на страницу Внешний вид→Редактор→Основной шаблон (index.php).

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

<div class="entry

я вставил сами иконки:

<div class="topsocialicons"><a href="http://twitter.com/?status=RT @artsaveliev <?php the_title(); ?>: <?php the_permalink() ?>" class="toptwitter" rel="nofollow"></a>
<a href="http://vkontakte.ru/share.php?url=<?php the_permalink() ?>" class="topvkontakte" rel="nofollow"></a>
<a href="http://www.facebook.com/sharer.php?u=<?php the_permalink() ?>&t=<?php the_title(); ?>&src=sp" class="topfacebook" rel="nofollow"></a>
<a href="http://www.livejournal.com/update.bml?event=<?php the_permalink() ?>&subject=<?php the_title(); ?>" class="toplivejournal" rel="nofollow"></a>
<a href="http://www.google.com/buzz/post?url=<?php the_permalink() ?>&type=small-count" class="topbuzz" rel="nofollow"></a></div>
<p>

Что это за открывающий тег p в коде — я не знаю, но меня достала эта самодеятельность моего блога. Будем разбираться. Если знаете, как прибить эту гадость, чтобы я мог делать нормальные примеры кода — поделитесь решением. Использование pre место code тоже как-то ни к чему не приводит хорошему.

Код с иконками я вставил также и в файл single.php, до и после содержимого страницы.

Затем мне осталось лишь отредактировать файл style.css, добавив туда необходимые стили:

.topsocialicons{height:32px; display:block; margin-top:15px; padding-left:15px;}
.bottomsocialicons {height:32px; display:block; padding-top:15px; padding-left:15px; background-image:url(images/center_separator.jpg); background-position:top; background-repeat:repeat-x; padding-bottom:15px;}
a.toptwitter{background-image: url(images/icons/twitter.gif); width:93px; background-repeat:no-repeat; background-position:left top; height:32px; margin-right:15px; display:block; float:left;}
a.topvkontakte {background-image: url(images/icons/vkontakte.gif); width:106px; background-repeat:no-repeat; background-position:left top; height:32px; margin-right:15px; display:block; float:left;}
a.topfacebook{background-image: url(images/icons/facebook.gif); width:110px; background-repeat:no-repeat; background-position:left top; height:32px; margin-right:15px; display:block; float:left;}
a.toplivejournal{background-image: url(images/icons/livejournal.gif); width:117px ;background-repeat:no-repeat; background-position:left top; height:32px; margin-right:15px; display:block; float:left;}
a.topbuzz{background-image: url(images/icons/buzz.gif); width:132px; background-repeat:no-repeat; background-position:left top; height:32px; margin-right:15px; display:block; float:left;}

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

Надеюсь, у вас всё получится, а если будут вопросы — знаете куда обращаться =)

А вы используете какие-либо сервисы иконок/ретвитов или тоже предпочитаете, чтобы все иконки были в одном стиле?

Желаю вам всего самого вам подходящего!
Артём Савельев

А радость моя сегодняшняя в том, что один из оптимизаторов дал мне весьма дельный совет — избавиться от повторения «news» в адресах новостей. То есть Яндекс вполне может позволить себе зафильтровать все ссылки по категории.

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

Алексей Крылышкин, тот самый оптимизатор, посоветовал сделать url «датовыми», но если их делать таковыми — то делать только для всех материалов — и для новостей, и для постов.

Иначе же Яндекс также может зафильтровать новости и по году — для него нет разницы, находятся сотни страниц с продажными ссылками в каталоге «news»  или «2010», он лишь выводы делает и действует, как ему приказали.

В результате мне пришлось настроить отдельную структуру постоянных ссылок (ЧПУ) специально для дополнительного типа записей «Новости».

Я хотел оставить в адресе только название новости, но к сожалению ничего у меня с этим не получилось — перестали работать обычные страницы типа «об авторе».

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

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

В ближайшее время я планирую сделать перевод  этой статьи, а сегодня я поделюсь с вами кодом, который я добавил в файл functions.php своего шаблона.

function add_permastruct2() {
	global $wp_rewrite;
$gallery_structure = '/%post_id%-%news%';
$wp_rewrite->add_rewrite_tag("%news%", '([^/]+)', "news=");
$wp_rewrite->add_permastruct('news', $gallery_structure, false);
}

add_action('init', 'add_permastruct2');

// Add filter to plugin init function
add_filter('post_type_link', 'gallery_permalink', 10, 3);
// Adapted from get_permalink function in wp-includes/link-template.php
function gallery_permalink($permalink, $post_id, $leavename) {
	$post = get_post($post_id);
	$rewritecode = array(
		'%year%',
		'%monthnum%',
		'%day%',
		'%hour%',
		'%minute%',
		'%second%',
		$leavename? '' : '%postname%',
		'%post_id%',
		'%category%',
		'%author%',
		$leavename? '' : '%pagename%',
	);

	if ( '' != $permalink && !in_array($post->post_status, array('draft', 'pending', 'auto-draft')) ) {
		$unixtime = strtotime($post->post_date);

		$category = '';
		if ( strpos($permalink, '%category%') !== false ) {
			$cats = get_the_category($post->ID);
			if ( $cats ) {
				usort($cats, '_usort_terms_by_ID'); // order by ID
				$category = $cats[0]->slug;
				if ( $parent = $cats[0]->parent )
					$category = get_category_parents($parent, false, '/', true) . $category;
			}
			// show default category in permalinks, without
			// having to assign it explicitly
			if ( empty($category) ) {
				$default_category = get_category( get_option( 'default_category' ) );
				$category = is_wp_error( $default_category ) ? '' : $default_category->slug;
			}
		}

		$author = '';
		if ( strpos($permalink, '%author%') !== false ) {
			$authordata = get_userdata($post->post_author);
			$author = $authordata->user_nicename;
		}
		$date = explode(" ",date('Y m d H i s', $unixtime));
		$rewritereplace =
		array(
			$date[0],
			$date[1],
			$date[2],
			$date[3],
			$date[4],
			$date[5],
			$post->post_name,
			$post->ID,
			$category,
			$author,
			$post->post_name,
		);
		$permalink = str_replace($rewritecode, $rewritereplace, $permalink);
	} else { // if they're not using the fancy permalink option
	}
	return $permalink;
}

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

Самое основное находится в этих строчках:

$gallery_structure = '/%post_id%-%news%';
$wp_rewrite->add_rewrite_tag("%news%", '([^/]+)', "news=");
$wp_rewrite->add_permastruct('news', $gallery_structure, false);

Структура ЧПУ задаётся в параметре $gallery_structure. Также нужно заменить все «news» на имя вашего дополнительного типа записей.

Кроме того, в функции добавления типа записей (ищите register_post_type) необходимо добавить параметры 'query_var' => true и 'rewrite' => false. У меня, например, получилось в итоге следующее:

function post_type_news() {
	register_post_type(
                'news',
                array(
                        'label' => __('News'),
                        'public' => true,
                        'show_ui' => true,
						 'publicly_queryable' => true,
						 'query_var' => true,
						 'rewrite' => false,
                        'supports' => array(
											'title',
											'editor',
                                     'excerpts',
                                     'custom-fields',
                                     'revisions',

'comments',
'trackbacks')
                )
        );
	register_taxonomy( 'newscat', 'news', array( 'hierarchical' => true, 'label' => __('Category') ) );
}
add_action('init', 'post_type_news');

Теперь нужно перейти в адмнке на страницу Параметры→Постоянные ссылки и пересохранить настройки ЧПУ. После этого, если вы всё правильно сделали, должны измениться адреса материалов в дополнительном типе записей.

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

Вот и вся хитрость. Главное было правильно сформировать запрос в Гугле =)

Надеюсь, у вас не возникнут трудности в применении данного решения. А если возникнут — как всегда жду ваши вопросы в комментариях.

Что вообще думаете о подобной «защите» разделов со ссылками? Эффективно ли или всё равно рано или поздно накроет, если сильно обнаглеть?

Желаю вам всего самого доброго!
Артём Савельев

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

Для этого нам потребуется отредактировать пару файлов шаблона. Начнём с functions.php — добавим туда новую функцию:

function post_type_news() { register_post_type( 'news', array( 'label' => __('Новости'), 'public' => true, 'show_ui' => true, 'publicly_queryable' => true, 'supports' => array( 'title', 'editor', 'excerpts', 'custom-fields', 'revisions', 'comments', 'trackbacks') ) ); register_taxonomy( 'newscat', 'news', array( 'hierarchical' => true, 'label' => __('Рубрика') ) ); } add_action('init', 'post_type_news');

Чистим кэш, если установлен плагин кэширования, и заходим в админку — там должен появиться новый раздел меню под названием «Новости».

Переходим на страницу Новости→Рубрики и добавляем новую рубрику с одноимённым типу записей названием. В качестве ярлыка я указал «news»:

Отныне наши новости будут доступны по адресу /newscat/news, newscat — это ярлык таксономии, который я указал в коде при добавлении типа записей, news — это ярлык рубрики новостей.

Теперь можем добавить пару новостей и приступить к их выводу в левом сайдбаре. В левом — потому что в коде он находится ближе к началу страницы, а это хорошо для индексации.

Снова залезем в functions.php и где-нибудь до функции register_my_widget () добавим следующий код:

function getlastnews() { $lastnews = new WP_Query('post_type=news&showposts=15&orderby=date'); ?>
<li>
<h4>Новости</h4>
<div class="textwidget"><?php while ($lastnews->have_posts()) : $lastnews->the_post(); ?>
<div class="news_widget_item">
<div class="news_date"><?php the_time(__('l, j F Y')) ?></div>
<p><a href="<?php the_permalink() ?>" class="news_widget_title"><?php the_title(); ?></a></div>
<p><?php endwhile; ?><a href="<?php bloginfo('home'); ?>/newscat/news" class="sendlink">Другие новости</a></div>
</li>
<p><?php };

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

Если вы не используете для новостей отдельный тип записей, то вам понадобится заменить post_type=news на cat=ID, где ID — это цифровой идентификатор категории, посты из которой вы хотите вывести в сайдбар.

Параметр showposts=15 говорит о том, что будут выводиться 15 элементов.

Теперь добавим в функцию register_my_widget () строку:

register_sidebar_widget('Новости', 'getlastnews');

Если такой функции нет, то создадим её следующим образом:

function register_my_widget() { register_sidebar_widget('Новости', 'getlastnews'); } add_action('init', 'register_my_widget');

Конечно же, нужно всю эту штуку закрасивить. Кому интересно — вот параметры стилей, которые я использовал в своей теме:

.news_date { font-size:11px; color:#333333; margin-bottom:5px; display:block; font-weight:bold; font-style:italic; } .news_widget_image img { display:block; border:1px solid #8DAEE0; padding:2px; background-color:#FFF; margin-bottom:5px; } .news_widget_image:hover img { border:1px solid #8DAEE0; } .news_widget_title { display:block; font-size:12px; text-decoration:underline; color:#3167B7; } .news_widget_title:hover { text-decoration:none; color:#3167B7; } .news_widget_item { display:block; margin-bottom:15px; }

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

Добавлять стили следует в файл style.css.

Теперь останется лишь добавить виджет в нужное место. Для этого перейдём на страницу Внешний вид→Виджеты и перетащим наши «Новости» в нужный сайдбар:

Вот и всё. Результат вы можете увидеть на этом блоге, слева.

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

Желаю вам хорошего настроения!
Артём Савельев

P.S. Подскажите, по возможности, какие инструменты вы используете для ускорения индексации новых страниц в Яндексе.

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

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

Это достигается с помощью условного тега is_home (), благодаря которому можно определить, открыта ли главная страница или нет, и выстроить соответствующим образом необходимое условие.

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

<?php if (!is_home()) { ?><a href="<?php echo get_option('home'); ?>/"></a><?php }; ?>

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

Можно также сделать условие с разными вариантами. Для главной страницы покажем, например, текст «Это главная страница», а для остальных — «Это внутренняя страница». Выглядеть это будет так:

<?php if (is_home()) { ?>Это главная страница<?php } else {?>Это внутренняя страница<?php }; ?>

Чтобы попробовать ещё что-нибудь, давайте усложним задачу и разобьём наше всеобъемлющее else на что-нибудь более конкретное, например на страницы категорий, посты и просто страницы.

<?php if (is_home()) { ?>Это главная страница<?php } elseif (is_category()) {?>Это какая-нибудь категория<?php } elseif (is_single()) {?>Это пост<?php } elseif (is_page()) {?>Это обычная страница<?php } else {?>Это всё остальное<?php }; ?>

Можно ещё при желании вставить в условие id категории или записи, например:

<?php if (is_category('5')) {?>Это одна категория с id=5<?php }; ?>

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

<?php if (is_single(array(5,6,9))) {?>Это пост с id=5, 6 или 9<?php }; ?>

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

О том, как ещё с этим делом можно извратиться предлагаю почитать здесь — это часть официальной документации по Wordpress, где представлены условные теги.

Выбирайте, пробуйте — уверен, у вас всё получится! А если что-то пойдёт не так, задавайте вопросы — вместе разберём вашу ситуацию.

Желаю вам всего самого безошибочного!
Артём Савельев

Недавно обновил свою звонилку до версии Nokia 5800. Хотелось обустроить для себя какой-нибудь удобный телефон-органайзер, и судя по многочисленным отзывам, и теперь ещё и моим впечатлениям, это устройство наиболее подходящее из недорогих.

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

К счастью, мне удалось найти, скачать и без проблем установить приложение под названием Wordpress for Nokia, которое позволяет в удобном формате управлять постами и комментариями блога.

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

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

Вот так, например, выглядит страница со списком комментариев:

А это список постов:

А вот так выглядит картинка, автоматически вставленная с помощью приложения:

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

Вставилась она кстати в конце текста, но это наверное потому что «курсор» в этот момент находился именно там.

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

А редактирование здесь вот такое:

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

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

В целом, программа вполне удовлетворяет своему предназначению.

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

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

Желаю вам всего самого практичного!
Артём Савельев

Итак, чтобы встроить в сайт пользовательский поиск от Google, пройдём сначала на страницу http://www.google.ru/cse/, при необходимости авторизуемся в системе и нажмём на кнопку Создать систему польз. поиска:

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

Адреса сайта проще указать в формате site.ru — Google сам приведёт его к нужному виду — если конечно вам не нужно настроить поиск по другому (о вариантах можно узнать, нажав на «дополнительную информацию» о форматировании URL).

Нажём Далее и попадём на страницу выбора стиля:

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

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

И здесь уже разгуляемся как следует. В качестве варианта размещения результатов поиска выберем вариант «На отдельной странице сайта (при помощи iframe)»:

Выберем понравившийся стиль:

Нажмём кнопку «Настроить» и развлечём себя выбором цвета для ссылок, рамок и текста наших будущих результатов поиска:

Сделаем всё, как нам нравится, и можем смело идти забирать код, только на странице с кодом нам ещё нужно будет выбрать расположение рекламных материалов, отмена которых в Google стоит 100$ в год (в Яндексе наличие рекламы не обязательно).

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

Если же вы не используете CMS, то просто создайте новую страничку, и вставьте код туда.

С результатами, в общем, всё просто, а вот с кодом формы поиска придётся немного повозиться.

Если вы используете Wordpress или Drupal, то можно добавить код через виджет или блок соответственно — подробные действия описаны в примере с поиском от Яндекса.

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

Что это за гадость, я не знаю, но избавиться от неё просто — достаточно удалить из кода несколько строк, подгружающих скрипты, то есть из этого:

<script type="text/javascript" src="http://www.google.com/jsapi"></script><script type="text/javascript">google.load("elements", "1", {packages: "transliteration"});</script><script type="text/javascript" src="http://www.google.com/cse/t13n?form=cse-search-box&t13n_langs=ru"></script><script type="text/javascript" src="http://www.google.com/cse/brand?form=cse-search-box&lang=ru"></script>

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

<script type="text/javascript" src="http://www.google.com/cse/brand?form=cse-search-box&lang=ru"></script>

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

Также я добавил к некоторым тегам классы, чтобы иметь возможность настроить их стиль.

В тег input с name="q" я вставил:

class="gsearchinput"

К тегу input, у которого name="sa" я добавил такой код:

class="gsearchsubmit"

Теперь нужно настроить стили для классов gsearchinput и gsearchsubmit. Я встраивал код на блоге под управлением Wordpress, поэтому стили добавлял из админки, на странице Внешний вид → Редактор → style.css.

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

.gsearchinput { width:100px; border:1px solid #999999; margin-bottom:10px; } .gsearchsubmit {width:100px; border:1px solid #999999; background-color:#cccccc; }

И получил вот такую форму:

Вот, собственно, и все махинации. Надеюсь, у вас всё получится, а если что-то пойдёт не так — пишите комментарии, с удовольствием помогу, чем смогу.

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

В качестве компенсации предлагаю поискать что-нибудь на моём блоге, на котором также установлен пользовательский поиск от Google.

Желаю вам добрейшего настроения!
Артём Савельев

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

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

CMS может быть любая, главное чтобы в ней можно было создавать страницы с добавлять на них HTML-код. Я пробовал на Drupal и Wordpress.

Внедрение в сайт пользовательского поиска от Яндекса.

В качестве примера используем тот самый сайт на Друпале, с которым возникли проблемы.

Заходим на http://site.yandex.ru/, авторизуемся в системе и нажимаем на зелёную кнопку Установить поиск:

Попадаем на страницу «Описание проекта». Здесь нам нужно как-нибудь обозвать наш пользовательский поиск, а также указать адрес сайта, на котором он будет установлен и по которому он будет искать:

Жмём далее, и попадаем на страницу «Настройка поисковой формы», где нам нужно будет настроить внешний вид формы поиска. В принципе, если вы немного владеете HTML и CSS, можно здесь ничего не делать и настроить вид формы самостоятельно, при её вставке в шаблон (подробнее чуть ниже).

Закончив с этим, переходим на страницу «Оформление результатов поиска». В опции «Выводить результаты» указываем в iframe на странице, и вставляем адрес страницы, на которой мы хотим отображать поиск. Если такой ещё нет — создаём её на сайте.

Ниже справа настраиваем цвета:

А слева смотрим, как это будет выглядеть:

Настроив цвета, переходим на последнюю страницу, где и копируем готовый код.

Тот, что справа, вставляем на созданную страницу с результатами поиска, которую мы указывали только что в поле «iframe на странице».

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

Если вы внедряете поисковик на Wordpress, то можно не вставлять форму в шаблон, а добавить её с помощью виджета. Для этого нужно перейти в админке сайта на страницу Внешний вид → Виджеты и добавить в нужный сайдбар виджет с названием «Текст», в который и нужно вставить код формы.

Если же вы используете Drupal, то добавьте новый блок в админке на странице Конструктор сайта → Блоки → Добавить блок, вставив код формы в поле «Текст блока»:

и разместите его в нужном регионе сайта на странице списка блоков:

Для тех, кто хочет оформить форму поиска самостоятельно, предлагаю очищенный код:

ADDRESS заменяем на адрес страницы с результатами поиска, вместо ID вставляем пятизначный код из тега input, у которого name="searchid".

У меня получилась вот такая симпатичная формочка:

Такое вот нехитрое и доступное решение от многоуважаемого Яндекса. Всех желающих приглашаю потестировать поиск на сайте журнала Layalina.

А вы используете на блоге стандартный поиск от Wordpress, либо тоже предпочитаете сторонние решения от гигантов поискового бизнеса?

Желаю вам всего самого доброго и быстрого нахождения интересующей вас информации.
Артём Савельев

P.S. При поиске домена для регистрации, поможет whois-проверка, которая покажет, свободен ли домен, или уже кому-то принадлежит.

P.P.S. Принял участие в акции «Живой дизайн для блоггеров» — если повезёт, то у блога будет новый красивый дизайн.

Удовольствие это избавит вас от хлопот по запуску нового блога — в течение 3-х дней после оплаты вы получите доступ к панели администратора и сможете вступить на путь покорения блогосферы с новым блогом.

Замечу, что данный пост является лишь анонсом услуги, которая полностью представлена на специальной странице «Создание блога под ключ за 999 рублей». Также в связи с этим событием в блоге стартует новая акция, о которой вы узнаете дальше.

Итак, за 999 рублей и в течение 3-х дней вам достанется следующее:

• Регистрация домена в зоне .ru;
• Помощь в выборе хостинга;
• Установка и настройка последней версии Wordpress;
• Установка и настройка плагинов;
• Установка и уникализация выбранной Вами темы оформления;
• Регулярные уведомления об обновлениях.
• Анонс блога на seogad.ru

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

Хочется отметить, что для данного блога это очень большое событие. Раньше он лишь косвенно рассказывал о моих услугах, что в принципе не помешало нескольким клиентам обратиться ко мне за разработкой сайтов (стоимость которых далеко не 999 рублей).

Теперь же у него есть прямая задача — приносить мне как можно больше заказов услуги «Блог под ключ за 999 рублей».

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

Условия акции

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

• блог wordpress
• блог на wordpress
• создание блога
• создать блог

Сослаться нужно на страницу с услугой:

http://seogad.ru/wordpress-blog

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

• 1 постовой, если тИЦ блога 0
• 2 постовых, если тИЦ блога от 10 и больше

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

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

О размещённых постовых сообщайте в комментариях к этой записи, по электронной почте (artsav@artsav.com) либо через форму обратной связи.

Буду признателен за поддержку акции. Приглашаю активно пользоваться новой услугой.

Желаю вам всего самого интересного.
Артём Савельев.

Начал было рассказывать о своей беде товарищу в скайпе, но вдруг понял, что всё не так сложно, как почудилось.

На самом деле достаточно сделать всего пару изменений в одном из файлов шаблона. Откроем comments.php и найдём примерно следующее (примерно, потому что в разных темах по-разному, мой вариант взят из темы Classic):

<br />
<input type="text" name="author" id="author" value="<?php echo esc_attr($comment_author); ?>" size="22" tabindex="1" /><br />
<label for="author"><small><?php _e('Name'); ?> <?php if ($req) _e('(required)'); ?></small></label></p>
<p>

Удалим отсюда теги label и всё, что между ними, уберём оба тега p, значение value заменим на Анонимный комментарий, а значение type — на hidden.

В результате получим следующий код:

<br />
<input type="hidden" name="author" id="author" value="Анонимный комментарий" size="22" tabindex="1" />

Сделаем похожие изменения в поле для ввода E-mail, заменим

<br />
<input type="text" name="email" id="email" value="<?php echo esc_attr($comment_author_email); ?>" size="22" tabindex="2" /><br />
<label for="email"><small><?php _e('Mail (will not be published)');?> <?php if ($req) _e('(required)'); ?></small></label></p>
<p>

на этот код:

<br />
<input type="hidden" name="email" id="email" value="noreplay@site.com" size="22" tabindex="2" />

Поле для ввода адреса сайта можем смело удалить, вот каким оно было:

<br />
<input type="text" name="url" id="url" value="<?php echo esc_attr($comment_author_url); ?>" size="22" tabindex="3" /><br />
<label for="url"><small><?php _e('Website'); ?></small></label></p>
<p>

Проверяем результат.

Вот такое нехитрое решение оригинальной проблемы.

Для того, чтобы задизайнить в стиле сайта страницы регистрации, авторизации, настройки профиля и напоминания пароля, я использовал плагин Theme my Login, о котором писал в уроке «Подключение темы Wordpress к страницам профиля, регистрации и авторизации» (с тех пор настройки плагина немножко поменялись, имейте в виду).

Желаю вам всего самого оригинального.
Артём Савельев

P.S. Скоро подходит к концу мой марафон. Будем отчитываться =)