PT-0101
プラグイン
見出しのデザイン12種
h2〜h4の見た目を選ぶだけ。CSSだけなので、記事の中身はいじりません。合わなければ消すだけで元に戻ります。
- CSSのみ
- JavaScriptなし
- 依存なし
¥1,480
くわしく
比較表
行と列を文字で書くだけの比較表です。スマホで横に送っても、1列目（項目名）が残ります。「この28,000円は何の行だったか」を見失いません。
画像をクリックすると、幅いっぱいに大きく開きます。
いずれも WordPress 標準のテーマ（Twenty Twenty-Five）で撮っています。特別なテーマは使っていません。
こんなことがなくなります
- スマホで表が読めなくなる、が起きません。縮めると字が読めず、はみ出させるとどの列か分からなくなります。横に送れるようにしたうえで、1列目だけを残します。
- ○×が読み上げにも伝わります。「○」は読み上げでは「まる」としか読まれません。記号は目で見るぶんだけ残し、「あり」「なし」と言葉を別に添えています。
- 列を1つ足すのに、全部の行を触る必要がありません。行に
｜値を書き足すだけです。 - 行によってマスの数が違っても、形が崩れません。足りないところは空のマスで埋めます。
- おすすめの列を1つ、目立たせられます。
入っているもの
- プラグイン本体（ZIP。管理画面からそのままアップロードできます）
- 日本語の説明書（書きかた・記号の一覧・暗いテーマでの直しかた）
- 見た目を変えるためのCSSクラス一覧
こまかい話（仕様）
| 型番 | PT-0103 |
|---|---|
| 種類 | プラグイン |
| 書きかた | ショートコード [fx_table]…[/fx_table] |
| 区切り | 全角の ｜ ／ 半角の | |
| 1列目 | 横に送っても残ります（position:sticky） |
| 記号 | ◎ ○ △ × － を、読み上げには言葉で渡します |
| マスの中 | 太字だけ通します |
| ブロック | 増やしません |
| データの置き場所 | 設定のみ（表を作りません） |
| WordPress | 6.0 以上（6.8 で確認） |
| PHP | 8.0 以上 |
| ほかのプラグイン | いりません |
| 外部への通信 | しません（APIキーも要りません） |
| 読者に届く大きさ | 5.2KB（圧縮前）。使っていないページでは0KBです |
| つかっていい範囲 | 1つ買ったら1サイト／書き換えOK／再配布はNG（くわしく） |
この部品についての質問
ブロックエディタの表ブロックと何が違いますか？
書きやすさと、スマホでの読みやすさです。表ブロックは列を1つ足すのに全部の行を触ります。また、1列目を残す仕組みも、○×を言葉で伝える仕組みもありません。
「○を言葉で伝える」とはどういうことですか？
「○」は読み上げでは「まる」と読まれます。「まる」「ばつ」「にじゅうまる」と並んでも、聞いている人には何のことか分かりません。比較表でいちばん大事な情報は、たいていこの記号のところです。そこだけが伝わらない表になります。この部品では、画面には記号だけを見せ、読み上げには「あり」「なし」を渡します。
表の中にリンクや画像を入れられますか？
入れられません。横に送るときの幅の計算が合わなくなるためです。どうしても要る場合は、表の下に注記として置いてください。
暗い背景のテーマで、1列目だけ白く見えます。
1列目は、横に送っても残るように下地の色を敷いています（残っている列の後ろを、流れる列が通り抜けるためです）。既定が白なので、暗いテーマでは目立ちます。テーマの追加CSSに .fx-table { --pt0103-bg: #色; } と書いてください。
消したらどうなりますか？
記事には [fx_table]…[/fx_table] の文字が残ります。ただし中に書いた行と列はそのまま読める形で残ります。区切りの記号が見えるようになるだけです。
