Данная статья предназначена в основном для администратора сайта russicats.ru. Здесь пошагово описывается порядок действий при вставке галереи фотографий на страницу.
Галерея реализована силами wordpress, без внешних плагинов, при этом сам код, отвечающий за галерею фотографий, несколько модифицирован. Поэтому данный рецепт не подходит для начинающих пользователей wordpress, на сайтах которых не проведена соответствующая правка кода.
1. Откройте нужную страницу в редакторе и поставьте курсор на то место, где Вы хотели бы вставить галерею. Нажмите на кнопку "Добавить медиафайл". Откроется окно вставки фотографий.
2. Если нужные файлы еще не загружены, нажмите на "Загрузить файлы" и загрузите фотографии. Если нужные фотографии были загружены ранее, переходите к п.3.
3. Нажмите на "Создать галерею" и отметьте галочками нужные фотки. После чего нажмите на кнопку "Создать новую галерею" в нижнем правом углу.
4. В открывшемся окне Вы увидите превьюшки фотографий, которые будут вставлены в галерею. Вы можете поменять порядок путем перетаскивания или же удалить лишние, случайно добавленные фотки. Подписывать фотографии не нужно - подписи отключены. После окончательной правки галереи нажмите на кнопку "Вставить галерею" справа внизу.
Всё! Галерея добавлена.
Для тех, кто хочет организовать у себя на сайте нечто подобное, вставьте в functions.php или непосредственно в файл шаблона следующий код:
add_filter('post_gallery', 'my_gallery_output', 10, 2);
function my_gallery_output( $output, $attr ){
$ids_arr = explode(',', $attr['ids']);
$ids_arr = array_map('trim', $ids_arr );
$pictures = get_posts( array(
'posts_per_page' => -1,
'post__in' => $ids_arr,
'post_type' => 'attachment',
'orderby' => 'post__in',
) );
if( ! $pictures ) return 'Фотографий не обнаружено.';
// Вывод
$out = '<div class="gallery">';
// Выводим каждую картинку из галереи
foreach( $pictures as $pic ){
$image_full = wp_get_attachment_image_src($pic->ID,'full');
$src_full = $image_full[0];
$image_thumbnail = wp_get_attachment_image_src( $pic->ID, 'thumbnail'); //еще есть 'medium' и 'large'
$src_thumbnail = $image_thumbnail[0];
$out .= '<div><a href="'. $src_full .'" rel="prettyPhoto[photos]"><img src="'. $src_thumbnail.'" alt="" /></a></div>';
}
$out .= '</div>';
return $out;
}
(Это несколько модифицированный код с сайта wp-kama.ru).
Оставить комментарий