n-wp.ru — блог о WordPress
Полезные сниппеты для фотоблога - оформление и вывод изображений на отдельной странице вложения | n-wp.ru

Полезные сниппеты для фотоблога — оформление и вывод изображений на отдельной странице вложения

Несколько сниппетов, помогающих оформить и вывести изображение на отдельной странице вложения.

Полезные сниппеты для фотоблога - оформление и вывод изображений на отдельной странице вложения (1)

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

Полезные сниппеты для фотоблога - оформление и вывод изображений на отдельной странице вложения (5)

Если вы используете отдельную страницу для показа присоединенного к посту изображения, формируемую файлом image.php, то наверняка указываете ссылки на предыдущее и следующее изображение, отображаемые в виде миниатюр. Эти ссылки-миниатюры выводятся функциями previous_image_link и next_image_link. Однако по-умолчанию у ссылок, выводимых этими функциями, нет никакого класса, и чтобы оформить их, приходится придумывать лишний код. Это дело можно поправить, добавив классы оформления к ссылкам, если использовать функции в таком виде:

Полезные сниппеты для фотоблога - оформление и вывод изображений на отдельной странице вложения (4)

Чтобы дать понять посетителю, какое он просматривает изображение на отдельной странице вложения, за вывод которой отвечает файл image.php, можно вывести счетчик изображений. Он будет показывать, какой порядковый номер у просматриваемого изображения, и сколько всего изображений, например, вот так: 1 из 64. Код для вставки в файл image.php:

Полезные сниппеты для фотоблога - оформление и вывод изображений на отдельной странице вложения (3)

После того, как посетитель посмотрел изображение на отдельной страницу вложения, у него возникает желание вернуться обратно на родительскую страницу. Можно создать ссылку, кликнув по которой посетитель вернется на родительскую страницу, добавив следующий код в файл image.php:

Полезные сниппеты для фотоблога - оформление и вывод изображений на отдельной странице вложения (2)

Если вы используете миниатюры, то одно и то же изображение хранится в блоге в нескольких вариантах. Если вы хотите предоставить пользователю все эти варианты, то можете создать на странице вложения ссылки на них, снабдив их показателями ширины и высоты. Для этого создадим функцию, находящую все варианты изображения, и выводящую ссылки на них. Вставьте в файл functions.php:

Для вывода ссылок на все варианты изображения вставьте в файл image.php:

tiaurus

Являюсь создателем n-wp.ru — блога о WordPress для новичков. Мне интересно многое, поэтому еще я сделал 123-box.ru — блог о программах для Windows, и tiaurus.info — блог о красоте.

Комментировать

/* ]]> */