Фотогалерея на css

08.12.2008

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

В вашей теме копируем файл single.php и сохраняем его как image.php в теме. Затем открываем image.php на редактирование и ищем в теле строчку:

<?php the_content(''); ?>

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

<p class="attachment">
<a href="<?php echo wp_get_attachment_url($post->ID); ?>">
<?php echo wp_get_attachment_image( $post->ID, 'medium' ); ?></a></p>
<div class="caption">
<?php if (!empty($post->post_excerpt)) the_excerpt(); ?>
</div>

Следующая часть кода вставляется ниже строки the_content:

<div class="imgnav">
<div class="imgleft"><?php previous_image_link() ?></div>
<div class="imgright"><?php next_image_link() ?></div>
</div><br clear="all" />

Теперь немного дописываем стили в файле style.css :

/* Фотогалерея */
.gallery img {height:100px;width:100px;padding:2px;}
.attachment img {border:1px solid #999;padding:2px;}
.imgleft {float:left;}
.imgright {float:right;}
.gallery,.attachment,.imgnav {text-align:center;}
.gallery a:hover,.attachment a:hover,.imgleft a:hover,.imgright a:hover {background-color:#fff;}
.imgleft img,.imgright img {border:1px solid #999;height:100px;width:100px;padding:2px;}
/* /Фотогалерея */

Когда будете загружать изображения в пост или страницу, зайдите в опции редактора: “добавить изображение - фотогалерея - вставить галерею в запись”. Смотрим, что у нас получилось.

По материалам статьи в блоге blogohblog

1 Отзыв на “Фотогалерея на css”
  1. 1От tania 16 Янв 2009 | Ответить

    Попробую использовать в деле. Главное, что плагины не нужны дополнительные.

Извините, но коментирование запрещено.

Коротко о сайте.

Блог Whets.ru поможет вам в Установке и настройке cms Vamshop, PHPProBid, Esyndicat, закрепит и расширит имеющиеся знания. Создание сайтов, продвижение сайтов, оптимизация информации. Теория и практика seo. CSS-верстка, веб-мастеринг, интернет-технологии, манимейкинги – все это и намного больше вы сможете найти на страницах нашего проекта!.

Основной        Дополнит         Twitter
RSS фид основной    RSS фид дополнительный    Всего Фолловеров блога
1057
RSSПодписка на обновления по RSS

Обновления блога по почтеОбновления блога на почтовый ящик
Найти :