想定読者

WordPressのカスタムフィールドは追加できるが、５０音順に並べられない。

今回おこなうこと

WordPressでは、カスタム投稿タイプを特定の順序で表示することができます。今回はその、順番を５０音順に並び替えます。プラグインでもおこなえますが、functions.phpに記述する方法でおこなっていきます。

カスタムフィールドの準備

読み仮名のカスタムフィールドにはテキストが入るようにしておきます。
今回は[yomi]で作りました。
各記事ではこのカスタムフィールドにカタカナで入力していきます。

処理の概要

この方法では、以下の手順でカスタム投稿を並び替えます。

データの取得: get_posts() を使用して特定のカスタム投稿タイプのデータを取得します。取得条件として、カスタムフィールドに「yomi」が設定されている投稿のみを取得します。
データの整形: 取得したデータをループで処理し、ヨミガナの最初の文字を取得して配列に格納します。このとき、全角カタカナを半角カタカナに変換し、さらに全角に戻します。
並び替え: 取得したデータを「yomi」の最初の文字に基づいて、50音順に並べ替えます。それぞれの文字には、正規表現パターンが対応しており、マッチングした投稿を各50音に対応する配列に格納します。
HTML出力: 最後に、並べ替えたデータをHTMLとして出力します。各50音ごとに見出しを付け、各投稿のタイトルとリンクをリスト形式で表示します。

実際のコード

以下は、この処理を実現するWordPressのショートコードの例です。

<?php
function yomilistFunc( $atts ) {
    // インデックス（行）
    $indexes_parents = array(
        "" => "[ア-オ]",
        "" => "[カ-コ]",
        "" => "[サ-ソ]",
        "" => "[タ-ト]",
        "" => "[ナ-ノ]",
        "" => "[ハ-ホ]",
        "" => "[マ-モ]",
        "" => "[ヤ-ヨ]",
        "" => "[ラ-ロ]",
        "" => "[ワ-ン]",
        "" => ".*"
    );
    // インデックス（50音）
    $indexes = array(
        "あ" => "[ア]", "い" => "[イ]", "う" => "[ウ]", "え" => "[エ]", "お" => "[オ]",
        "か" => "[カ]", "き" => "[キ]", "く" => "[ク]", "け" => "[ケ]", "こ" => "[コ]",
        "さ" => "[サ]", "し" => "[シ]", "す" => "[ス]", "せ" => "[セ]", "そ" => "[ソ]",
        "た" => "[タ]", "ち" => "[チ]", "つ" => "[ツ]", "て" => "[テ]", "と" => "[ト]",
        "な" => "[ナ]", "に" => "[ニ]", "ぬ" => "[ヌ]", "ね" => "[ネ]", "の" => "[ノ]",
        "は" => "[ハ]", "ひ" => "[ヒ]", "ふ" => "[フ]", "へ" => "[ヘ]", "ほ" => "[ホ]",
        "ま" => "[マ]", "み" => "[ミ]", "む" => "[ム]", "め" => "[メ]", "も" => "[モ]",
        "や" => "[ヤ]", "ゆ" => "[ユ]", "よ" => "[ヨ]",
        "ら" => "[ラ]", "り" => "[リ]", "る" => "[ル]", "れ" => "[レ]", "ろ" => "[ロ]",
        "わ" => "[ワ]", "ん" => "[ン]", 
        "1" => "[1]", "2" => "[2]", "3" => "[3]", "4" => "[4]", "5" => "[5]",
        "6" => "[6]", "7" => "[7]", "8" => "[8]", "9" => "[9]", "0" => "[0]",
        "A" => "[a]", "B" => "[b]", "C" => "[c]", "D" => "[d]", "E" => "[e]",
        "F" => "[f]", "G" => "[g]", "H" => "[h]", "I" => "[i]", "J" => "[j]",
        "K" => "[k]", "L" => "[l]", "M" => "[m]", "N" => "[n]", "O" => "[o]",
        "P" => "[p]", "Q" => "[q]", "R" => "[r]", "S" => "[s]", "T" => "[t]",
        "U" => "[u]", "V" => "[v]", "W" => "[w]", "X" => "[x]", "Y" => "[y]", "Z" => "[z]",
        "他" => ".*"
    );
    global $post;
    // 記事データを取得
    // 記事の取得条件
    $args = array(
        'posts_per_page' => '-1', 
        'post_status' => 'publish', 
        'meta_key' => 'yomi',  //作成したカスタムフィールド
        'meta_value' => '', 
        'orderby' => 'meta_value', 
        'order' => 'asc' 
    );
    $my_posts = get_posts($args);
    $post_data_set = array(); 
    if ($my_posts) {
        foreach ($my_posts as $post) { 
            setup_postdata($post); 
            $yomi = get_post_meta($post->ID, 'yomi', true); 
            $yomi_conv = mb_convert_kana($yomi, 'k', 'UTF-8'); 
            $yomi_conv = mb_convert_kana($yomi_conv, 'K', 'UTF-8');
            $yomi_first = mb_substr($yomi_conv, 0, 1); 
            $posts['title'] = get_the_title(); 
            $posts['permalink'] = get_permalink(); 
            $posts['yomi'] = $yomi;
            $posts['yomi_first'] = $yomi_first; 
            $post_data_set[] = $posts; 
        } 
    }

    $post_data_set_index = array();
    foreach ( $post_data_set as $key => $val) {
        $char = mb_substr( $val['yomi_first'], 0, 1);
        foreach ( $indexes as $index => $pattern ) {
            if (preg_match("/^" . $pattern . "/u", $char)) {
  $post_data_set_index[$index][] = $post_data_set[$key];
                break;
            }
        }
    }
    $post_data_set_index_parent = array();
    foreach ( $post_data_set_index as $key => $val) {
        foreach ( $indexes_parents as $indexes_parent => $patterns ) {
            if (preg_match("/^" . $patterns . "/u", $key)) {
                $post_data_set_index_parent[$indexes_parent][$key] = $post_data_set_index[$key];
                break;
            }
        }
    }
    $output = "";
    if ($post_data_set_index_parent) {
        foreach ($post_data_set_index_parent as $indexes_parent => $posts) { 
            foreach ($posts as $index => $post) { 
                $output .= '<h3>'.$index.'</h3>';
                $output .= '<ul>' . "\n";
                foreach ($post as $key => $val) {
                    $output .= '<li>';
                    $output .= '<a href="' .$val['permalink']. '">' .$val['title']. '</a>';
                    $output .= '</li>' . "\n";
                }
                $output .= '</ul>' . "\n";
            }
        }
    }
    wp_reset_postdata();
    return $output;
}
add_shortcode('yomilist', 'yomilistFunc');

あとは、一覧用の記事等にショートコード[yomilist]と記入することで、記事の50音順で表示されます。