Отборная информация, которая вставляет!

Простая фотогалерея на wordpress

Очень частый вопрос на форумах по поводу фотогалерей на wordpress. Многие скачивают и устанавливают плагины вроде nextgen gallery, но часто стоит простая задача — сделать страничку с фотками на определенную тематику. Ну, к примеру, корпоративный сайт и на нем фотогалерея некоторых работ. Простенькая, без пагинации, где-то штучек 20 фоток, при нажатии которых они откроются в новом окне (или через скрипт вроде thickbox).

Вот о таких фотогалереях я и расскажу в статье.

На самом деле все достаточно просто. Нажимаем в админке при публикации поста

Далее выбираем все фотки, из которых нужно будет сделать фотогалерею, загружаем, переходим на любую из вкладок загрузчика, к примеру, на вкладку «медиа библиотека» — как только кликните на любую вкладку, сразу будет доступна дополнительная вкладка «галерея(n)» — где n — кол-во загруженных фоток.

Если фоток больше чем 1 — будут доступны настройки галереи, а именно «Ссылка с миниатюры на:» здесь нужно выставить куда будет вести ссылка — на файл вложения(чаще всего нужно ставить этот пункт» или на страницу вложения (это если хотите, чтобы под каждую фотку создавалась страница, но в этом случае вам желательно настроить её отображение, сделать это нужно в файле темы image.php, если для картинок или attachment.php — если глобально для всех типов загружаемых файлов. Только этот пункт выбирайте, если действительно умеете создавать такие шаблоны.

Также в настройках будут доступны порядок сортировки, кол-во колонок на которые нужно разбить галерею. Далее просто нажимаем вставить галерею — движок сам создаст нужные миниатюры и разобьет фотки по колонкам. Вот и все. Но если хотите улучшить внешний вид, то, к примеру, можно добавить скрипт который будет открывать фотки не в новом окне, а на той же странице. Чтобы это сделать, я советую установить плагин thickbox — он довольно легкий и простой в установке. На 3.0.1 версию движка плагин нормально установился у меня. Установка простая — просто активируйте и теперь ваши превьюшки будут работать с этим скриптом.

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

Первое что нужно сделать — посмотреть id поста или страницы на которой вы разместили галерею.

Идем в редактировать — наводим мышкой на ссылку и смотрим в самом низу номер, который идет последний после = — это и есть ID, запоминаем. Далее, открываем sidebar.php или любое другое место, где хотите сделать вывод и вставляете такой код

		<?php

$args = array(
	'post_type' => 'attachment',
	'numberposts' => -1,
	'post_status' => null,
	'post_parent' => 57
	); 
$attachments = get_posts($args);
if ($attachments) {
	foreach ($attachments as $attachment) {
		echo '<li><a href="http://вашсайт.ру">';
		echo wp_get_attachment_image($attachment->ID, 'thumbnail', false, false);
		echo '</a></li>';
	}
}

?>


Подробней —

‘numberposts’ => -1, — здесь указываем кол-во выводимых превью, если -1 — то выводятся все
‘post_status’ => null, — здесь статус записи, если null — то любой
‘post_parent’ => 57 — здесь мы как раз и вписываем id той странички которую запомнили
http://вашсайт.ру/галерея — сюда пишем ссылку на страничку галереи, тогда все превьюшки будут вести на эту страничку
‘thumbnail’ — здесь тип размера превьюшки. напомню, что кроме thumbnail, есть ещё medium, large. Все размеры можно установить в админке в настройки-медиафайлы. Можно также указать размер прямо здесь, вот так array(32,32)

Ну вот и все, пользуйтесь.

А в этой статье вы узнаете как вывести webmoney на карту приватбанка. К стати, до сих пор данный способ является самым выгодным.


 

Похожие статьи:



10 комментариев к “Простая фотогалерея на wordpress”

  1. Идея конечно интересная. Но не проще ли NextgenGallery? в котором есть полторамиллиона простых и лёгких настроек.

    • ETNO:

      улавливаете разницу — полторамиллиона простых и лёгких настроек и без настроек. для одностраничных галерей не вижу смысла ставить такой тяжелый плагин

  2. А как сделать чтобы каждая превьюшка вела на страницу с этой фотографией, а не на страницу где все превьюшки?

  3. А вот как сделать так, чтоб при клике на миниатюру открывалась здесьже большая фотография с легким затемнением всей страницы?

  4. Надо попробовать вашим способом, а то этот некстген не хочет все фото принимать, да и настройки там в полтора миллиона. Спасибо!

  5. Если уж сайт у вас — Отборные материалы о дизайне, seo, wordpress- можно было бы писать поподробнее. Я не поняла зачем запоминать цифру после =?

    • ETNO:

      это только если нужно вывести последние фотки с галереи, например, в сайдбар. И в статье вроде бы есть «post_parent => 57 – здесь мы как раз и вписываем id той странички которую запомнили» — вы наверное плохо читали

  6. Большое спасибо, как раз искала, как сделать простую галерею и нашла у вас именно то, что мне было нужно. Да еще дополнительную фишечку! я про вывод в сайдбаре избранных фотографий из галерею — словно подарок мне. Конечно, подписалась на ваш блок. Успехов вам и благополучия.

оставить отзыв

Если хотите вставить код в комментарии, то оберните его тегами ‹pre›‹/pre›