Created
July 19, 2016 14:30
-
-
Save seredniy/ea922a3d93812a5ca735961407a2707c to your computer and use it in GitHub Desktop.
Вывод категорий или меток в несколько колонок в алфавитном порядке
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<?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