3年間AFFINGERを使ってきて、テーブルブロックのカスタマイズ性や、操作性がイマイチなところがアフィンガーの弱点だと感じています。
AFFINGERの機能で頑張って作成する方法もありますが、長いショートコードを多用する必要があるため、編集画面での表の見え方が煩雑で視認性が悪く記事執筆の効率が悪いなと感じています。
ということで、本記事では、そんなアフィンガーの弱点を払拭する『当ブログ限定の特別なテーブルブロックの作り方』を紹介します。
例えば、AFFINGERの標準ブロックで作ったテーブルは次のような感じになります。
カスタマイズ後の比較表
アフィンガーの弱点であるテーブルブロックの悩みを払拭するために、「Flexible Table Block」という無料プラグインを使います。
このプラグインを駆使することで次のような比較表が簡単に作成できます。
| SWELL | AFFINGER6 | Cocoon | |
 |  |  | |
| 料金(税込) | 17,600円 | 14,800円 | 0円 |
| 設定自由度 | |||
| ランキング機能 | あり | あり | あり |
| LP作成機能 | あり | あり | なし |
| SEO対策 | 外部プラグインが必要 | 管理画面で設定可能 | 外部プラグインが必要 |
| 公式サイト | 詳しくみる | 詳しくみる | 詳しくみる |
本記事で紹介する方法を用いると、おしゃれで見やすい表をサクサク作ることができます。
ただし、この表を作るにはFlexible Table Blockをカスタマイズする必要があり、HTMLとCSSの知識が必要です。
この記事では、Flexible Table BlockをAFFINGER6向けにカスタマイズする方法を紹介します。
AFFINGERのテーブル機能をパワーアップすることで『すばやく、見やすい、読者の目にとまる』比較表が作れること間違いなしです！
