Alternar cores do título de cada post

Resolvido rcriche
(@rcriche)

há 10 anos, 5 meses
Os Fatos:
Estou usando um tema próprio, desenvolvido em bootstrap.
Tenho um Custom Post Type chamado Negócios que possui, apenas, título e texto (por enquanto).

A página de apresentação destas CPT’s possui o sequinte código:
```
<?php
					$newsArgs = array(
					'post_type' => array('negócio'),
				    'showposts' => -1,
				    'order' => 'ASC');
					query_posts( $newsArgs );
					if ( have_posts() ) :
						while (have_posts()) : the_post(); ?>
						<div class="col-lg-4 pad25">
							<div class="efx"></div>
               				<h3><?php the_title(); ?></h3>
               				<?php echo the_content(); ?>
						</div>
					<?php endwhile;
					else: ?>
					<h4>Em breve...</h4>
					<?php endif; ?>
```
A Necessidade:
Preciso então que, nesta página, tanto a cor do título quanto a class efx se alterne. Ex: Post 1 (cor azul); Post 2 (cor verde); Post 3 (cor azul); e assim por diante.

Algum tempo atrás eu li uma matéria sobre contagem dos post e inclusão do número do post na classe… mas não acho mais este artigo. Também não achei nada relacionado a isso.

Alguma luz???

A visualizar 1 resposta (de um total de 1)

Thread Starter

(@rcriche)

acabei de conseguir fazer…

<?php
					$oddpost = 'alt_post';

					if(have_posts()): while(have_posts()): the_post(); ?>
					<h2><?php the_title(); ?></h2>
					<?php the_content();
					endwhile; endif;
				?>	

				<?php
					$newsArgs = array(
					'post_type' => array('negócio'),
				    'showposts' => -1,
				    'order' => 'ASC');
					query_posts( $newsArgs );
					if ( have_posts() ) :
						while (have_posts()) : the_post(); ?>
						<div class="col-lg-4 pad25">
               				<h3 class="<?php echo $oddpost; ?>"><?php the_title(); ?></h3>
               				<?php echo the_content(); ?>
						</div>
					<?php
						if ('alt_post' == $oddpost) $oddpost = '';
						else $oddpost = 'alt_post';

						endwhile;
					else: ?>
					<h4>Em breve...</h4>
					<?php endif; ?>

e o CSS

.chamadas h3 {color: #8fbe7a; border-top: 4px solid #8FBE7A; padding-top:10px}
.alt_post  {color: #02568a!important; border-top: 4px solid #02568a!important}

A visualizar 1 resposta (de um total de 1)

O tópico ‘Alternar cores do título de cada post’ está fechado a novas respostas.

Alternar cores do título de cada post

Etiquetas do tópico

Ver