ワードプレス/タグの並び替え方法(備忘録)

ブログあの手この手

本記事を「COCOON/タグの並び替え方法」として紹介していたが、COCOONではなくワードプレスのタグ管理機能で並び替えを行うので、タイトルのCOCOONをワードプレスに修正しました。お詫びしてタイトル訂正します。なお方法については変更はありません(2023/12/08)


ワードプレスにおいて、投稿記事のタグ一覧をウィジェットでサイドバーなどに表示する際、意図的にタグの順番を並び替えたい場合がある。表示順番の設定を変更する方法について以下に備忘録として記録しておく。

本ブログサイトの事例においては、右側のサイドバーの下の方にタグ一覧を表示している。登山記録が多いので、その分類を「春山(3-5月)」「夏山(6-8月)」のようにタグをつけて分類している。一覧表示の際、ワードプレスがどういうロジックでタグの表示順序を決めているのかデフォルトの仕様がちょっと分からないが、私の希望と異なる順序で表示してくる(例えば、夏山、冬山、秋山、春山のような順番)。

製作者としては、春夏秋冬の順番で表示したいわけで、ネットで調べるとプラグインを使用する方法や、CSSを追加記入して各タグに+1やー2のように並び順を前後にずらすよう数字を指定して並び順を変える方法、function.phpを追加記入してIDや名前を昇順、降順に並び替える方法などが見つかった。最初のうちは見よう見まねで何とかしてきたが、思い通りにタグを並べ替えるのに意外と苦労する。

ワードプレスのタグ管理ページ画面をよくよく見ていると、今更ながら以下のシンプルな変更方法に気づいた(汗)。タグを何番目に表示したいか順番を指定する方法で、とても原始的なマニュアル操作なのだが、確実に自分の意図する順番に並べ替えることができた。

既存のタグの並べ替え

① ダッシュボードの左側メニューバーで投稿を選択し、タグをクリック

② 画面右側のタグ一覧から並び替えたいタグを選択してクリック

③ 編集画面の一番下にある「Order」のところに配置したい順番の番号を入力する。例えば、5番目のタグを3番目に配置したい場合は「3」を入れる。2番目のタグを6番目に変更したい場合は「6」と入力する

④ 画面左下の「更新」をクリックする。その後、画面左上にある「←タグへ戻る」をクリックする

⑤ 面倒だが、並び替えたタグの新しい位置の前後のタグについて同様に番号を振り直して更新する(番号の繰り上げ、繰り下げ変更)。上の例で、5番目のタグを3番目へ変更する例であれば、元の順番の3番目と4番目のタグをそれぞれ「4」「5」にOrderを繰り下げる。2番目のタグを6番目に変更する例であれば、元の順番の3番目から6番目のタグをそれぞれ「2」「3」「4」「5」にOrderを繰り上げる

なお、デフォルトではすべてのタグのOrderが「0」になっている。紛らわしいので1番目のタグが「1」になるように、最初にタグ順序を変更する際に全てのタグOrderを変更しておくことを推奨する。

新規タグ追加時の並び順指定

① ダッシュボードの左側メニューバーで投稿を選択し、タグをクリック

② 画面右側のタグ一覧の1番目の項目をクリックして、画面下に表示される「Order」の欄が「0」か「1」かを確認しておく

③ 左側の新規タグの追加欄で名前などを入力する

④ 一番下の「Order」の欄に配置したい並び順の番号を入力する。新規タグを例えば3番目に表示したい場合は、⓶の手順で一番目のタグの「Order」が「1」になっていれば「3」と入力する。もし「0」になっているのであれば「2」と入力する

⑤ 画面左下の「更新」をクリックする

⑥ 新規に追加したタグの後ろのタグすべてについて、Orderをひとつ繰り下げた番号に変更して更新する

「既存のタグの並べ替え」に記載したように、1番目のタグが「0」になっている場合は、一手間かけて1番目のタグが「1」になるように番号を振り直しておくことを推奨する。

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