Выделить последний пост в цикле

Теги: , 2 августа 2009

По аналогии с примером выделения первого поста в цикле расскажу, как сделать то же самое, только с последним постом. Т.е. наша задача – сделать особое оформление для последнего поста на страница путем добавления CSS-класса.

К примеру, у нас имеется такой цикл:

<?php if (have_posts()) : ?>
	<?php while (have_posts()) : the_post(); ?>

		<div class="post">
			...
		</div>

	<?php endwhile; ?>
<?php endif; ?>

Мы добавим класс last для последнего поста в этом цикле следующим образом:

<?php if (have_posts()) : ?>
	<?php while (have_posts()) : the_post(); ?>

		<div class="post<?php if(($wp_query->current_post + 1) == ($wp_query->post_count)) echo ' last'; ?>">
			...
		</div>

	<?php endwhile; ?>
<?php endif; ?>

Готово. Можно использовать класс last для оформления последнего поста.

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

Оставить комментарий
(Еще не оценили)
Loading ... Loading ...

Выделить первый пост в цикле

Теги: , 27 июля 2009

Может возникнуть необходимость выделения особым образом первого поста в цикле (например, когда нужно сделать совершенно другой дизайн в отличие от остальных постов), будь то главная страница, страница архивов, поиска и т.д. Такая задача решается путем добавления специального CSS-класса с помощью несложного PHP-кода.

Первоначально имеем примерно такой стандартный цикл вывода наших постов:

<?php if (have_posts()) : ?>
	<?php while (have_posts()) : the_post(); ?>

		<div class="post">
			...
		</div>

	<?php endwhile; ?>
<?php endif; ?>

Чтобы сменить оформление первого поста с помощью CSS, добавим к нему класс first. Код цикла примет следующий вид:

<?php $i = 0; ?>
<?php if (have_posts()) : ?>
	<?php while (have_posts()) : the_post(); ?>
	<?php $i++ ?>

		<div class="post<?php if ($i == 1) echo ' first'; ?>">
			...
		</div>

	<?php endwhile; ?>
<?php endif; ?>

Вот и все. Теперь, остается, используя класс first, переопределить стили для первого поста.

—–
На сайте “из рук в руки” публикуются бесплатные частные и коммерческие объявления. Здесь вы можете добавить объявление, если вам нужно что-либо продать или купить, и его увидит большая аудитория.

Комментариев: 17
(голосов: 1, средняя оценка: 5.00 из 5)
Loading ... Loading ...

Получить первое изображение из поста

Теги: , 11 июля 2009

Имеется очень интересная возможность – с помощью PHP получить код первого изображения из поста и затем отобразить его в нужном месте цикла. Это может быть полезно, например, когда текст поста отображается в виде анонса.

В файл functions.php необходимо вставить следующую функцию:

function catch_that_image() {
	global $post, $posts;
	$first_img = '';
	ob_start();
	ob_end_clean();
	$output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);
	$first_img = $matches [1] [0];
	if(empty($first_img)) {
		$first_img = "/images/default.jpg"; // Ссылка на изображение-заглушку, если в посте оно не найдено
	}
	return $first_img;
}

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

<img src="<?php echo catch_that_image(); ?>" alt="" />

Тегу img можно указать ширину прямо в нем, или через CSS. Высоту при этом указывать не стоит, чтобы уменьшенное изображение сохраняло пропорции.

—–
В портале Trucklist.ru, предлагающем информацию о коммерческом транспорте, представлена вся спецтехника и грузовики, продажа которых осуществляется как частными лицами, так и производителями и официальными дилерами. Данный сайт является приложением к журналу “Коммерческие Авто”.

Комментариев: 1
(голосов: 3, средняя оценка: 4.33 из 5)
Loading ... Loading ...