AFFINGERで見やすい表の作り方【手順を画像で説明】

どうしても表だけが上手く作れない人いませんかー？

AFFINGERで見た目のいい表を作る方法を教えて！

今回は、AFFINGERで必ず入れておきたい『プラグイン』を使って表を作成していきたいと思います。

表作成専用プラグインの【Advanced Editor Tools】を使用します。

Advanced Editor Toolsのプラグインを有効化しておきましょう。

ブログで稼げる理由とその仕組み、メリット、ブログの始め方までわかりやすく紹介しますね。本記事を読み終えるころには、ブログをするかどうかの迷いが消えているはずです。

サクッと5分ほどで読めるので、内容をみていきましょう〜！

ちなみにブログは実践が大事。なのでブログをまだお持ちでない方はこちらからサクッと10分で開設をどうぞ。今だけお得なキャンペーンもあるので、この機会にお得に始めましょう。

>>たった10分WordPressでブログの始め方を42枚の画像を使って解説【初心者向けブログの作り方】

＼当サイトおすすめのWordPressテーマ「AFFINGER6」／

>>AFFINGER6を公式サイトから導入する

AFFINGERで表を作る

こんな表を作ります。

そして、こんな殺風景な表を、少しお洒落にしていきましょう。

むろ

金額が同じのは、セルを結合して一つの値段にまとめて、セルに色をつけて見やすくしました。

step
1テーブルで表の枠を作る

テーブルで表を作ったら、表に数字を入れて作ります。

むろ

こんな感じに

step
2表のセルに色を入れる

むろ

好きな色を選ぶ、ここはセンスが問われますよ〜

カーソルを色を付けたいところに合わせる＞＞テーブル＞＞セルのプロパティ＞＞背景色

step
3中央揃えをして見栄えを良くする

これで、見栄えの良い表ができます。

表を横スクロールできるようにするには？

スタイル＞＞テーブル＞＞横スクロール

まずは、横スクロールの枠を作り、その中に表を作ります。

ここで注意は、横マスが多宮内と横スクロールはしません。

今回の例は、８マスでは、横スクロールが反映されました。

AFFINGERでの表作りは、Advanced Editor Toolsのプラグインを使うと簡単にできます。