<?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>Web-мастеркая &#187; lightbox</title>
	<atom:link href="http://mamishev.ru/tag/lightbox/feed/" rel="self" type="application/rss+xml" />
	<link>http://mamishev.ru</link>
	<description>полезные заметки в помощь сайтостроителю</description>
	<lastBuildDate>Thu, 29 Sep 2011 10:43:45 +0000</lastBuildDate>
	<language>ru</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Новые галереи с помощью плагина Lightbox</title>
		<link>http://mamishev.ru/new_gallery/</link>
		<comments>http://mamishev.ru/new_gallery/#comments</comments>
		<pubDate>Wed, 09 Jun 2010 22:25:29 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Пошаговые инструкции]]></category>
		<category><![CDATA[lightbox]]></category>

		<guid isPermaLink="false">http://mamishev.ru/?p=367</guid>
		<description><![CDATA[Настоящая инструкция описывает порядок действий для публикации галерей с помощью плагина lightbox. В приведенном ниже примере я исходил из того, что все изображения галереи загружены на сервер в папку /img/papka/, а превьюшки вложены в папку /img/papka/thmb/; вы установили плагин lightbox 2; в настройках &#171;[tippy title="постоянных ссылок" header="off"][/tippy]&#187; прописано /%postname%/. Для блока с галереей установлены следующие [...]]]></description>
			<content:encoded><![CDATA[<p>Настоящая инструкция описывает порядок действий для публикации галерей с помощью плагина lightbox.<br />
<span id="more-367"></span><br />
В приведенном ниже примере я исходил из того, что</p>
<ul>
<li>все изображения галереи загружены на сервер в папку /img/papka/, а превьюшки вложены в папку /img/papka/thmb/;</li>
<li>вы установили плагин <a href="http://wordpress.org/extend/plugins/lightbox-2/">lightbox 2</a>;</li>
<li>в настройках &laquo;[tippy title="постоянных ссылок" header="off"]<img src="/img/screens/links.png" alt="" />[/tippy]&raquo; прописано <strong>/%postname%/</strong>.
</li>
<li>Для блока с галереей установлены следующие стили:<br />
<br/></p>
<pre lang="css" line="1">
.gall {
        text-align:center;
        padding-top:20px;
        float:right;
        margin:0;
        padding:0;
        }
.gall ul li {
        float:left;
        display:inline;
        padding:0 25px;
        margin:0;
        }
</pre>
</li>
</ul>
<ol>
<li>Итак, в первую очередь убедитесь, что все изображения и их превьюшки загружены куда надо и мирно лежат на своих законных местах. Убедились. Действительно лежат. Еще проверьте, не затесались ли среди превьюшек  большие картинки, а среди больших картинок &#8211; превьюшки. В Windows проще всего это сделать, выбрав вид отображения файлов &laquo;Таблица&raquo;. </li>
<li>Откройте любой текстовый редактор с функцией поиска/замены текста (рекомендую <a href="http://notepad-plus.sourceforge.net/ru/download.php?lang=ru">Notepad++</a>) и вставьте туда приведенный ниже код:<br />
<br/></p>
<pre lang="xml" line="1">
<center>
<div class="gall">

Название галереи <!-- Будет выведено над превьюшками -->
<ul>
<li><a href="/img/papka/001.jpg" rel="lightbox[roadtrip1]"><img src="/img/papka/thmb/001.jpg" style="border:1px solid #fff;"></a></li>
<li><a href="/img/papka/002.jpg" rel="lightbox[roadtrip1]"><img src="/img/papka/thmb/002.jpg" style="border:1px solid #fff;"></a></li>
<li><a href="/img/papka/003.jpg" rel="lightbox[roadtrip1]"><img src="/img/papka/thmb/003.jpg" style="border:1px solid #fff;"></a></li>
<li><a href="/img/papka/004.jpg" rel="lightbox[roadtrip1]"><img src="/img/papka/thmb/004.jpg" style="border:1px solid #fff;"></a></li>
<li><a href="/img/papka/005.jpg" rel="lightbox[roadtrip1]"><img src="/img/papka/thmb/005.jpg" style="border:1px solid #fff;"></a></li>
<li><a href="/img/papka/006.jpg" rel="lightbox[roadtrip1]"><img src="/img/papka/thmb/006.jpg" style="border:1px solid #fff;"></a></li>
<li><a href="/img/papka/007.jpg" rel="lightbox[roadtrip1]"><img src="/img/papka/thmb/007.jpg" style="border:1px solid #fff;"></a></li>
<li><a href="/img/papka/008.jpg" rel="lightbox[roadtrip1]"><img src="/img/papka/thmb/008.jpg" style="border:1px solid #fff;"></a></li>
<li><a href="/img/papka/009.jpg" rel="lightbox[roadtrip1]"><img src="/img/papka/thmb/009.jpg" style="border:1px solid #fff;"></a></li>
<li><a href="/img/papka/010.jpg" rel="lightbox[roadtrip1]"><img src="/img/papka/thmb/010.jpg" style="border:1px solid #fff;"></a></li>
<li><a href="/img/papka/011.jpg" rel="lightbox[roadtrip1]"><img src="/img/papka/thmb/011.jpg" style="border:1px solid #fff;"></a></li>
<li><a href="/img/papka/012.jpg" rel="lightbox[roadtrip1]"><img src="/img/papka/thmb/012.jpg" style="border:1px solid #fff;"></a></li>
<li><a href="/img/papka/013.jpg" rel="lightbox[roadtrip1]"><img src="/img/papka/thmb/013.jpg" style="border:1px solid #fff;"></a></li>
<li><a href="/img/papka/014.jpg" rel="lightbox[roadtrip1]"><img src="/img/papka/thmb/014.jpg" style="border:1px solid #fff;"></a></li>
<li><a href="/img/papka/015.jpg" rel="lightbox[roadtrip1]"><img src="/img/papka/thmb/015.jpg" style="border:1px solid #fff;"></a></li>
<li><a href="/img/papka/016.jpg" rel="lightbox[roadtrip1]"><img src="/img/papka/thmb/016.jpg" style="border:1px solid #fff;"></a></li>
<li><a href="/img/papka/017.jpg" rel="lightbox[roadtrip1]"><img src="/img/papka/thmb/017.jpg" style="border:1px solid #fff;"></a></li>
<li><a href="/img/papka/018.jpg" rel="lightbox[roadtrip1]"><img src="/img/papka/thmb/018.jpg" style="border:1px solid #fff;"></a></li>
<li><a href="/img/papka/019.jpg" rel="lightbox[roadtrip1]"><img src="/img/papka/thmb/019.jpg" style="border:1px solid #fff;"></a></li>
<li><a href="/img/papka/020.jpg" rel="lightbox[roadtrip1]"><img src="/img/papka/thmb/020.jpg" style="border:1px solid #fff;"></a></li>
<li><a href="/img/papka/021.jpg" rel="lightbox[roadtrip1]"><img src="/img/papka/thmb/021.jpg" style="border:1px solid #fff;"></a></li>
<li><a href="/img/papka/022.jpg" rel="lightbox[roadtrip1]"><img src="/img/papka/thmb/022.jpg" style="border:1px solid #fff;"></a></li>
<li><a href="/img/papka/023.jpg" rel="lightbox[roadtrip1]"><img src="/img/papka/thmb/023.jpg" style="border:1px solid #fff;"></a></li>
<li><a href="/img/papka/024.jpg" rel="lightbox[roadtrip1]"><img src="/img/papka/thmb/024.jpg" style="border:1px solid #fff;"></a></li>
</ul>
</div>

</center>
</pre>
</li>
<li>Добавьте или удалите строки в соответствии с количеством изображений в вашей галерее, а затем воспользуйтесь функцией поиска/замены текста чтобы редактор автоматически заменил в этом коде все <strong>papka</strong>-и на ваши.</li>
<li>Скопируйте получившийся текст.</li>
<li>Войдите в WordPress-овскую панель управления (<a href="/wp-admin/">/wp-admin/</a>).</li>
<li>В вертикальном меню слева перейдите по ссылке &laquo;Добавить страницу&raquo; из раздела &laquo;Страницы&raquo;.</li>
<li>Введите название галереи, а в большое поле ниже &#8211; скопированный из текстового редактора код.</li>
<li>Отредактируйте вид постоянной ссылки на страницу. Желательно чтобы ссылка была простой, краткой и адекватной тому контенту, который на ней размещен. На приведенном ниже скриншоте уместно было бы исправить ссылку на /new_gallery/ или /gallery1/ или нечто подобное вместо длинной неуклюжей надписи /moya-novaya-galereya/:<br />
<img src="/img/screens/new_page.png" alt="Редактирование постоянной ссылки на страницу" />
</li>
<li>Теперь обратите внимание на вертикальную колонку в правой части страницы. Там расположены настройки, которые определяют очень важные параметры публикуемой страницы. Если вы хотите чтобы страница была общедоступна и опубликована сразу же, то ничего менять не нужно. Просто нажмите &laquo;опубликовать&raquo;. Если желаете предоставлять доступ к этой странице только по паролю или вовсе скрыть ее от посторонних глаз &#8211; выберите соответствующие пункты в списке, выезжающем по нажатию на ссылку &laquo;Редактировать&raquo; рядом с опцией &laquo;Видимость&raquo;:<br />
<img src="/img/screens/new_page1.png" alt="Настройка дополнительных параметров публикуемой страницы" /><br />
Здесь же можно когда указать дату, когда страница будет автоматически опубликована. Эта возможность будет интересна тем кто хотел бы приурочить публикацию своего контента к некоторой особой дате, праздничной, памятной, траурной &#8211; не важно. Ниже в этой же колонке можно прописать или выбрать из уже имеющихся метки и рубрики для нашей страницы.
</li>
<li>По-моему, это всё. Жмем &laquo;Опубликовать&raquo;.<br />
Если по статье есть вопросы &#8211; пишите в комментах, постараюсь помочь.</li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://mamishev.ru/new_gallery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

