記事内に広告が含まれています。

タグ一覧を作ろう2

タグ一覧から作った不完全版「50音順タグ一覧」-WordPress wordpressでブログを作ろう
タグ一覧から作った不完全版「50音順タグ一覧」-WordPress

 タグ一覧作成NO2 。

 前回のタグ一覧だと、50音順の並び替えができないようだったので、タグクラウドのwordpressテンプレートタグを利用して、50音順にタグ一覧を作成し、そのタグ一覧を50音順に並べ替えてみよう。

 このタグ一覧を固定ページに並べ替えるのだ。

広告

基本のタグクラウドを表示するテンプレートタグ

 まずは、基本のお勉強。

 タグクラウドを表示するコードは↓

<?php wp_tag_cloud(''); ?>
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<?php endwhile; ?>
<?php endif; ?>
広告

タグクラウドを利用したデフォルトタグ一覧

 タグクラウドを利用したデフォルトタグ一覧のphpファイルのコード。

 ファイル名は「all-tag」。

<?php
/*
Template Name:all-tag
*/
?>
<?php get_header(); ?>
<!--ループ開始-->
<h1 class="entry-title">
<?php the_title(); ?>
</h1>
<div>
<div>
<!--<h2>タグアーカイブ</h2>-->
</div>
<div>
<?php wp_tag_cloud(''); ?>
</div>
<div>
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
</div>
<?php endwhile; ?>
<?php endif; ?>
<!--ループ終了--> </div>
<!-- END div.post -->

表示されたタグ一覧を50音順で並べ替える

 そして本題。

<?php wp_tag_cloud(''); ?>

 を下のように書き換える。

<?php wp_tag_cloud( 'number=0&order=ASC&orderby=name&smallest=18&largest=18' ); ?>

 書き換え後のphpファイルは↓

<?php 
/*
Template Name:all-tag
*/
<!--ループ開始 --!>
<!--パンくずリスト-->
<a href="<?php echo esc_url( home_url( '/' ) ); ?>"><?php bloginfo('name'); ?></a>⇒<?php the_title(); ?>
<h1 class="entry-title">
<?php the_title(); ?>
</h1>
<!--<h2>タグアーカイブ</h2>-->
<div>
<?php wp_tag_cloud( 'number=0&order=ASC&orderby=name&smallest=18&largest=18' ); ?>
</div>
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<?php endwhile; ?>
<?php endif; ?>
<!--ループ終了-->
<!-- END div.post --><?php get_footer(); ?>

 これを、サーバー上の今有効にしているテーマフォルダにアップロードする。

サーバーへのアップロードと固定ページへの適応

1.テキストエディタでコードを貼り付け、拡張子phpのファイルを作る。

 今回の場合、「all-tag.php」というファイル名にした。

 「文字コード」と「改行コード」は他のPHPファイルに合わせる。

K
K

 サーバーによっては、サーバー上で新規ファイルを作ることができる機能があるので、それで新しいファイルを作ってもいい。

新しく作ったPHPファイルを有効化しているテーマフォルダに追加する-WordPress

新しく作ったPHPファイルを有効化しているテーマフォルダに追加する-WordPress

2.WordPressの固定ページを開いて、タイトル名を入れた後、「ページ属性」の「テンプレート」を「all-tag」に設定する。

「ページ属性」の「テンプレート」を新しく作ったPHPファイル名にする-WordPress

「ページ属性」の「テンプレート」を新しく作ったPHPファイル名にする-WordPress

3.そのまま「公開」ボタンを押す。

K
K

ページは白紙のままでもOKだよ。

テンプレートタグの説明

'number=0

 0ですべて表示する。

 1なら1個表示する。

order=ASC

 ASCは昇順で表示。
 英語のタグが先に表示されて、その後日本語のタグが50音順に表示される。

 降順ではDESC

 さすがに、完全な50音順表示は無理みたい。

orderby=name

 名前順で表示。

 countで記事数順に表示。

smallest=18

 使用頻度の低いタグのフォントの大きさをして指定している。

 18で18px。

 デフォルトだと、8px。

largest=18

 使用頻度の高いタグのフォントの大きさをして指定している。

 18で18px。

 デフォルトだと、22px。

まとめ

 WordPressのタグクラウドを並べ替えには原則がある。

1.数字

2.アルファベット

3.カタカナ

4.ひらがな

5.漢字

だそうだ。

 で、できたのが

タグ一覧から作った不完全版「50音順タグ一覧」-WordPress

タグ一覧から作った不完全版「50音順タグ一覧」-WordPress

 もともと英語圏の仕様だし。

 なので漢字はどうしても後ろの方の表示になる。

 完璧な50音にするのは、なかなか難しい。

 フリガナでも振ろうかね。

コメント

タイトルとURLをコピーしました