WP-CITY.RU

Недорогой, функциональный сайт или Интернет-магазин — это реально!


Заказать сейчас

Prettyphoto+Стандартная галерея WordPress

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

1. Это сам скрипт Prettyphoto
2. Функция которая будет на автомате добавлять класс к нашим картинкам.

Сам скрипт можно скачать на просторах интернета, далее заливаем папку Prettyphoto в наш шаблон в папку (js или scripts) у кого как.

Далее регистрируем наши скрипты и css файлы.

<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/prettyphoto/jquery.prettyPhoto.js"></script>

 <script type="text/javascript">
  jQuery(document).ready(function($){
 jQuery("a[class^='prettyPhoto']").prettyPhoto({animationSpeed:'slow',theme:'facebook',slideshow:2000});
 });
</script>

Этот код нужно поместить в footer.php после тега /body

Сам css стиль модульного окна лучше регистрировать в основном файле css, как это сделать смотрите ниже.
Открываете свой стиль шаблона, под названием style.css и в самом верху вставляем строчку
@import url(js/prettyphoto/css/prettyPhoto.css);

Далее пропишим функцию для картинок:

add_filter( 'wp_get_attachment_link', 'wpcity_prettyphoto');
function wpcity_prettyphoto ($content) {
    $content = preg_replace("/<a/","<a class=\"prettyPhoto[mixed]\"",$content,1);
    return $content;
}

Этот код надо вставить в фаил шаблона functions.php

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

© 2012–2017 / wp-city.ru / Авторские шаблоны WORDPRESS / Создание сайтов

evgeniy38868     krizisvt@i.ua