PHP HTML / CSS creando varios循环en varias columnas

Posted 2021-05-14

<!-- el CSS que se tendría que añadir a style.css al final de todo (un ejemplo, se puede hacer con px) -->

.columna{
	width:30%;
	float:left;
	margin-right:3%
	}

.columna h5 a{
	color:#D90819
	}
	
<!-- el HTML y PHP en index.php, etc-->

<div class="columna">

	<?php
	    $category_id = get_cat_ID( 'Categorí­a 1' );
	    $category_link = get_category_link( $category_id );
	?>
	<h5><a href="<?php echo $category_link; ?>" title="Categorí­a 1">Categorí­a 1</a></h5>

	<?php
	$posts = get_posts('category_name=noticias&numberposts=3');
	foreach($posts as $post):
	setup_postdata($post);
	?>

	<h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
	<?php the_excerpt(); ?>

	<?php $posttags = get_the_tags($post->ID); if ($posttags) {
	foreach($posttags as $tag) {
	echo '<a href="';
	echo get_tag_link($tag);
	echo '">';
	echo $tag->name . ' ';
	echo '</a>';
	}
	}
	?>
	<?php endforeach; ?>

</div>

<div class="columna">

	<?php
	    $category_id = get_cat_ID( 'Categorí­a 2' );
	    $category_link = get_category_link( $category_id );
	?>
	<h5><a href="<?php echo $category_link; ?>" title="Categorí­a 2">Categorí­a 2</a></h5>

	<?php
	$posts = get_posts('category_name=cine&numberposts=3');
	foreach($posts as $post):
	setup_postdata($post);
	?>

	<h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
	<?php the_excerpt(); ?>

	<?php $posttags = get_the_tags($post->ID); if ($posttags) {
	foreach($posttags as $tag) {
	echo '<a href="';
	echo get_tag_link($tag);
	echo '">';
	echo $tag->name . ' ';
	echo '</a>';
	}
	}
	?>
	<?php endforeach; ?>

</div>

<div class="columna">

	<?php
	    $category_id = get_cat_ID( 'Categorí­a 3' );
	    $category_link = get_category_link( $category_id );
	?>
	<h5><a href="<?php echo $category_link; ?>" title="Categorí­a 3">Categorí­a 3</a></h5>

	<?php
	$posts = get_posts('category_name=musica&numberposts=3');
	foreach($posts as $post):
	setup_postdata($post);
	?>

	<h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
	<?php the_excerpt(); ?>

	<?php $posttags = get_the_tags($post->ID); if ($posttags) {
	foreach($posttags as $tag) {
	echo '<a href="';
	echo get_tag_link($tag);
	echo '">';
	echo $tag->name . ' ';
	echo '</a>';
	}
	}
	?>
	<?php endforeach; ?>

</div>