WordPress плагины
RSSДобро пожаловать! Ваш IP-адрес: 38.107.179.208
Как вывести ссылки на все размеры изображений в фотоблоге
Если вы создаете фотоблог, в котором есть специальные шаблоны страниц для отдельных изображений (attachmet.php — подробнее о шаблонах смотрите в посте Шаблоны в WordPress), то наверняка задумывались, как вывести ссылки на разные размеры одного и того же изображения. Разные размеры у одного изображения получаются, если вы используете миниатюры (от одного до трех), а так же если вставляете помимо миниатюр изображение в оригинальном размере (плюс еще одно). Вывести прямые ссылки на варианты одного изображения с разными размерами не так уж и сложно.
Чтобы вывести прямые ссылки на разные варианты одного изображения с разными размерами, откройте файл functions.php, и добавьте в него код:
- function my_get_image_size_links() {
if ( !wp_attachment_is_image( get_the_ID() ) )
return;
$links = array();
$sizes = get_intermediate_image_sizes();
$sizes[] = ‘full’;
foreach ( $sizes as $size ) {
$image = wp_get_attachment_image_src( get_the_ID(), $size );
if ( !empty( $image ) && ( true == $image[3] || ‘full’ == $size ) )
$links[] = «<a class=’image-size-link’ href=’{$image[0]}’>{$image[1]} × {$image[2]}</a>»;
}
return join( ‘ <span class=»sep»>/</span> ‘, $links );
}
Этот код сформирует список ссылок, указывающих своим названием на варианты изображения с разными размерами — три миниатюры и картинка с оригинальным размером. Остается только вывести эти ссылки. Обычно в фотоблоге такие ссылки интересны в шаблоне, отвечающем за показ картинки на отдельной странице — attachmet.php или image.php. В исходный код одного из этих фалов нужно вставить:
- <?php if ( wp_attachment_is_image( get_the_ID() ) ) { ?>
<div class=»image-meta»>
<?php printf( __( ‘Размеры: %s’, ‘example-textdomain’ ), my_get_image_size_links() ); ?>
</div>
<?php } ?>
Если вы хотите к выводимому тексту добавить оформление, то вставьте его в файл style.css:
- .image-meta { font-style:italic }
Пользуйтесь!
Популярность: 18%