]]> ]]>

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

От wolf | 08.12.2008 | раздел - WordPress |

Версии 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

Подписка без комментария.

Связанные статьи:

  • Невидимый блок или текст на сайте
  • Предложение
  • Как выделить и облагородить “постового”
  • Ликбез по wordpress
  • К функционалу wordpresss

    • 1 Отзыв на “Фотогалерея на css”

    1. 1От tania 16 Янв 2009 | Ответить

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

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

    О сайте

    Наше направление - помощь новичкам в интернет, тем кто решил создать свой сайт и даже может быть уже сделал свой первый шаг в сети. Поговорим обо всем понемногу, о создании сайтов, продвижении сайтов, оптимизации информации. Поговорим о установке и настройке Esyndicat, Vamshop, PHP Pro Bid и др.     »» Далее

    Найти :