🔧 つくった人がそのまま売っています 会員登録なし・買い切り・サブスクなし
かご
おみせのトップ棚をみる / 表を並べ替え
PT-0112 プラグイン 棚にあります

表を並べ替え

見出しを押すと並び替わります。3回押すと、書いたときの順に戻ります。並べ替えたきり戻せない表は、書いた人が決めた順番を壊します。おすすめ順に並べた表を値段順にされたあと、戻せないと困ります。

表側:見出しを押すと並び替わる表
表側:見出しを押すと並び替わる表
管理画面:設定(上半分)
管理画面:設定(上半分)

画像をクリックすると、幅いっぱいに大きく開きます。
いずれも WordPress 標準のテーマ(Twenty Twenty-Five)で撮っています。特別なテーマは使っていません。

こんなことがなくなります

  • 元の順に戻せます。昇順 → 降順 → 書いたときの順。「もとの並びがおすすめ順だった」ことが伝わらなくなるのを防ぎます。
  • 数字と日付を見分けます。文字として比べると 100 より 99 のほうが大きくなります。¥1,200 12.5% 2026年8月28日 を正しく比べます。
  • 空は必ず最後です。0として扱うと、値段順で空欄が先頭に来ます。いちばん安いものを探している人が、値段の書いていない行を見ることになります。
  • 既定は「class を書いた表だけ」です。ぜんぶに効かせると、料金表や手順の表まで動きます。書いた順に意味がある表があります。
  • キーボードでも押せます。印を出し、読み上げには「◯◯ で並べ替え」と伝えます。押せるのに押せると分からない仕掛けは、無いのと同じです。
  • data-sort で順番を決められます。「松・竹・梅」のように、こちらでは分からないもののためです。

入っているもの

  • プラグイン本体(ZIP。管理画面からそのままアップロードできます)
  • 日本語の説明書(並べ替えの決まり・class の付けかた)
  • 設定画面(効かせる表・横送り)

こまかい話(仕様)

型番PT-0112
種類プラグイン
並べ替え昇順 → 降順 → 書いたときの順
見分ける数(¥ , % を外す)/ 日付 / それ以外 / 空
空の扱い必ず最後
効かせる範囲class を書いた表だけ(ぜんぶにもできます)
順番の指定data-sort
キーボード押せます(Tab → Enter / Space)
読み込み表の無い記事では0KB
WordPress6.0 以上(6.8 で確認)
PHP8.0 以上
ほかのプラグインいりません
外部への通信しません(APIキーも要りません)
読者に届く大きさ5.5KB(圧縮前)。使っていないページでは0KBです
つかっていい範囲1つ買ったら1サイト/書き換えOK/再配布はNG(くわしく

この部品についての質問

なぜ3回で元に戻るのですか?

並べ替えたきり戻せない表は、書いた人が決めた順番を壊します。おすすめ順に並べた表を値段順にされたあと、戻せないと「もとがおすすめ順だった」ことが伝わりません。

なぜ既定で全部の表に効かないのですか?

料金表や手順の表は、書いた順に意味があります。ぜんぶに効かせると、並べ替えてほしくない表まで動きます。設定で変えられます。

空欄はどう並びますか?

必ず最後です。0として扱うと、値段順で空欄が先頭に来ます。いちばん安いものを探している人が、値段の書いていない行を見ることになります。

「松・竹・梅」を正しく並べたいのですが

セルに data-sort="3" のように書いてください。その値で並びます。

キーボードだけで使えますか?

使えます。Tab で見出しを選んで、Enter か Space です。読み上げにも押せるものとして伝わります。

一緒に使うと

一緒に使うとはかどる部品

PT-0113 プラグインNEW

続きを読む

長い記事を途中で畳んで、押すと開きます。中身はHTMLに入ったままなので、検索にも読み上げにも届きます。

  • 中身を消さない
  • JSが無ければ開いたまま
  • 畳まない記事では0KB
¥1,980 くわしく
SN-0002 切れはしNEW

CSSの切れはし集 60

記事まわりで毎回書くCSSを60本。追加CSSに貼るだけです。プラグインではないので、入れるものはありません。

  • 60本
  • 貼るだけ
  • JavaScriptなし
¥1,000 くわしく
PT-0103 プラグイン

比較表

行と列を書くだけで比較表。スマホでは1列目を残したまま横に送れます。○×は読み上げにも言葉で伝えます。

  • 1列目が残る
  • 読み上げ対応
  • 依存なし
¥2,980 くわしく