Skip to content

Instantly share code, notes, and snippets.

@seredniy
Created July 19, 2016 14:30
Show Gist options
  • Save seredniy/ea922a3d93812a5ca735961407a2707c to your computer and use it in GitHub Desktop.
Save seredniy/ea922a3d93812a5ca735961407a2707c to your computer and use it in GitHub Desktop.
Вывод категорий или меток в несколько колонок в алфавитном порядке
<?php
/*
Template Name: Теги
*/
get_header(); ?>
<div id="content">
<?php if ( have_posts() ) {
while ( have_posts() ) : the_post(); ?>
<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
<div class="hentry-meta">
<h1><?php the_title(); ?></h1>
</div>
<div class="hentry-content clear">
<div class="tags">
<?php
$tags = get_tags( 'orderby=name&order=ASC' );
$capital = '';
$i = 0;
$cols_number = 4; // Количество колонок
$cut = ceil( count( $tags ) / $cols_number );
$cutter = $cut;
$letter_i = 0;
$output = '<div class="column">';
foreach ( $tags as $tag ) {
$i ++;
$firstletter = mb_substr( $tag->name, 0, 1 );
$firstletter = mb_strtoupper($firstletter);
if ( $firstletter != $capital ) {
$letter_i ++;
if ( $letter_i != 1 ) {
$output .= '</ul>';
}
if ( $i > $cutter ) {
$output .= '</div><div class="column">';
$cutter = $cutter + $cut;
}
$capital = $firstletter;
$output .= '<h4>' . $capital . '</h4><ul>';
}
$term = get_term_by( 'id', (int) $tag->term_id, 'post_tag' );
$output .= '<li><a href="' . get_term_link( (int) $tag->term_id, 'post_tag' ) . '">' . $tag->name . '</a> (' . $term->count . ')</li>';
}
echo $output . '</ul></div>';
?>
</div>
</div>
</div> <!-- .page -->
<?php endwhile;
} // end of the loop. ?>
</div><!-- #content -->
<?php get_sidebar(); ?>
<?php get_footer(); ?>
1
2
3
4
5
6
7
8
9
10
11
12
/***** Tags *****/
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .clear {zoom: 1; clear: both;}
*+html .clear {zoom: 1; clear: both;}
.page-template-template-tags-php h4 {font-weight: bold; text-transform: uppercase;}
.page-template-template-tags-php .hentry-content {width: 620px; overflow: hidden;}
.page-template-template-tags-php .hentry-content .tags {width: 640px;}
.page-template-template-tags-php .hentry-content ul {list-style: none; margin: 0 0 15px 0;}
.page-template-template-tags-php .hentry-content ul li {color: #898989;}
.page-template-template-tags-php .hentry-content .column {width: 140px; float: left; margin-right: 20px;}
https://neolot.com/wordpress/vyvod-tegov-wordpress-v-neskolko-kolonok-v-alfavitnom-poryadke
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment