<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Рецепты от Сеогада</title>
	<atom:link href="http://seogad.ru/feed" rel="self" type="application/rss+xml" />
	<link>http://seogad.ru</link>
	<description>Блоггинг, SEO, создание и монетизация сайтов</description>
	<lastBuildDate>Mon, 08 Mar 2010 13:21:34 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Какие бывают материалы в блогах</title>
		<link>http://seogad.ru/different/blogs/post-types</link>
		<comments>http://seogad.ru/different/blogs/post-types#comments</comments>
		<pubDate>Mon, 08 Mar 2010 13:21:34 +0000</pubDate>
		<dc:creator>Артём Савельев</dc:creator>
				<category><![CDATA[Блогинг]]></category>
		<category><![CDATA[блогинг]]></category>
		<category><![CDATA[новичкам]]></category>
		<category><![CDATA[советы]]></category>
		<category><![CDATA[список]]></category>

		<guid isPermaLink="false">http://seogad.ru/?p=1435</guid>
		<description><![CDATA[
Давненько хотел поделиться своими наблюдениями по этому поводу. Много чего пишут блогеры, по-разному пишут, изощряются по-всякому. А я сегодня соберу для вас в одном месте разновидности материалов, которые публикуются на блогах. Возможно, такой список поможет вам поддерживать регулярные обновления. 
Всё это дело я буду сопровождать своими размышлениями касательно каждого пункта и по возможности буду приводить [...]

<h3 style="margin-top:10px; border-top:0px solid #dddddd; padding-top:0px;">Статьи по теме:</h3>
<ul>
		<li><a href="http://seogad.ru/different/blogs/firstposts" rel="bookmark">33 самые первые записи в интересных блогах</a><!-- (6.73403)--></li>
	</ul>
]]></description>
			<content:encoded><![CDATA[<p><img src="http://seogad.ru/wp-content/uploads/2010/03/posttypes.jpg" alt="Какие бывают материалы в блогах" title="Какие бывают материалы в блогах" width="470" height="312" class="alignnone size-full wp-image-1508" /></p>
<p>Давненько хотел поделиться своими наблюдениями по этому поводу. Много чего пишут блогеры, по-разному пишут, изощряются по-всякому. А я сегодня соберу для вас в одном месте разновидности материалов, которые публикуются на блогах. Возможно, такой список поможет вам поддерживать регулярные обновления. <span id="more-1435"></span></p>
<p>Всё это дело я буду сопровождать своими размышлениями касательно каждого пункта и по возможности буду приводить примеры из личного опыта (моего и знакомых мне блогеров). Итак, начнём.</p>
<h3>Новости</h3>
<p>С одной стороны, что может быть проще, с другой&nbsp;&mdash; попробуй найди такую новость, которую никто ещё не опубликовал. Новости чаще всего невелики по объёму текста. За примерами блогоновостей можно сходить на интересный проект <a href="http://blogozoom.ru/">БлогоZOOM</a> или к <a href="http://tyomma.ru/">Тёмме Майнасу</a>, который недавно победил в номинации &laquo;<a href="http://2010.blogruneta.ru/">лучший персональный блог Рунета</a>&raquo;, с чем его и поздравляю.</p>
<h3>Отчёты</h3>
<p>У того же Майнаса нередко можно встретить отчёты о разных мероприятиях, которые ему довелось посетить. Отчёты бывают о конференциях, поездках, походах в магазин и обо всём том, что может быть интересно читателям конкретного блога, бывают они текстовые или в других доступных на сегодняшний день форматах (фото, аудио, видео). Также отчётами с разнообразных конференций и профтусовок балуются <a href="http://blog.dimok.ru">Димок </a>и <a href="http://terehoff.com">Терехов</a>.</p>
<h3>Обзоры</h3>
<p>Обзирать можно много чего. Те же Терехов и Димок неплохо устроились и за доступ к различным услугам/продуктам делают их обзоры на своих блогах, посещаемость и читаемость которых может им позволить такие обмены. Некоторое время назад я сделал <a href="http://seogad.ru/tools/apps/send2blog">обзор программы Send2Blog</a>, разработчик который явился спонсором &laquo;<a href="http://seogad.ru/blogs/concours">моего первого конкурса</a>&raquo;.</p>
<h3>Конкурсы</h3>
<p>Конкурсы можно как проводить, так и участвовать в них. За победу и иногда за участие в конкурсах полагаются разные вкусности и полезности типа лицензий к каким-нибудь сервисам, постовых, обзоров и конечно же денег. Масштабы конкурсов в блогосфере самые разные, но почти все они по-своему интересны и зажигательны. Я вот недавно <a href="http://do-web.ru/news/flashmobs/pobediteli-konkursa/">отхватил кусочек</a> в конкурсе от Аббата Кальне, в рамках которого <a href="http://seogad.ru/different/blogs/iloveblogging">признался в любви к блогингу</a>.</p>
<h3>Эстафеты</h3>
<p>Жутко интересное дело и вполне разумное оправдание и повод для того, чтобы рассказать о чём-нибудь личном, о чём просто так на блоге писать не стал бы, потому что имеющиеся рубрики несколько сдерживают. Мне вот на днях передали <a href="http://uvetra.ru/vazhno-u-nas-virusnyj-marketing.html">эстафету</a>, поэтому скоро чего-нибудь напишу о Липецке, в котором родился и успел слегка подрасти. Если хотите заразиться эстафетой от меня, оставьте комментарий или <a href="http://seogad.ru/chief/feedback">свяжитесь со мной</a> другим способом.</p>
<h3>Акции</h3>
<p>Когда хочется наладить контакт с аудиторией, можно прибегнуть к акциям, поощряющим те или иные действия, будь то комментарий, подписка на обновления, ретвит, ссылка на материал блога. Честно говоря, я несколько лохонулся-погорячился со своей акцией &laquo;<a href="http://seogad.ru/different/blogs/100sovetov">$100 за советы</a>&raquo;&nbsp;&mdash; очень уж неприглядные в ней условия, но всё же находятся добрые люди, которые от души чего-нибудь мне советуют, за что от души благодарен. Если после окончания акции большинство комментаторов не пришлёт номера кошельков, по которым мне предстоит разослать по $1, то всё что останется от $100 будет отправлено на благотворительность.</p>
<h3>Марафоны</h3>
<p>Чтобы и себя подстегнуть и последователей, проводят блогеры разнообразные марафоны, в которых определяют для себя какую-либо цель и публично её добиваются или не добиваются, периодически публикуя подробные отчёты о своих действиях. Как пример можно проследить за <a href="http://blogbill.ru/tag/marafon">марафоном Терехова</a>, который он проводит на своём олимпийском блоге или посмотреть архив марафона от Пузата &laquo;<a href="http://puzat.ru/30k-for-60days">30000 за 60 дней</a>&raquo;.</p>
<h3>Планы и итоги</h3>
<p>Не редко встречаются материалы, в которых блогеры строят планы на будущее и подводят разнообразные итоги, например финансовые стриптизы или списки лучших постов своего блога за какой-либо период времени. За примером финансового стриптиза можно <a href="http://debelov.blogspot.com/2010/02/2010.html">сходить</a> к Усатому манимейкеру.</p>
<h3>Прогнозы</h3>
<p>Если вы специалист в какой-либо области, наверняка вы чувствуете направление, в котором развивается ваш вид деятельности, отчего и прогнозы строить имеете право. В качестве примера приведу пост Михаила Шакина &laquo;<a href="http://shakin.ru/seo/seo-2009-2010.html">Тенденции SEO в 2009 году и прогноз на 2010</a>&raquo;.</p>
<h3>Опросы</h3>
<p>Когда у блога большая посещаемость и читаемость, автор вполне может позволить себе провести опрос, из которого может вынести что-нибудь полезное для дальнейшего развития себя, блога, навыков в профессиональной деятельности, да и просто узнать что-нибудь новое и интересное от своих читателей. Можно провести опрос в виде голосования&nbsp;&mdash; тогда необходимо самому предложить возможные варианты ответа.</p>
<h3>Интервью</h3>
<p>С первого взгляда может показаться, что взять интервью&nbsp;&mdash; проще простого: от вас потребуются только вопросы, а всё остальное сделает тот, на кого вы с этими вопросами нападёте. Но если вы хотите, чтобы ваше интервью получилось насыщенным новой информацией, придётся изучить уже имеющиеся интервью с вашим будущем гостем и изучить максимум доступной информации о нём.</p>
<h3>Гостевые посты</h3>
<p>Что действительно просто, так это пригласить на свой блог специалиста в интересующей ваших читателей области, и предоставить ему слово. От вас потребуется только снабдить всё это дело парой предложений, да так, чтобы объяснить полезность данного мероприятия, потому что кто-то может воспринять это как неуважение к читателям и высказав что-то вроде &laquo;самому писать лень&nbsp;&mdash; пиарит тут всяких&raquo;, отпишется от обновлений вашего блога.</p>
<h3>Переводы</h3>
<p>Советую выучить какой-нибудь неанглийский язык, потому что самые крутые статьи на английском очень быстро расхватывают, переводят и публикуют у себя и в качестве гостевых постов на других блогах. Кстати, при публикации переводных материалов на своих блогах, будьте осторожны&nbsp;&mdash; чаще всего стиль такой статьи не будет совпадать с тем стилем, к которому привыкли ваши читатели, что тоже может повлечь за собой помидоры в ваш адрес. Отсюда совет: либо делайте изложение своими словами, либо публикуйте только действительно достойные материалы.</p>
<h3>Рекламные посты</h3>
<p>Они могут быть разного формата: интервью, обзор, пресс-релиз, новость, всё что угодно&nbsp;&mdash; отличие таких материалов от остальных постов вашего блога в том, что за него вам платят денюшку. Любая реклама воспринимается настороженно, поэтому либо предупреждайте ваших читателей о рекламности данных материалов, чтобы сохранить их доверие, либо делайте эти материалы настолько клёвыми, чтобы читатели ничего не заподозрили, или чтобы им было всё равно, потому что вы такой молодец и так хорошо всё это дело представили.</p>
<h3>Уроки</h3>
<p>У специалиста в любой области рано или поздно возникает потребность поделиться своим опытом с заинтересованными в этом людьми, будь то его ученики или читатели блога. Уроки бывают разные, краткие и очень подробные. Как пример приведу свои <a href="http://seogad.ru/tags/uroki">уроки</a>, пока только по Wordpress, но будут и другие темы, если доживём.</p>
<h3>Серии постов</h3>
<p>Отличное средство для увеличения и удержания интереса вашей аудитории к вам и вашему творчеству. Здесь важно провести единую нить через все посты серии, чтобы возникало желание прочитать как следующие материалы, так и предшествующие.</p>
<h3>Списки и подборки</h3>
<p>Встречаются подборки развлекательные, встречаются бесполезные, встречаются действительно необходимые. Можно делать какие угодно подборки статей, сайтов, фотографий, собирать в списки всё, что нравится, лишь бы это подходило по тематике для вашего блога и не отпугивало посетителей. Эту статью тоже можно отнести к спискам. Ещё предлагаю занести в закладки мою <a href="http://seogad.ru/tools/cms/wordpress-russian-sites">подборку русскоязычных ресурсов по Wordpress</a>.</p>
<h3>Интересно почитать</h3>
<p>Это тоже своего рода подборки, но хотелось отметить их отдельно. Собирать интересные материалы, на мой взгляд, имеет смысл в том случае, если у вас большая аудитория, готовая переходить по предложенным ссылкам. Если у вас молодой блог, то большой пользы вы не принесёте ни авторам постов, на которые ссылаетесь, ни вашим читателям, потому что скорее всего они уже ознакомились с большинством материалов на более популярных ресурсах, авторам которых эти интересные ссылки присылают по почте или с помощью специально созданных форм на блоге.</p>
<h3>Истории из жизни</h3>
<p>Просто чудесно, когда на тематическом блоге проскальзывают истории из детства, юности и в целом жизни. Это даёт ещё раз осознать, что мегапопулярный автор того или иного материала тоже человек, и что у каждого из нас есть возможность достичь тех высот, которые мы сами для себя определим как желаемые.</p>
<p>Спасибо за внимание. Пользуясь случаем, поздравляю наших дорогих женщин с 8 марта, желаю вам всего самого чудесного, светлого и прекрасного. Спасибо, что вы есть, и что <del datetime="2010-03-08T12:34:09+00:00">нам от этого есть чего есть</del> любите нас такими, какие мы есть, потому что вы мудрые и терпеливые!</p>
<p><a href="http://seogad.ru">Артём Савельев</a>.</p>


<h3 style="margin-top:10px; border-top:0px solid #dddddd; padding-top:0px;">Статьи по теме:</h3>
<ul>
		<li><a href="http://seogad.ru/different/blogs/firstposts" rel="bookmark">33 самые первые записи в интересных блогах</a><!-- (6.73403)--></li>
	</ul>
]]></content:encoded>
			<wfw:commentRss>http://seogad.ru/different/blogs/post-types/feed</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Создание фотосайта на Wordpress без использования плагинов</title>
		<link>http://seogad.ru/tools/cms/wordpress-photosite</link>
		<comments>http://seogad.ru/tools/cms/wordpress-photosite#comments</comments>
		<pubDate>Fri, 26 Feb 2010 18:45:47 +0000</pubDate>
		<dc:creator>Артём Савельев</dc:creator>
				<category><![CDATA[CMS (Движки)]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[галерея]]></category>
		<category><![CDATA[уроки]]></category>
		<category><![CDATA[фото]]></category>

		<guid isPermaLink="false">http://seogad.ru/?p=1328</guid>
		<description><![CDATA[
На днях случилось мне создать сайт на Wordpress, в основе которого фотогалерея с разными симпатяшками. Хотел было взяться за привычные потуги с плагином Magic Fields, примерно как в моём &#171;предыдущем уроке&#187;, но мой коллега вовремя меня одёрнул, указав на то, что Wordpress теперь вполне самостоятельный в плане колдовства с фотографиями. 
Стал он таким примерно с [...]

<h3 style="margin-top:10px; border-top:0px solid #dddddd; padding-top:0px;">Статьи по теме:</h3>
<ul>
		<li><a href="http://seogad.ru/tools/cms/magicfields-photosite" rel="bookmark">Создание фотосайта на Wordpress с помощью плагина Magic Fields</a><!-- (10.854)--></li>
		<li><a href="http://seogad.ru/tools/cms/mp3-wordpress-magic-fields-jplayer" rel="bookmark">Создание каталога песен на Wordpress с помощью Magic Fields и jPlayer</a><!-- (5.98402)--></li>
	</ul>
]]></description>
			<content:encoded><![CDATA[<p><img src="http://seogad.ru/wp-content/uploads/2010/02/main3.jpg" alt="Создание фотосайта на Wordpress без использования плагинов" title="Создание фотосайта на Wordpress без использования плагинов" width="470" height="313" class="alignnone size-full wp-image-1432" /></p>
<p>На днях случилось мне создать сайт на Wordpress, в основе которого фотогалерея с разными симпатяшками. Хотел было взяться за привычные потуги с плагином Magic Fields, примерно как в моём &laquo;<a href="http://seogad.ru/tools/cms/magicfields-photosite">предыдущем уроке</a>&raquo;, но мой коллега вовремя меня одёрнул, указав на то, что Wordpress теперь вполне самостоятельный в плане колдовства с фотографиями. <span id="more-1328"></span></p>
<p>Стал он таким примерно с версии 2.9.2 (на более ранних не смотрел), но здесь ещё присутствует небольшая неприятность: до создания миниатюры записи необходимо либо сохранить запись, либо после загрузки изображения закрыть окно управления галереей, снова открыть его и только тогда выбрать миниатюру. </p>
<p>Самому может и не сложно было бы производить эти лишние действия, но клиенту такую нагрузку подбрасывать не хотелось. Спасением мне явилась третья ветка Wordpress, официальный выпуск которой ещё не случился, но по крайней мере этой глупости в ней уже нет, и создание фотосайта на Wordpress без использования плагинов становится возможным и приятным развлечением, которым мы сегодня себя и порадуем.</p>
<p>Для сегодняшнего урока я создал <a href="http://wp3.wptest.ru/">тестовый сайт</a> с <a href="http://wordpress.org/nightly-builds/wordpress-latest.zip">наипоследнейшей версией Wordpress</a>, где мы будем упражняться с кодом, и где вы сможете оценить результат наших стараний. Новый шаблон по умолчанию до некоторой степени заумный, и я ещё не успел разобраться с его устройством, поэтому операцию буду проводить на привычном шаблоне Default (отчего и у вас не должно возникнуть трудностей, потому что большинство шаблонов используют похожую структуру).</p>
<p>В последнее время получаю всё больше отзывов, в которых читатели просят делать мои уроки более подробными, чтобы даже &laquo;самые юные&raquo; пользователи Wordpress сумели со всем этим разобраться. По всему по этому буду стараться этим просьбам удовлетворять, и если что-то покажется вам до смеха элементарным&nbsp;&mdash; не серчайте, просто улыбнитесь.</p>
<p>Для начала создадим отдельную рубрику для наших фотографий, для чего пройдём в <em>Записи → Рубрики</em>.</p>
<p><img src="http://seogad.ru/wp-content/uploads/2010/02/11.jpg" alt="Создание рубрики в Wordpress 3" title="Создание рубрики в Wordpress 3" width="470" height="636" class="alignnone size-full wp-image-1422" /></p>
<p>Не пугайтесь забавных фраз на англо-русском, это потому что версия Wordpress третья, а языковые файлы от второй. </p>
<p>Также нам нужно настроить размеры миниатюр, которые Wordpress будет любезно создавать для нас из загруженных в него изображений. Откроем страницу <em>Параметры → Медиафайлы</em> и установим нужные нам значения для маленькой, средней и крупной миниатюр. Я поставил 100, 400 и 900 пикселей по ширине и высоте.</p>
<p>Теперь мы можем загружать наши фотографии. Пройдём в <em>Записи → Добавить новую</em>, укажем заголовок, набросаем немного описательного текста для наших картинок, отметим нужную рубрику и приступим к загрузке фотографий.</p>
<p>Можно поступить по-разному: показывать в каждой записи по одной миниатюре или помимо миниатюры отображать ещё и остальные картинки из галереи. Я рассмотрю оба примера, а вы уже сами прицельтесь и сделайте так, как вам будет нужнее.</p>
<p>Для загрузки фотографий, воспользуемся самой первой кнопкой из четырёх находящихся справа от текста &laquo;Загрузить/вставить&raquo;. Если навести на неё курсор, должна появиться надпись &laquo;Добавить изображение&raquo; (или подобная, зависит от используемого перевода). После нажатия откроется симпатичное окошко, в котором мы и будем наслаждаться загрузкой изображений.</p>
<p><img src="http://seogad.ru/wp-content/uploads/2010/02/2.jpg" alt="Загрузка изображений в Wordpress 3" title="Загрузка изображений в Wordpress 3" width="470" height="370" class="alignnone size-full wp-image-1355" /></p>
<p>Чтобы добавить заголовки изображений, необходимо справа от изображения кликнуть на слове &laquo;Показать&raquo;, откроется редактор изображения. В нём, справа от кнопки &laquo;Вставить в запись&raquo;, которую в данном случае нажимать не нужно, находится ссылка &laquo;Использовать как миниатюру&raquo;, которую мы и используем, чтобы создать миниатюру для записи.</p>
<p><img src="http://seogad.ru/wp-content/uploads/2010/02/3.jpg" alt="Создание миниатюры в Wordpress 3" title="Создание миниатюры в Wordpress 3" width="470" height="190" class="alignnone size-full wp-image-1357" /></p>
<p>Публикуем запись и открываем файл <em>functions.php</em>, который находится в папке используемого шаблона, и в который мы добавим пару нужностей. Если вы, как и я, хотите изменять файлы темы непосредственно через админку Wordpress, перейдите на страницу <em>Внешний вид → Редактор (Editor)</em> и из списка справа выберите необходимый файл.</p>
<p>Приступим к изменениям. Во-первых, если в вашей теме нет фразы &laquo;add_theme_support&raquo; (это можно выяснить поиском по странице: Ctrl+F), это означает что тема не поддерживает миниатюры, что необходимо исправить добавлением следующего кода:</p>
<p><code>if ( function_exists( 'add_theme_support' ) )<br />
add_theme_support( 'post-thumbnails' );</code></p>
<p>в подходящее место, например перед последним закрывающим тегом:</p>
<p><code>?&gt;</code></p>
<p>Во-вторых, для более удобного управления записями с фотографиями, добавим сразу после нашего кода ещё чуть-чуть писанины:</p>
<p><code>if ( !function_exists('fb_AddThumbColumn') &#038;& function_exists('add_theme_support') ) {<br />
	// for post and page<br />
	add_theme_support('post-thumbnails', array( 'post', 'page' ) );<br />
	function fb_AddThumbColumn($cols) {<br />
		$cols['thumbnail'] = __('Thumbnail');<br />
		return $cols;<br />
	}<br />
	function fb_AddThumbValue($column_name, $post_id) {<br />
			$width = (int) 35;<br />
			$height = (int) 35;<br />
			if ( 'thumbnail' == $column_name ) {<br />
				// thumbnail of WP 2.9<br />
				$thumbnail_id = get_post_meta( $post_id, '_thumbnail_id', true );<br />
				// image from gallery<br />
				$attachments = get_children( array('post_parent' =&gt; $post_id, 'post_type' =&gt; 'attachment', 'post_mime_type' =&gt; 'image') );<br />
				if ($thumbnail_id)<br />
					$thumb = wp_get_attachment_image( $thumbnail_id, array($width, $height), true );<br />
				elseif ($attachments) {<br />
					foreach ( $attachments as $attachment_id =&gt; $attachment ) {<br />
						$thumb = wp_get_attachment_image( $attachment_id, array($width, $height), true );<br />
					}<br />
				}<br />
					if ( isset($thumb) &#038;& $thumb ) {<br />
						echo $thumb;<br />
					} else {<br />
						echo __('None');<br />
					}<br />
			}<br />
	}<br />
	// for posts<br />
	add_filter( 'manage_posts_columns', 'fb_AddThumbColumn' );<br />
	add_action( 'manage_posts_custom_column', 'fb_AddThumbValue', 10, 2 );<br />
	// for pages<br />
	add_filter( 'manage_pages_columns', 'fb_AddThumbColumn' );<br />
	add_action( 'manage_pages_custom_column', 'fb_AddThumbValue', 10, 2 );<br />
}</code></p>
<p>Это снабдит список записей миниатюрой.</p>
<p><img src="http://seogad.ru/wp-content/uploads/2010/02/4.jpg" alt="Миниатюра в списке записей в Wordpress" title="Миниатюра в списке записей в Wordpress" width="470" height="204" class="alignnone size-full wp-image-1373" /></p>
<p>На этом махинации с файлом <em>functions.php</em> заканчиваются, и нам остаётся отобразить наши изображения в шаблоне. Начнём с категории фотографий, откроем для редактирования файл <em>archive.php</em> (или <em>index.php</em>, если его нет) и после фразы:</p>
<p><code>the_post();</code></p>
<p>добавим:</p>
<p><code>if (is_category('photos') &#038;& !is_single()) { ?&gt;ЗДЕСЬ БУДЕТ КАРТИНКА&lt;?php } else {</code></p>
<p>и чтобы закрыть условие, перед:</p>
<p><code>endwhile;</code></p>
<p>вставим:</p>
<p><code>}</code></p>
<p>Вместо &laquo;photos&raquo;, вставьте в код ID вашей категории с фотографиями или её slug (альтернативное имя латинскими буквами для адреса страницы). Теперь нам нужно заменить фразу <em>ЗДЕСЬ БУДЕТ КАРТИНКА</em> на код, который будет эту картинку показывать:</p>
<p><code>&lt;a href="&lt;?php the_permalink() ?&gt;"&gt;<br />
&lt;?php the_post_thumbnail('thumbnail'); ?&gt;&lt;/a&gt;</code></p>
<p>Если хотите, можно несколько усложнить себе жизнь и настроить появление среднего изображения при наведении курсора на миниатюру. Для этого, вместо предложенного выше кода необходимо вставить следующий:</p>
<p><code>&lt;a href="&lt;?php the_permalink() ?&gt;"<br />
class="tooltip" style="z-index:&lt;?php the_ID(); ?&gt;;"&gt;<br />
&lt;?php the_post_thumbnail('thumbnail'); ?&gt;<br />
&lt;span&gt;&lt;?php the_post_thumbnail(array(300, 300),<br />
array('class' =&gt; 'imagetooltip')); ?&gt;&lt;/span&gt;&lt;/a&gt;</code></p>
<p>и чтобы всё было чистенько и красиво, в самом конце файла <em>style.css</em> добавим необходимые стили:</p>
<p><code>.tooltip img {<br />
	border:4px solid #dddddd;<br />
	z-index:1000;<br />
}<br />
.tooltip {<br />
	position:relative;<br />
	margin-right:15px;<br />
	display:block;<br />
	float:left;<br />
	margin-bottom:15px;<br />
}<br />
.tooltip span {<br />
  position: absolute;<br />
  right: 0;<br />
  top: 95px;<br />
  display: none;<br />
  left:95px;<br />
  min-width: 50px;<br />
  padding: 0;<br />
  white-space: nowrap;<br />
  font-size: 11px;<br />
  text-align: right;<br />
  background:none;<br />
  color: #fff;<br />
  z-index:9000;<br />
}<br />
.tooltip span img {border:0;<br />
}<br />
.tooltip span small {<br />
	display:none;<br />
}<br />
.tooltip:hover span { display: block; }</code></p>
<p>В итоге получаем вот такую красотень. Ссылка с картинки ведёт на демо.</p>
<p><a href="http://wp3.wptest.ru/category/photos/"><img src="http://seogad.ru/wp-content/uploads/2010/02/5.jpg" alt="Фотогалерея на Wordpress. Список миниатюр со всплывающим увеличенным изображением" title="Фотогалерея на Wordpress. Список миниатюр со всплывающим увеличенным изображением" width="470" height="206" class="alignnone size-full wp-image-1392" /></a></p>
<p>Займёмся теперь одиночной записью, шаблон которой скрывается в файле <em>single.php</em>. Откроем этот файл и после:</p>
<p><code>the_post();</code></p>
<p>добавим:</p>
<p><code>if (in_category('photos')) { ?&gt;ЗДЕСЬ БУДЕТ КАРТИНКА&lt;?php } else {</code></p>
<p>и закроем условие, добавив:</p>
<p><code>}</code></p>
<p>перед:</p>
<p><code>comments_template();</code></p>
<p>или, если вы не используете в своём шаблоне комментарии, перед:</p>
<p><code>endwhile;</code></p>
<p>Не забываем заменить &laquo;photos&raquo; на slug или ID своей категории. Чтобы наши изображения красиво увеличивались при нажатии, установим плагин <a href="http://wordpress.org/extend/plugins/shutter-reloaded/">Shutter Reloaded</a>, и перейдя на страницу <em>Внешний вид → Shutter Reloaded</em>, активируем второй вариант преобразования ссылок (если это не сделано по умолчанию).</p>
<p>Затем приступим к замене фразы <em>ЗДЕСЬ БУДЕТ КАРТИНКА</em> на что-нибудь более существенное. Ранее я обещал показать два разных варианта отображения картинок в одиночной записи. На тестовом сайте вы можете посмотреть <a href="http://wp3.wptest.ru/photos/toulouse/">оба варианта на одной странице</a>&nbsp;&mdash; используйте подходящий.</p>
<p>Чтобы отобразить среднее изображение, заменим нашу фразу на следующий код:</p>
<p><code>&lt;a rel="lightbox[]" href="&lt;?php $thumbnail = wp_get_attachment_image_src(get_post_thumbnail_id(), 'large');<br />
echo $thumbnail[0]; ?&gt;" &gt;&lt;?php the_post_thumbnail('medium'); ?&gt;&lt;/a&gt;</code></p>
<p>а если нам нужны все изображения записи, то получить их можно следующим образом (нужно убрать из кода пробел перед <em>gallery</em>):</p>
<p><code>&lt;?php echo do_shortcode('[ gallery columns="6" size="thumbnail" itemtag="ul" icontag="li" captiontag="p" link="file"]'); ?&gt;</code></p>
<p>Объясню некоторые параметры:</p>
<ul>
<li><em>columns</em>&nbsp;&mdash; количество изображений в строке;</li>
<li><em>size</em>&nbsp;&mdash; размер изображения, у нас указана миниатюра, можно выбрать <em>среднее (medium)</em> или <em>большое (large)</em> изображение;</li>
<li><em>link</em>&nbsp;&mdash; куда ведёт ссылка с изображения, в нашем случае откроется оригинальный файл.</li>
</ul>
<p>Подробнее о разных параметрах <a href="http://codex.wordpress.org/Gallery_Shortcode">здесь</a> (осторожно, английский).</p>
<p>Теперь добавим немножко красок в файл <em>style.css</em>, чтобы всё у нас выглядело ровно и красиво. В конце файла вставим:</p>
<p><code>.gallery .gallery-item {<br />
	width:110px !important;<br />
	margin:0;<br />
	padding:0;<br />
	margin-right:15px !important;<br />
	margin-bottom:15px !important;<br />
	list-style:none;<br />
}<br />
.gallery .gallery-item li {<br />
	margin:0 !important;<br />
	padding:0 !important;<br />
	list-style:none;<br />
}<br />
.gallery .gallery-item li a {<br />
	border:4px solid #dddddd;<br />
	display:block !important;<br />
}<br />
.gallery .gallery-item li a img {<br />
	border:0 !important;<br />
}</code></p>
<p>Смотрим, что у нас получилось, и потихоньку начинаем радоваться.</p>
<p><img src="http://seogad.ru/wp-content/uploads/2010/02/6.jpg" alt="Галерея изображений на Wordpress без использования плагинов" title="Галерея изображений на Wordpress без использования плагинов" width="470" height="519" class="alignnone size-full wp-image-1410" /></p>
<p>В принципе, фундамент заложен, галерея уже работает и может вполне пригодиться даже в таком виде, но я хотел бы ещё рассказать вам, как добавить пару полезных виджетов, которые будут отображать случайные и последние фотографии. Вновь откроем файл <em>functions.php</em> и перед закрывающим тегом:</p>
<p><code>?&gt;</code></p>
<p>добавим виджет случайного показа изображений:</p>
<p><code>function randomimages() {  $randomimg = new WP_Query('cat=3&#038;showposts=2&#038;orderby=rand');<br />
if($randomimg-&gt;have_posts()) : ?&gt;&lt;h3&gt;Случайные изображения&lt;/h3&gt;&lt;?php<br />
while($randomimg-&gt;have_posts()) :  $randomimg-&gt;the_post(); ?&gt;<br />
&lt;a href="&lt;?php the_permalink() ?&gt;"&gt;&lt;?php the_post_thumbnail(array(60, 60), array('class' =&gt; 'imagetooltip')); ?&gt;&lt;/a&gt;<br />
&lt;?php endwhile; endif; };</code></p>
<p>ниже добавим виджет для показа последних добавленных изображений:</p>
<p><code>function lastimages() {  $lastimg = new WP_Query('cat=3&#038;showposts=2&#038;orderby=date&#038;order=DESC');<br />
if($lastimg-&gt;have_posts()) : ?&gt;&lt;h3&gt;Новые изображения&lt;/h3&gt;&lt;?php<br />
while($lastimg-&gt;have_posts()) :  $lastimg-&gt;the_post(); ?&gt;<br />
&lt;a href="&lt;?php the_permalink() ?&gt;"&gt;&lt;?php the_post_thumbnail(array(60, 60), array('class' =&gt; 'imagetooltip')); ?&gt;&lt;/a&gt;<br />
&lt;?php endwhile; endif; };</code></p>
<p>и закончим всё это дело регистрацией виджетов:</p>
<p><code>function register_my_widget() {<br />
register_sidebar_widget('Случайные изображения', 'randomimages');<br />
register_sidebar_widget('Новые изображения', 'lastimages');<br />
}<br />
add_action('init', 'register_my_widget');;</code></p>
<p>Изменения шаблона закончены. Теперь нам останется перейти на страницу <em>Внешний вид → Виджеты</em> и активировать наши новенькие виджеты, перебросив их в один из сайдбаров. Вот что у нас получилось.</p>
<p><img src="http://seogad.ru/wp-content/uploads/2010/02/7.jpg" alt="Фотогалерея на Wordpress с виджедами случайных и последних фотографий" title="Фотогалерея на Wordpress с виджедами случайных и последних фотографий" width="470" height="281" class="alignnone size-full wp-image-1416" /></p>
<p>На этом урок окончен. Посмотреть результат в действии можно на <a href="http://wp3.wptest.ru/category/photos/">тестовом сайте</a>. Помните, что всё это только примеры, которые вы можете использовать как вам угодно, изменяя их под себя&nbsp;&mdash; главное не бояться, читать документацию, и не забывать, что Гугл знает ответы на большую часть ваших вопросов, связанных с Wordpress.</p>
<p>Если будет нужна помощь&nbsp;&mdash; оставляйте комментарии, постараемся решить вопрос качественно и оперативно.</p>
<p>Желаю вам всего самого интересного. До новых встреч.<br />
<a href="http://seogad.ru">Артём Савельев</a>.</p>


<h3 style="margin-top:10px; border-top:0px solid #dddddd; padding-top:0px;">Статьи по теме:</h3>
<ul>
		<li><a href="http://seogad.ru/tools/cms/magicfields-photosite" rel="bookmark">Создание фотосайта на Wordpress с помощью плагина Magic Fields</a><!-- (10.854)--></li>
		<li><a href="http://seogad.ru/tools/cms/mp3-wordpress-magic-fields-jplayer" rel="bookmark">Создание каталога песен на Wordpress с помощью Magic Fields и jPlayer</a><!-- (5.98402)--></li>
	</ul>
]]></content:encoded>
			<wfw:commentRss>http://seogad.ru/tools/cms/wordpress-photosite/feed</wfw:commentRss>
		<slash:comments>18</slash:comments>
		</item>
		<item>
		<title>Я люблю блогинг</title>
		<link>http://seogad.ru/different/blogs/iloveblogging</link>
		<comments>http://seogad.ru/different/blogs/iloveblogging#comments</comments>
		<pubDate>Thu, 18 Feb 2010 21:30:24 +0000</pubDate>
		<dc:creator>Артём Савельев</dc:creator>
				<category><![CDATA[Блогинг]]></category>
		<category><![CDATA[блоги]]></category>
		<category><![CDATA[блогинг]]></category>
		<category><![CDATA[конкурсы]]></category>
		<category><![CDATA[новичкам]]></category>

		<guid isPermaLink="false">http://seogad.ru/?p=1259</guid>
		<description><![CDATA[
Так случилось, что всего лишь на мгновение просунув сознание поглубже в блогосферу, я сразу в неё влюбился, осознав, что в ней тепло и уютно. Всегда хотелось рассказать вам о своей любви к блогосфере, а теперь для этого ещё и повод появился&#160;&#8212; конкурс от Аббата Кальне. 
Специально для этого стараться не буду, но может получиться так, [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://seogad.ru/wp-content/uploads/2010/02/blogging.jpg" alt="" title="Я люблю блогинг. Конкурсная статья от Артёма Савельева" width="470" height="363" class="alignnone size-full wp-image-1309" /></p>
<p>Так случилось, что всего лишь на мгновение просунув сознание поглубже в блогосферу, я сразу в неё влюбился, осознав, что в ней тепло и уютно. Всегда хотелось рассказать вам о своей любви к блогосфере, а теперь для этого ещё и повод появился&nbsp;&mdash; <a href="http://do-web.ru/news/flashmobs/konkurs-dlya-bloggerov">конкурс от Аббата Кальне</a>. <span id="more-1259"></span></p>
<p>Специально для этого стараться не буду, но может получиться так, что многим, у кого ещё нет блога, после прочтения моей статьи захочется его создать, так как аргументов в пользу ведения блога я заготовил много.</p>
<h3>Общение</h3>
<p>Как сказал один космонавт, &laquo;самое интересное в космосе&nbsp;&mdash; это экипаж&raquo;. В блогосфере у меня появилась возможность непрерывного обмена информацией и впечатлениями с теми людьми, которые мне интересны, знакомы мы или нет.</p>
<p>Для того, чтобы познакомиться, в блогосфере достаточно перейти на блог человека, возможно оставить комментарий. Если с вами захотят познакомиться в ответ, нужно будет всего лишь перейти на ваш блог и оставить комментарий, и знакомство состоялось&nbsp;&mdash; вы уже знаете друг друга, у вас уже есть опыт общения. Знакомство минует какие-либо церемонии, поэтому на душе остаётся добрый отпечаток прямоты и открытости.</p>
<h3>Хорошее настроение</h3>
<p>Раньше у меня бывали приступы плохого настроения и скуки. Сейчас этого нет. Что касается неизменно хорошего настроения&nbsp;&mdash; в этом не столько блогосфера виновата, сколько пересмотр моих взглядов, а вот окончательная победа над скукой принадлежит именно ей. Если вдруг случается так, что мне нечем себя занять (когда же это случится?), то я просто открываю свою RSS-читалку и ищу интересные материалы, которые с удовольствием изучаю и, по возможности, комментирую.</p>
<p>Это освежает, помогает вспомнить, что жизнь прекрасна и продолжается. Кстати, чрезмерная скука опасна для здоровья, как и всё чрезмерное.</p>
<h3>Взаимовыручка</h3>
<p>Если у вас что-то не получается, вы не стесняясь можете попросить совета в комментариях на блоге по вашей тематике. Вы даже можете задать вопрос лично по электронной почте, в большинстве случаев вам ответят и, вполне вероятно, помогут решить проблему.</p>
<p>Когда у вас есть друзья-блогеры, вы почти всегда можете надеяться на помощь в продвижении какой-либо акции. Они с удовольствием поставят ссылку на ваш блог по вашей просьбе, если вам это действительно необходимо. Это не считая того, что они постоянно будут ставить ссылки на интересные материалы вашего блога в своих &laquo;обзорах блогосферы&raquo;.</p>
<p>Например, когда Михаилу Шакину не хватало 70 посетителей в сутки для достижения поставленной им цели &laquo;<a href="http://shakin.ru/seo/goal-1000.html">1000 посетителей в день на блоге до 1 июня</a>&raquo;, он попросил знакомых блогеров упомянуть какой-либо материал с блога shakin.ru, и ему с удовольствием помогли.</p>
<h3>Самопрезентация</h3>
<p>Если вы достаточно внимательны и осторожны, блог показывает вас с той позиции, которая выгодна вам. Если у вас популярный тематический блог&nbsp;&mdash; вы всегда сможете найти работу в своей области, будь то полная занятость в офисе или клиенты, которые познакомились с тем, что вы пишите, осознали вашу компетентность и без лишних вопросов переходят сразу к делу.</p>
<p>Например, раньше мне приходилось показывать потенциальным клиентам портфолио, доказывать, что я смогу создать для них тот или иной сайт. Сейчас же они просто заходят на мой блог, на примерах видят, что я разбираюсь в том, за что беру с них деньги, и по крайней мере в качестве выполняемой работы они уверены.</p>
<h3>Радость дарения</h3>
<p>Наверняка многие из вас владеют какими-либо практическими знаниями, которыми могли и хотели бы поделиться. Наверняка вам знакомо ощущение радости от дарения подарков близким людям. Когда вы делитесь полезной практической информацией с читателями&nbsp;&mdash; вы от души дарите им свой скромный подарок, и это делает и вас и мир лучше.</p>
<p>Мне доставляет огромное удовольствие оказание помощи моим читателям, будь то вопрос в комментариях, проблема при создании чего-либо, поиск информации. Это делает меня добрее от того, что я сэкономил кому-то время (у нас ведь его не так много), и богаче знаниями, потому что порой для ответа необходимо самому искать и проверять материалы. </p>
<p>Я говорю не только о комментариях к моему блогу, но и к другим. Также приятно и выгодно, когда помогаешь чем-либо автору какой-либо статьи&nbsp;&mdash; скорее всего он будет благодарен и однажды отблагодарит ссылкой.</p>
<h3>Повышение квалификации</h3>
<p>С тех пор, как я затесался в блогосферу, я постоянно получаю новую информацию в тех областях, которые мне интересны, и которые меня обеспечивают. Я постоянно изучаю опыт успешных блогеров, нахожу новые материалы по созданию и монетизации сайтов.</p>
<p>Когда у меня не было блога, и я не следил за другими блогерами, я искал новый материал только когда мне нужно было узнать, как сделать что-либо или где это что-либо можно взять. Сейчас я получаю эти многочисленные &laquo;что-либо&raquo; независимо от того, нужны ли они в данный момент, и раз ознакомившись, мне уже не придётся искать их в интернете, я уже буду примерно знать как это сделать и знать, куда мне обратиться за помощью.</p>
<p>Блогинг позволяет постоянно быть в курсе последних событий в вашей области, это не даёт заскучать, опустить руки и сказать себе что-то вроде &laquo;как мне всё надоело, одно и то же&raquo;&nbsp;&mdash; с помощью блогосферы всегда найдётся что-то новое и интересное на интересующие вас темы.</p>
<h3>Стройность и чистота мысли</h3>
<p>Блог позволяет научиться выражать свои мысли если не красноречиво, то по крайней мере последовательно. Блогинг частично очищает наши мысли от мусора и со временем уменьшает степень влияния беспорядка в наших головах на наше самочувствие, наши действия и нашу жизнь в целом, потому что становится ясно, что мы на самом деле не являемся своими мыслями, а только пользуемся ими. Соответственно, мы в праве распоряжаться ими так, как нам угодно, и всегда можем избавиться от любых негативных мыслей.</p>
<p>Благодаря опыту написания постов, когда надо, вы всегда сможете привести свои мысли в порядок, расставить всё на свои места, разработать план действий, разобраться в какой-либо ситуации или грамотно изложить свою позицию. Всё это делает вас более уверенным в себе, и становится намного легче справляться с различными трудностями.</p>
<h3>Самоорганизация</h3>
<p>Блог по своей природе успешен и перспективен тогда, когда он имеет сложившуюся структуру и регулярно обновляется, когда действия автора соответствуют его словам. Например, публично поставив какую-либо громкую цель и получив добрую порцию пожеланий удачи, скорее всего вам захочется достигнуть поставленной цели, чтобы не выглядеть неудачником, для чего потребуется быть очень организованным и старательным, что неизбежно отразиться на вашей дальнейшей жизни.</p>
<p>Если вам что-то не нравится в вашем поведении, поставьте себе такую цель, для достижения которой необходимо его изменить, и увидите, что опыт борьбы с леностью, неорганизованностью, стеснительностью и прочими не самыми приятными человеческими особенностями останется с вами надолго и будет всегда доступен вашему сознанию.</p>
<h3>Защита</h3>
<p>Если вы ведёте популярный блог, то перед тем, как обидеть вас, злоумышленник несколько раз подумает и наверняка откажется от своей затеи. Я говорю о работодателях, которые без веских оснований увольняют своих сотрудников &laquo;по собственному желанию&raquo;, и о всех тех потенциальных обидчиках, которым вы с лёгкостью сможете подпортить репутацию парочкой громких замечаний в их адрес.</p>
<p>Недавно мне попался один, на первый взгляд, полезный сервис, в котором я быстренько приобрёл VIP-аккаунт. После нескольких часов безуспешного налаживания отношений с несоответствующим заявленному функционалом, я просто написал письмо администрации сервиса с просьбой вернуть средства на указанный кошелёк, указав при этом, что являюсь автором этого блога. Средства поступили немедленно.</p>
<h3>Заработок</h3>
<p>На этом блоге я ещё ничего не зарабатываю, если не считать клиентов, обратившихся ко мне с блога, и парочку случайно купленных постовых. Но я смотрю на успешных блогеров и вижу реальную возможность получать деньги за то, что ведёшь блог. Ведение блога&nbsp;&mdash; это труд, который вполне может оплачиваться прямо и косвенно. Как в любой деятельности, здесь важен опыт, навыки, достижения.</p>
<p>Чем лучше вы пишете, чем больше у вас читателей, чем больше вас рекомендуют, чем вы известнее и популярнее, тем больше денег и прочих вкусностей вы сможете получать за то, что ведёте блог. Если задаться такой целью, то можно вполне обеспечивать себя только блогингом.</p>
<h3>Кайф</h3>
<p>Каждый раз, когда приходит время написать пост, во мне зажигается нестерпимое желание выразить свои мысли наиболее ярко и интересно. Перед тем как нажать на кнопку &laquo;Опубликовать&raquo;, я до изнеможения издавливаю кнопку &laquo;Сохранить черновик&raquo;, пока не буду уверен, что статья достойна публикации на моём блоге и пронизана ниточкой радости от того, что я живое существо и вообще могу чего-нибудь здесь говорить.</p>
<p>И когда я добираюсь до кнопки &laquo;Опубликовать&raquo;, в тот момент я чётко осознаю, что мою статью прочитает добрая часть моих постоянных читателей, и её, возможно, будут читать те, кто попадёт на мой блог впервые, в том числе люди, с которыми мне предстоит познакомиться в будущем, поэтому будучи уверенным в качестве статьи, в момент нажатия на заветную кнопку я получаю огромное удовольствие.</p>
<h3>Доступность</h3>
<p>Помимо всех прочих приятностей, блогинг доступен людям любой профессии, а также людям без профессии. Чем бы вы ни занимались, вплоть до сидения перед телевизором, вам рано или поздно найдётся что рассказать, так почему бы не сделать это на своём собственном блоге?</p>
<p>Если вы не знаете, как создать свой блог, <a href="http://seogad.ru/chief/feedback">напишите мне</a>, и я дам вам несколько бесплатных советов, или же воспользуйтесь моими <a href="http://seogad.ru/chief/justpay">услугами</a> и закажите у меня создание вашего персонального блога.</p>
<p>Я готов ещё очень много всего сказать в поддержку блогинга, но пусть это будет пищей для следующих постов, а пока по традиции и по условиям конкурса, познакомлю вас со спонсорами данного мероприятия:</p>
<ul>
<li><a title="Постинг в сервисы социальных закладок" href="http://gposter.ru/">Gposter.ru</a>&nbsp;&mdash; программа для постинга в сервисы социальных закладок;</li>
<li> <a title="Купюрочки" href="http://blogbill.ru/">Заработок на блоге</a>&nbsp;&mdash; олимпийский блог Алексея Терехова;</li>
<li><a title="SEO без напряга" href="http://www.vsebe.com/">Заработок в интернете</a> – seo блог без напряга;</li>
<li><a title="Форум о партнерских программах" href="http://bestmasters.biz/">Партнерские программы</a>&nbsp;&mdash; форум о партнерских программах.</li>
</ul>
<p>Желаю вам всего самого хорошего.<br />
<a href="http://seogad.ru">Артём Савельев</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://seogad.ru/different/blogs/iloveblogging/feed</wfw:commentRss>
		<slash:comments>34</slash:comments>
		</item>
		<item>
		<title>Создание фотосайта на Wordpress с помощью плагина Magic Fields</title>
		<link>http://seogad.ru/tools/cms/magicfields-photosite</link>
		<comments>http://seogad.ru/tools/cms/magicfields-photosite#comments</comments>
		<pubDate>Tue, 16 Feb 2010 07:52:45 +0000</pubDate>
		<dc:creator>Артём Савельев</dc:creator>
				<category><![CDATA[CMS (Движки)]]></category>
		<category><![CDATA[Magic Fields]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[галерея]]></category>
		<category><![CDATA[уроки]]></category>
		<category><![CDATA[фото]]></category>

		<guid isPermaLink="false">http://seogad.ru/?p=1121</guid>
		<description><![CDATA[
Продолжаю серию уроков по использованию замечательного плагина Magic Fields. Сегодня мы подробно рассмотрим создание полноценной фотогалереи или портфолио художника (что-то похожее в своё время я реализовал на сайте Виктора Лукьянова). 
В установке Wordpress нет ничего сложного (тем не менее когда-нибудь чего-нибудь хотелось бы об этом написать, для самых маленьких), о том, как установить и настроить [...]

<h3 style="margin-top:10px; border-top:0px solid #dddddd; padding-top:0px;">Статьи по теме:</h3>
<ul>
		<li><a href="http://seogad.ru/tools/cms/mp3-wordpress-magic-fields-jplayer" rel="bookmark">Создание каталога песен на Wordpress с помощью Magic Fields и jPlayer</a><!-- (14.446)--></li>
		<li><a href="http://seogad.ru/tools/cms/wordpress-photosite" rel="bookmark">Создание фотосайта на Wordpress без использования плагинов</a><!-- (11.1057)--></li>
		<li><a href="http://seogad.ru/tools/cms/magic-fields-wordpress-plugin" rel="bookmark">Плагин Magic Fields&nbsp;&mdash; создание дополнительных полей в Wordpress</a><!-- (9.98807)--></li>
	</ul>
]]></description>
			<content:encoded><![CDATA[<p><img src="http://seogad.ru/wp-content/uploads/2010/02/main.jpg" alt="" title="Создание фотогалереи на Wordpress с помощью плагина Magic Fields" width="470" height="313" class="alignnone size-full wp-image-1202" /></p>
<p>Продолжаю серию уроков по использованию замечательного плагина <a href="http://magicfields.org/">Magic Fields</a>. Сегодня мы подробно рассмотрим создание полноценной фотогалереи или портфолио художника (что-то похожее в своё время я реализовал на сайте <a href="http://www.loukianov.ru/">Виктора Лукьянова</a>). <span id="more-1121"></span></p>
<p>В установке Wordpress нет ничего сложного (тем не менее когда-нибудь чего-нибудь хотелось бы об этом написать, для самых маленьких), о том, как установить и настроить плагин Magic Fields я писал во <a href="http://seogad.ru/cms/magic-fields-wordpress-plugin">вступительной статье</a> этой серии.</p>
<p>По традиции, все действия я буду проделывать вместе с вами, результаты можно посмотреть на <a href="http://wptest.ru/">тестовом сайте</a>, предназначенном специально для демонстрации моих уроков.</p>
<p>Для начала нам понадобится зайти в панель администратора и <em>создать новую категорию</em> под рабочим названием &laquo;Фотографии&raquo;. Затем, чтобы создать <em>панель записей</em> пройдём в <em>Magic Fields → Write Panels (Панели записей)</em> и там нажмём на <em>Create a Write Panel (Создать панель записей)</em>.</p>
<p><img src="http://seogad.ru/wp-content/uploads/2010/02/create-panel.jpg" alt="" title="Создание дополнительной панели записей на Wordpress с помощью Magic Fields" width="470" height="616" class="alignnone size-full wp-image-1134" /></p>
<p>Теперь создадим группу дополнительных полей под названием &laquo;Фотография&raquo;. Для этого перейдём на страницу <em>Magic Fields → Write Panels (Панели записей)</em> и там кликнем на <em>Edit Fields/Groups (Изменить поля/группы)</em> напротив только что созданной панели «Фото». Там нажимаем на <em>Create a Group</em> и создаём группу.</p>
<p><img src="http://seogad.ru/wp-content/uploads/2010/02/create-group.jpg" alt="" title="Создание группы дополнительных полей в Wordpress с помощью плагина Magic Fields" width="470" height="220" class="alignnone size-full wp-image-1137" /></p>
<p>Теперь мы вполне можем позволить себе создать дополнительные поля. Добавим поле «Изображение»: для этого сбегаем в <em>Magic Fields → Write Panels (Панели записей)</em>, напротив панели «Фото» выберем <em>Edit Fields/Groups (Изменить поля/группы)</em> и далее <em>create field (создать поле)</em> справа от группы «Фотография». В качестве <em>типа поля (Type)</em> выберем <em>Image</em>.</p>
<p><img src="http://seogad.ru/wp-content/uploads/2010/02/create-image-field.jpg" alt="" title="Создание поля для изображения в Wordpress с помощью плагина Magic Fields" width="470" height="797" class="alignnone size-full wp-image-1144" /></p>
<p>После нажатия на кнопку <em>Continue</em> нам будет предложено настроить максимальные параметры для изображения, поставим <em>Width (Ширину)</em> 400 пикселей и завершим создание дополнительного поля для изображения кнопкой <em>Finish (Закончить)</em>.</p>
<p>Добавим поле &laquo;Описание&raquo;, чтоб иметь возможность подписывать наши изображения. Проделаем всё то же, что и с предыдущим полем, но в качестве <em>типа (Type)</em> выберем <em>Multiline Textbox</em>.</p>
<p><img src="http://seogad.ru/wp-content/uploads/2010/02/create-description-field.jpg" alt="" title="Создание дополнительно поля для описание изображения в Wordpress с помощью Magic Fields" width="470" height="777" class="alignnone size-full wp-image-1152" /></p>
<p>Нажав на <em>Continue</em>, настроим предложенные опции следующим образом.</p>
<p><img src="http://seogad.ru/wp-content/uploads/2010/02/create-description-field-2.jpg" alt="" title="Настройка  дополнительного поля для описания в Wordpress" width="470" height="243" class="alignnone size-full wp-image-1153" /></p>
<p>Чтобы иметь возможность сортировать изображения по годам, добавим соответствующее поле, в качестве<em> типа (Type)</em> используем <em>Textbox</em>, а в поле <em>Name</em> укажем &laquo;imyear&raquo;.</p>
<p>Чтобы было чем развлекать себя дальше, добавим пару пробных изображений. Пройдём в панель &laquo;Фото&raquo; и выберем <em>New (Новая запись)</em>.</p>
<p><img src="http://seogad.ru/wp-content/uploads/2010/02/add-image.jpg" alt="" title="Добавление изображения в фотогалерею на Wordpress" width="470" height="618" class="alignnone size-full wp-image-1161" /></p>
<p>Теперь у нас есть всё для того, чтобы произвести изменения в шаблоне. Я по-прежнему в качестве примера использую шаблон по умолчанию (Default), если у вас возникнут трудности с интеграцией моего кода в свой шаблон, свяжитесь со мной по почте или через комментарии, постараюсь помочь.</p>
<p>Начнём с одиночной записи. Откроем файл <em>single.php</em> и после:</p>
<p><code>&lt;?php the_content('&lt;p class="serif"&gt;' . __('Read the rest of this entry &raquo;', 'kubrick') . '&lt;/p&gt;'); ?&gt;</code></p>
<p>добавим изображение:</p>
<p><code>&lt;?php $image = get('image');  if($image != '') { ?&gt;<br />
&lt;? echo get_image('image'); ?&gt;<br />
&lt;?php } ?&gt;</code></p>
<p>и снабдим его описанием:</p>
<p><code>&lt;?php $description = get('description');  if($description!= '') { ?&gt;<br />
&lt;p&gt;&lt;?php echo get('description'); ?&gt;&lt;/p&gt;<br />
&lt;?php } ?&gt;</code></p>
<p>подчеркнём всё это дело годом:</p>
<p><code>&lt;?php $imyear = get('imyear');  if($imyear!= '') { ?&gt;<br />
&lt;p&gt;&lt;?php echo get('imyear'); ?&gt;  год&lt;/p&gt;<br />
&lt;?php } ?&gt;</code></p>
<p>и порадуемся тому, что у нас всё работает и не глючит.</p>
<p><a href="http://wptest.ru/photos/testovaya-fotografiya/"><img src="http://seogad.ru/wp-content/uploads/2010/02/exemple.jpg" alt="" title="Артём Савельев в Воронеже с Бимом" width="395" height="570" class="aligncenter size-full wp-image-1168" /></a></p>
<p>Теперь подправим шаблон категории, чтобы красиво разместить в нём изображения из рубрики &laquo;Фотографии&raquo;. Откроем файл <em>archive.php (и/или index.php)</em> и после:</p>
<p><code>&lt;?php while (have_posts()) : the_post(); ?&gt;</code></p>
<p>добавим:</p>
<p><code>&lt;?php if (is_category(42) || in_category(42) &#038;& !is_home() &#038;& !is_single()) { ?&gt;<br />
ЗДЕСЬ БУДЕТ ИЗОБРАЖЕНИЕ<br />
&lt;?php } else { ?&gt;</code></p>
<p>42&nbsp;&mdash; это ID категории с фотографиями, можно узнать его, если навести курсор на нужную рубрику в админке и посмотреть на адрес ссылки.</p>
<p>Чтобы закончить код, необходимо перед:</p>
<p><code>&lt;?php endwhile; ?&gt;</code></p>
<p>добавить:</p>
<p><code>&lt;?php }; ?&gt;</code></p>
<p>Теперь нам необходимо заменить фразу <em>ЗДЕСЬ БУДЕТ ИЗОБРАЖЕНИЕ</em> на маленькое превью. Добавим на место этой фразы код, который позволит пропорционально уменьшать ширину и высоту изображений.</p>
<p><code>&lt;?php<br />
//Новая ширина = Данная высота * (Изначальная ширина / Изначальная высота)<br />
//Новая высота = Данная ширина * (Изначальная высота / Изначальная ширина)<br />
$img = @getimagesize(''.get('gallery_image').'');<br />
$w = $img[0];<br />
$h = $img[1];<br />
$defaultImageWidth = 150; //замените на желаемую ширину<br />
$defaultImageHeight = 150; //замените на желаемую высоту<br />
$imageWidth = $w; // используйте getimagesize() для получения ширины изображения<br />
$imageHeight = $h; // используйте getimagesize() для получения высоты изображения<br />
if($imageWidth &gt; $imageHeight)<br />
{<br />
    // альбомное изображение<br />
    $newWidth = $defaultImageWidth;<br />
    $newHeight = (int)($defaultImageWidth * $imageHeight / $imageWidth);<br />
    if($newHeight &gt; $defaultImageHeight)<br />
    {<br />
        $newHeight = $defaultImageHeight;<br />
        $newWidth = (int)($defaultImageHeight * $imageWidth / $imageHeight);<br />
    }<br />
}<br />
elseif ($imageHeight &gt; $imageWidth)<br />
{<br />
    // портрет<br />
    $newHeight = $defaultImageHeight;<br />
    $newWidth = (int)($defaultImageHeight * $imageWidth / $imageHeight);<br />
    if($newWidth &gt; $defaultImageWidth)<br />
    {<br />
        $newWidth = $defaultImageWidth;<br />
        $newHeight = (int)($defaultImageWidth * $imageHeight / $imageWidth);<br />
    }<br />
}<br />
else<br />
{<br />
    // квадратное изображение<br />
    $newWidth = $defaultImageWidth;<br />
    $newHeight = $defaultImageHeight;<br />
} ?&gt;</code></p>
<p>Чтобы показать изображение, после этого кода нужно добавить следующий:</p>
<p><code>&lt;a href="&lt;?php the_permalink() ?&gt;"<br />
class="image_photogallery"&gt;<br />
&lt;img src="&lt;?php echo pt(); ?&gt;?src=&lt;? echo get('image'); ?&gt;&#038;w=&lt;?php echo $newWidth ?&gt;&#038;h=&lt;?php echo $newHeight ?&gt;"<br />
alt="&lt;?php the_title(); ?&gt;"<br />
title="&lt;?php the_title(); ?&gt;"  /&gt;<br />
&lt;/a&gt;</code></p>
<p>Я использовал класс <em>.image_photogallery</em>, стиль которого мы немедленно настроим в файле <em>style.css</em>, в конце которого добавим, например, такой код:</p>
<p><code>a.image_photogallery {<br />
display:block;<br />
float:left;<br />
width:180px;<br />
height:180px;<br />
text-align:center;<br />
background-color:#CCCCCC;<br />
margin-right:15px;<br />
margin-bottom:15px;<br />
}<br />
a.image_photogallery img {<br />
margin-top:15px;<br />
margin-bottom:15px;<br />
border:1px solid #FFFFFF;<br />
}</code></p>
<p>И вот какая красотень у нас получилась. Конечно же, можно настроить стили как вам больше нравится, я только показал, что это возможно.</p>
<p><a href="http://wptest.ru/category/photos/"><img src="http://seogad.ru/wp-content/uploads/2010/02/exemple2.jpg" alt="" title="Пример фотогалереи на Wordpress" width="411" height="404" class="aligncenter size-full wp-image-1190" /></a></p>
<p>Теперь не лишним будет добавить фильтр по годам. Для этого в файле <em>archive.php (и/или index.php)</em> перед:</p>
<p><code>&lt;?php while (have_posts()) : the_post(); ?&gt;</code></p>
<p>вставьте:</p>
<p><code>&lt;?php if (is_category(42) || in_category(42) &#038;& !is_home() &#038;& !is_single()) { ?&gt;<br />
&lt;form method="post" action=""&gt;<br />
&lt;p&gt;Год:&lt;br /&gt;<br />
&lt;select name="imyear" &gt;<br />
&lt;option value=""&gt;&lt;/option&gt;<br />
&lt;?php<br />
$listyears2 = $wpdb-&gt;get_results("SELECT DISTINCT meta_value FROM $wpdb-&gt;postmeta<br />
WHERE meta_key = 'imyear' ORDER BY meta_value");<br />
foreach ($listyears2 as $listyear2) {<br />
if ($listyear2-&gt;meta_value != '') {<br />
$option = '&lt;option ';<br />
if ($listyear2-&gt;meta_value == $_REQUEST["imyear"]) {$option .= 'selected '; }<br />
$option .= 'value="'.$listyear2-&gt;meta_value.'"&gt;';<br />
$option .= $listyear2-&gt;meta_value;<br />
$option .= '&lt;/option&gt;';<br />
echo $option;<br />
}} ?&gt;<br />
&lt;/select&gt;<br />
&lt;/p&gt;<br />
&lt;p&gt;&lt;input type="submit" value="Показать" class="s_submit" name="submitimyear" /&gt;&lt;/p&gt;<br />
&lt;/form&gt;<br />
&lt;?php if (isset($_REQUEST["imyear"])) { $paramyear2=$_REQUEST["imyear"]; } else { $paramyear2=""; };<br />
if ($paramyear2!= "") {<br />
query_posts($query_string . '&#038;x_imyear='.$paramyear2);<br />
} ?&gt;<br />
&lt;?php }; ?&gt;</code></p>
<p>Всё работает, наслаждаемся.</p>
<p><a href="http://wptest.ru/category/photos/"><img src="http://seogad.ru/wp-content/uploads/2010/02/exemple3.jpg" alt="" title="Пример фотогалереи с фильтром по годам на Wordpress" width="411" height="297" class="aligncenter size-full wp-image-1198" /></a></p>
<p>Конечно, это один из самых простых примеров издевательства над Wordpress с помощью плагина Magic Fields, потенциал которого невероятен. Как только я закончу серию уроков по использованию этого плагина, я планирую составить из них книгу, более подробную и с большим количеством примеров. </p>
<p>Предлагайте свои идеи, расскажите, что вы хотели бы научиться создавать с помощью Magic Fields, и я постараюсь вам помочь в своих следующих постах.</p>
<p><em>P.S. Кстати, вчера получил на почту февральский выпуск журнала <a href="http://blogo-news.com/">БлогоNEWS</a>, который я прочитал почти ни на что не отвлекаясь за пару часов, от чего получил массу удовольствия, особенно когда обнаружил в рубрику &laquo;Дайджест Блогосферы&raquo; упоминание моего недавнего урока &laquo;<a href="http://seogad.ru/tools/cms/comment-modification">Украшаем комментарии в Wordpress</a>&raquo;, за что благодарен всетельно и вседушно и призываю всех почитать <a href="http://blogo-news.com/blogonewsnewdiz5.pdf">новый выпуск журнала БлогоNEWS</a>&nbsp;&mdash; очень много интересностей.</em></p>


<h3 style="margin-top:10px; border-top:0px solid #dddddd; padding-top:0px;">Статьи по теме:</h3>
<ul>
		<li><a href="http://seogad.ru/tools/cms/mp3-wordpress-magic-fields-jplayer" rel="bookmark">Создание каталога песен на Wordpress с помощью Magic Fields и jPlayer</a><!-- (14.446)--></li>
		<li><a href="http://seogad.ru/tools/cms/wordpress-photosite" rel="bookmark">Создание фотосайта на Wordpress без использования плагинов</a><!-- (11.1057)--></li>
		<li><a href="http://seogad.ru/tools/cms/magic-fields-wordpress-plugin" rel="bookmark">Плагин Magic Fields&nbsp;&mdash; создание дополнительных полей в Wordpress</a><!-- (9.98807)--></li>
	</ul>
]]></content:encoded>
			<wfw:commentRss>http://seogad.ru/tools/cms/magicfields-photosite/feed</wfw:commentRss>
		<slash:comments>20</slash:comments>
		</item>
		<item>
		<title>Подборка русскоязычных ресурсов по Wordpress</title>
		<link>http://seogad.ru/tools/cms/wordpress-russian-sites</link>
		<comments>http://seogad.ru/tools/cms/wordpress-russian-sites#comments</comments>
		<pubDate>Fri, 12 Feb 2010 21:26:19 +0000</pubDate>
		<dc:creator>Артём Савельев</dc:creator>
				<category><![CDATA[CMS (Движки)]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[подборка]]></category>
		<category><![CDATA[сайты]]></category>

		<guid isPermaLink="false">http://seogad.ru/?p=1078</guid>
		<description><![CDATA[
Некоторое время назад затеял собирать эту коллекцию, на память и на случай. Что-то нахожу в поисковиках, что-то в сайдбарах и статьях других блоггеров. Например, много полезностей я нашёл в статье Михаила Шакина &#171;Полный гид по Wordpress&#187;. На сегодняшний день в моих закладках около 30 ресурсов, ссылки на которые в сопровождении моих кратеньких описаний представлены в [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://seogad.ru/wp-content/uploads/2010/02/wpsites.png" alt="" title="Подборка русскоязычных ресурсов по Wordpress" width="470" height="313" class="alignnone size-full wp-image-1112" /></p>
<p>Некоторое время назад затеял собирать эту коллекцию, на память и на случай. Что-то нахожу в поисковиках, что-то в сайдбарах и статьях других блоггеров. Например, много полезностей я нашёл в статье Михаила Шакина &laquo;<a href="http://shakin.ru/wordpress/wordpress-full-guide.html">Полный гид по Wordpress</a>&raquo;. На сегодняшний день в моих закладках около 30 ресурсов, ссылки на которые в сопровождении моих кратеньких описаний представлены в продолжении поста. <span id="more-1078"></span></p>
<p>Есть ресурсы полностью рассматривающие Wordpress со всех сторон, есть те, что о шаблонах и о плагинах, есть форумы. Для удобного чтения они отсортированы по этому признаку.</p>
<h3>Wordpress со всех сторон</h3>
<p><a href="http://ru.wordpress.org">ru.wordpress.org</a>&nbsp;&mdash; официальная поддержка на русском языке.</p>
<p><a href="http://mywordpress.ru/">mywordpress.ru</a>&nbsp;&mdash; сайт поддержки русского WordPress.</p>
<p><a href="http://wpnews.ru/">wpnews.ru</a>&nbsp;&mdash; новости, темы, плагины.</p>
<p><a href="http://www.wp-info.ru/">wp-info.ru</a>&nbsp;&mdash; плагины, темы, хаки, новости.</p>
<p><a href="http://www.wp-simple.ru/">wp-simple.ru</a>&nbsp;&mdash; подсказки, советы, тюнинг, хаки, новости, плагины и темы.</p>
<p><a href="http://wordpress.by/">wordpress.by</a>&nbsp;&mdash; белорусский проект о Wordpress.</p>
<p><a href="http://www.wp-ru.ru/">wp-ru.ru</a>&nbsp;&mdash; русские плагины и темы для WordPress.</p>
<p><a href="http://wordpressinside.ru/">wordpressinside.ru</a>&nbsp;&mdash; конкурсный проект Александра Тодосийчука.</p>
<p><a href="http://wp-config.ru/">wp-config.ru</a>&nbsp;&mdash; очень симпатичный ресурс с уроками по Wordpress.</p>
<p><a href="http://www.presswordpress.ru/">presswordpress.ru</a>&nbsp;&mdash; руководство Wordpress в примерах и уроках.</p>
<p><a href="http://wp-skins.info/">wp-skins.info</a>&nbsp;&mdash; обзор тем и плагинов.</p>
<p><a href="http://www.wordpresser.ru/">wordpresser.ru</a>&nbsp;&mdash; новости, идеи, советы, уроки.</p>
<p><a href="http://wordpresshelp.ru/">wordpresshelp.ru</a>&nbsp;&mdash; полезности для создания блога на Wordpress</p>
<p><a href="http://4wordpress.ru/">4wordpress.ru</a>&nbsp;&mdash; плагины, темы, новости.</p>
<p><a href="http://lecactus.ru/">lecactus.ru</a>&nbsp;&mdash; Кактус и его взгляд на всё это дело.</p>
<p><a href="http://maxsite.org/">maxsite.org</a>&nbsp;&mdash; много полезностей для Wordpress.</p>
<p><a href="http://www.bubblebabe.ru/">bubblebabe.ru</a>&nbsp;&mdash; симпатичный ресурс с шаблонами и плагинами.</p>
<p><a href="http://wp-guard.com">wp-guard.com</a>&nbsp;&mdash; как сделать блог на Wordpress безопасным.</p>
<h3>Темы для Wordpress</h3>
<p><a href="http://wpbot.ru/">wpbot.ru</a>&nbsp;&mdash; русифицированные темы от Гудвина.</p>
<p><a href="http://www.goodwinpress.ru/">goodwinpress.ru</a>&nbsp;&mdash; авторские темы от Гудвина.</p>
<p><a href="http://wpthemes.ru/">wpthemes.ru</a>&nbsp;&mdash; недавно возобновили обновления сайта, с возвращением!</p>
<p><a href="http://wptheme.ru/">wptheme.ru</a>&nbsp;&mdash; руссифицированные темы для Wordpress.</p>
<p><a href="http://blogstyle.ru/">blogstyle.ru</a>&nbsp;&mdash; большая коллекция русских тем для WordPress.</p>
<p><a href="http://www.wordpress-theme.ru/">wordpress-theme.ru</a>&nbsp;&mdash; ещё одна коллекция руссифицированных шаблонов.</p>
<p><a href="http://www.wpfree.ru/">wpfree.ru</a>&nbsp;&mdash; неплохая коллекция, регулярные обновления.</p>
<p><a href="http://yowordpress.ru/">yowordpress.ru</a>&nbsp;&mdash; русские шаблоны для Wordress.</p>
<p><a href="http://freewordpressthemes.ru/">freewordpressthemes.ru</a>&nbsp;&mdash; хорошая коллекция руссифицированных шаблонов.</p>
<h3>Плагины для Wordpress</h3>
<p><a href="http://my-wordpress.ru/">my-wordpress.ru</a>&nbsp;&mdash; обзоры плагинов.</p>
<p><a href="http://www.wordpressplugins.ru/">wordpressplugins.ru</a>&nbsp;&mdash; плагины, темы, уроки и многое другое для Wordpress.</p>
<p><a href="http://www.wordpressplugins.com.ua/">wordpressplugins.com.ua</a>&nbsp;&mdash; русские и украинские плагины для Wordpress.</p>
<h3>Форумы по Wordpress</h3>
<p><a href="http://ru.forums.wordpress.org/">ru.forums.wordpress.org</a>&nbsp;&mdash; официальный форум поддержки пользователей.</p>
<p><a href="http://forum.maxsite.org/">forum.maxsite.org</a>&nbsp;&mdash; форум разработчика MaxSite CMS, на котором тем не менее всегда готовы ответить на вопросы, связанные с Wordpress.</p>
<h3>WordPress MU</h3>
<p><a href="http://wordpress-mu.ru/">wordpress-mu.ru</a>&nbsp;&mdash; мультиблоговая версия Wordpress.</p>
<p><a href="http://cosydale.com/">cosydale.com</a>&nbsp;&mdash; ресурс, на котором много полезностей для Wordpress MU и плагина <a href="http://buddypress.org/">BuddyPress</a>, который позволяет создать социальную сеть.</p>
<p>Вот такой вот списочек. Наверняка чего-нибудь я упустил. Буду признателен за помощь в обнаружении ресурсов для Wordpress. Только осторожно, есть множество давно не обновляемых сайтов с темами и плагинами&nbsp;&mdash; такие нам не пригодятся.</p>
<p>Желаю всего самого интересного.<br />
<a href="http://seogad.ru">Артём Савельев</a>.</p>
<p><em>P.S. А вы готовы к 14 февраля? Собираетесь ли печь/кушать блины в форме сердец? Прикольно так совпала масленица с праздником любви.</em></p>
]]></content:encoded>
			<wfw:commentRss>http://seogad.ru/tools/cms/wordpress-russian-sites/feed</wfw:commentRss>
		<slash:comments>18</slash:comments>
		</item>
	</channel>
</rss>
