Cacher is the code snippet organizer for pro developers

<?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