Sắp xếp giá trị bài viết theo thứ tự bảng chữ cái cho mỗi chữ cái Wordpress

@seolagi sao em không đưa cái code có style css và code em làm cho cái brand lần trước, cái đó a thấy đẹp và hoàn thiện hơn. Có sẵn css cho các bạn không biết làm áp dụng tiện hơn.
Cách giá trị của hàm get_terms có thể gọi thêm:

PHP:

'taxonomy' => '',
'orderby' => 'name',
'order' => 'ASC',
'hide_empty' => 1,
'include' => array(),
'exclude' => array(),
'exclude_tree' => array(),
'number' => '',
'offset' => 0,
'fields' => 'all',
'name' => '',
'slug' => '',
'hierarchical' => true,
'search' => '',
'name__like' => '',
'description__like' => '',
'pad_counts' => false,
'get' => '',
'child_of' => 0,
'parent' => '',
'childless' => false,
'cache_domain' => 'core',
'update_term_meta_cache' => true,
'meta_query' => null,
'meta_key' => ''

 

Ah xin lỗi, quên nhắc tới người chỉ mình lần trước làm Code, trên là code gốc của @admin chỉ mình, còn code của mình là lấy dữ liệu trường taxonomy (các thuộc tính) để tạo 1 thuộc tính mới, của woocommerce, trước mình làm cái brand từ taxonomy thuộc tính, sau đó mình muốn xuất dạng lọc danh sách tất cả các thuộc tính của brand thương hiệu ra dưới dạng danh sách theo ký tự A B C.

Tạo code bằng cách tạo 1 file thuonghieu.php sau đó add code sau vào:

PHP:

<?php
/*
Template Name: Thuong hieu (brand)
*/
get_header();

$terms = get_terms( array(
    'taxonomy' => 'pa_thuong-hieu',
    'hide_empty' => false, //chỉ lấy hoạt chất có sản phẩm thì chỉnh thành true, false là lấy tất cả
  ) );

$alphas = range('A', 'Z');
$letter_keyed_posts = array();
if ( $terms ) {
    foreach ( $terms as $post ) {
        $first_letter = strtoupper(mb_substr( $post->name, 0, 1,'UTF-8' ) );
        $first_letter = locdautiengviet($first_letter);
        if ( ! array_key_exists( $first_letter, $letter_keyed_posts ) ) {

            $letter_keyed_posts[ $first_letter ] = array();
        }

        $letter_keyed_posts[ $first_letter ][] = $post;
    }
}
$page_id = get_queried_object_id();
$yoast_title = get_post_meta($page_id, '_yoast_wpseo_title', true);
$title = strstr($yoast_title, '%%', true);
if (empty($title)) {
    $title = get_the_title($page_id);
}

$tocitem = "";
?>
<div class="cs-mainall">
    <div class="cs-container">
        <div id="breadcroumb" class="cs-breadcroumb">
            <ol>
                <li><a href="/">Trang chủ</a></li>
                <li><span class="divider">/</span> <a href="/thuong-hieu"><span>Thương hiệu</span></a></li>
            </ol>
        </div>
        <div class="cs-main-content">
            <div class="cs-ss-main-content">
                <div class="cs-page-header">
                    <h1 class="cs-titlepage">
                        <?php echo 'Có <b>'.count($terms).'</b> '.$title; ?>
                    </h1>
                </div>
                <div class="cs-maincontent">
                    <?php foreach ($letter_keyed_posts as $key => $value) {
                        $tocitem .= '<li><a href="#thuong-hieu-'.$key.'">'.$key.'</a></li>';
                    ?>
                    <h2 id="thuong-hieu-<?php echo $key ?>"><?php echo $key.'<i>('.count($value).')</i>'; ?></h2>
                    <ul>
                        <?php foreach ($value as $val) { ?>
                            <li>
                                <a href="<?php echo $val->slug; ?>"><?php echo $val->name; ?></a>
                            </li>
                        <?php } ?>
                    </ul>
                    <?php  }  ?>
                </div>
                <div class="cs-footeritem">
                    <ul>
                        <?php echo $tocitem; ?>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>

<?php
get_footer();


• Với pa_thuong-hieu là cái taxonomy của bạn nhé.

Add thêm style css vào web để có giao diện đẹp:

Mã:

/* danh sach thuong hieu css */
.cs-mainall .cs-ss-main-content{
display: flex;
flex-direction: column;
}
.cs-mainall .cs-ss-main-content .cs-page-header
{
order: 1;
}
.cs-mainall .cs-ss-main-content .cs-maincontent
{
order:3;
}
.cs-mainall .cs-ss-main-content .cs-footeritem
{
order: 2;
}
.cs-mainall .cs-footeritem ul {
    padding-top: 10px;
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    margin-bottom: 20px;
}
.cs-mainall .cs-footeritem li
{
display: inline-block;
font-size: 22px;
margin: 0 0 10px 0;
padding: 0 30px 0 0;
color: #4b53e0;
}
.cs-mainall .cs-footeritem li > a {
    font-size: 22px;
    color: #4b53e0;
}
.cs-mainall .cs-maincontent ul
{
padding-top: 10px;
border-top: 1px solid #ececec;
border-bottom: 1px solid #ececec;
margin-bottom: 20px;
}
.cs-mainall .cs-maincontent li
{
display: inline-block;
font-size: 16px;
margin: 0 0 10px 0;
padding: 0 30px 0 0;
color: #000;
}
.cs-mainall .cs-maincontent a
{
color: #000;
}
.cs-mainall
{
max-width: 1200px;
margin: 0 auto;
padding-left: 15px;
padding-right: 15px;
}
.cs-mainall .cs-maincontent h2 i
{
font-size: 12px;
font-style: normal;
color: #000;
vertical-align: 3px;
margin-left: 7px;
}
.cs-mainall .cs-maincontent h2 {
    font-size: 22px;
    font-weight: bold;
    color: #4b53e0;
}
.cs-mainall .cs-titlepage
{
font-size: 24px;
font-weight: bold;
}
.cs-mainall .cs-titlepage b
{
color:red;
}
.cs-mainall .cs-breadcroumb
{
padding: 10px 5px 7px 10px;
background-color: #fff;
margin-top: 20px;
border-radius: 2px;
border: 1px solid #eee;
margin-bottom: 20px;
}
.cs-mainall .cs-main-content
{
background-color: #fff;
padding: 15px 15px;
margin-bottom: 20px;
}
.cs-mainall .cs-breadcroumb ol
{
margin-bottom: 0px;
}
.cs-mainall .cs-breadcroumb a
{
color: #4b53e0;
text-decoration: none;
padding-right: 10px;
}
.cs-mainall .cs-breadcroumb span
{
color: #333;
text-decoration: none;
padding-right: 10px;
}
.cs-mainall .cs-breadcroumb li
{
list-style: none;
display: inline;
}
/* end danh sach thuong hieu css */

Bạn muốn chỉnh lại Breadcrumb của chi tiết các thương hiệu thì chỉnh lại ở: /flatsome/woocommerce/global/breadcrumb.php nhé.

Gọi ra ngoài phần chi tiết sản phẩm, chèn code sau vào function.php của themes:

PHP:

//add thương hiệu vào web
add_action('woocommerce_single_product_summary','itseovn_product_hoat_chat',  15 );
function itseovn_product_hoat_chat() {
  global $product;
  $term_obj_list = get_the_terms( $product->ID, 'pa_thuong-hieu' );
  $textthuonghieu = '';
  if(count($term_obj_list) > 0)
  {
    foreach($term_obj_list as $term)
    {
      $textthuonghieu .= $textthuonghieu == '' ? '<a href="/'.$term->slug.'">'.$term->name.'</a>' : ', <a href="/'.$term->slug.'">'.$term->name.'</a>';
   
    }
    if($textthuonghieu != '')
    {
      echo '<div class="cs-thuonghieu"><span>Thương hiệu: '.$textthuonghieu.'</span></div>';
    }
  }
}
//end thương hiệu vào web