この記事には広告が含まれています。

AFFINGER6でテーブル(表)作成する方法

AFFINGER6:テーブル(表)の作成方法【初心者向け】

この記事がお勧めな方

この記事は次のような疑問を解決したい方にお勧めになっています♪

  • 記事に表(テーブル)を作成するにはどうすればいいの?
  • AFFINGER6の表作成はどんな機能があるの?

この記事ではAFFINGER6でテーブル(表)を作成する方法を初心者向けに解説しています。

また、AFFINGER6を使用していない方でも表の作成方法がわからない初心者の方にもお勧めの記事になっています。

この記事ではAFFINGER6でテーブル(表)を作成する方法を初心者向けに解説しています。また、AFFINGER6を使用していない方でも表の作成方法がわからない初心者の方にもお勧めの記事になっています。

記事にテーブル(表)を挿入する方法

記事にテーブル(表)を挿入する方法はとても簡単です。

テーブル(表)を挿入したい場所でブロックツールから「テーブル」を選択します。

ブロックツールからテーブルを選択する

作成したい表のカラム数(列数)と行数を指定して、「表を作成」をクリックすれば表が作成できます。

作成したい表のカラム数と行数を指定して「表を作成」をクリックする

例えば、カラム数が2で行数が2のテーブル(表)を作成してみると下のようになります。

今は空欄ですが、テーブル(表)の中に文字や数字を入力して完成させていくわけです。

ちなみに、テーブル(表)を作成すると「キャプションを追加」と入力できる欄も一緒に表示されると思います。

キャプションとは簡単な説明文のことで、ここに表の説明文を入力します。(入力しない場合は空白です)

行や列を挿入・削除する方法

テーブル(表)に文字や数字を入力するのは感覚的にできると思うので、表の列や行数を増やしたり削除する方法を説明します。

テーブル(表)を作成して上部メニューの「表の編集」をクリックすると行や列の挿入や削除するメニューを選択することができます。

例えば、削除したい行をクリックして「行を削除」を選択すれば行を削除できます。

パパくま
パパくま

簡単なので、実際に作ってみて行や列の挿入や削除を行ってみるのが一番解りやすいです♪

表のセル幅を固定する方法

作成した表を選択して右の「表の設定」からセル幅を固定することができます。

セル幅を固定するとこんな感じになります。

商品名価格販売会社
お菓子A100円AAAAAAAAAAAA社
お菓子B200円BBBBBBBBBBBBB社

セル幅を固定しない状態だと下のようになります。

商品名価格販売会社
お菓子A100円AAAAAAAAAAAA社
お菓子B200円BBBBBBBBBBBBB社

ヘッダーセクションやフッターセクションを追加する

ヘッダーセクションとは1行目に項目を入力するような行を追加する機能で、フッターセクションは表の最後に追加できる機能です。

フッターセクションはあまり使用しないですが、ヘッダーセクションはテーマによってはヘッダーセクションだけ色を変更できたりもするのでよく設定します。

ヘッダーセクションを設定して表を作成した感じが下のようになります。

AFFINGER6ではヘッダーセクションの色などを変更できるので、こんな感じにすることができます。

商品名価格販売会社
お菓子A100円A社
お菓子B200円B社

ここまでがワードプレスの初期機能で可能なテーブル(表)を作成する方法です。

AFFINGER6:テーブル(表)の独自編集機能

AFFINGER6では次のようなテーブル編集機能があります。

  • 表のスタイル変更
  • 特定の行や列・ヘッダーセクションの色を変更
  • アイコンの挿入

表のスタイル変更

表を選択して右画面の設定ツールの「スタイル」から表のスタイルを簡単に変更することができます。

変更できるスタイルは6種類です。

  • デフォルト
  • ストライプ
  • スクロール
  • 中央寄せ
  • ラインのみ
  • ラインのみ2

デフォルト

何も変更しないスタイルです。

試しにデフォルトで表を作成してみるとこんな感じになります。

商品名価格販売会社
お菓子A100円A社
お菓子B200円B社

ストライプ

行ごとに背景色が表示されます。

商品名価格販売会社
お菓子A100円A社
お菓子B200円B社

スクロール

599px以下の閲覧時に横スクロールが表示されるようになります。

スマートフォンでこの記事をご覧になっているなら、横スクロールが確認できると思います。

商品名価格販売会社販売年月日ネット購入支払い方法
お菓子A100円A社2022年1月クレジットカード
お菓子B200円B社2022年2月×

中央寄せ

セルのテキストが中央に表示されます。

商品名価格販売会社
お菓子A100円A社
お菓子B200円B社

ラインのみ

文字通りラインのみの表です。

商品名価格販売会社
お菓子A100円A社
お菓子B200円B社

ラインのみ2

1列目だけ背景色が表示されます。

商品名価格販売会社
お菓子A100円A社
お菓子B200円B社

特定の行や列・ヘッダーセクションの色を変更

WordPresメニューから「外観」→「カスタマイズ」を選択します。

「オプション(その他)」→「table(表)」を選択します。

次の項目の色を変更することが可能です。

  • 表のボーダー色
  • 偶数行のセルの色
  • 縦一列目の背景色
  • 縦一列目の文字色
  • ヘッダーセクションの背景色
  • ヘッダーセクションの文字色

変更したい項目の色を設定したら「公開」をクリックすれば反映されます。

アイコンの挿入

AFFINGER6では表にアイコンを挿入することもできるので、アイコンを利用すると見やすい表を作成することができます。

例えば、下のような感じです。

項目①項目②項目③
商品A
商品B

アイコンの種類は100種類以上あります。

アイコンはショートコードにアイコンクラスを指定することで表示することが可能です。

AFFINGER6のマニュアルからアイコンのクラス一覧と表示させる方法も確認できますので確認してみてくださいね。

また、AFFINGER6で使用できるアイコン一覧はこちらからも確認できます。

関連記事

以上がAFFINGER6でテーブル(表)を作成する方法の解説になります。

ブログの記事を書くのにAIライティングツールを利用すると効率を上げることができます。

ハムタ
ハムタ
パパくま
パパくま

現在は多くのAIライティングツールがあります。

そのほとんどが無料お試しでの利用が可能です。

お試し期間が限定のツールもありますが、中には機能制限はありますがずっと無料で利用できるツールもあります。

無料お試しがずっと可能なAIライティングツールをまとめてみたので、是非試してみてください。

関連記事
AFFINGER6で出来ること【まとめ】-AFFINGER6を徹底解説
AFFINGER6で出来ること【まとめ】-AFFINGER6を徹底解説

2025/2/9  

AFFINGER6を使ってみたい!気になる!という方向けに AFFINGER6ってどんなテーマ? AFFINGER6でどんなことができるの? AFFINGER6を使うにはどうすればいいの? といった内 ...

(通常版)AFFINGER6と(上位版)AFFINGER6 EXの違い【まとめ】
(通常版)AFFINGER6と(上位版)AFFINGER6 EXの違い【まとめ】

2024/11/28    

AFFINGER6を購入しようと検討している方や既に通常版のAFFINGER6を使用している方で、その違いが気になる方も多いと思います。 そこで、この記事では(通常版)AFFINGER6と(上位版)A ...

『SWELL』ってどうなの?-実際に利用したメリットとデメリットをガチレビュー!
『SWELL』ってどうなの?-実際に利用したメリットとデメリットをガチレビュー!

2024/11/28    

SWELLはとても人気の高いテーマです。 この記事はSWELLが気になる方向けにメリットとデメリットを紹介しています。 価格 17,600円(税込み) シンプル&高機能なWordPressテーマ! 最 ...

AFFINGER6は初心者が購入しても大丈夫?-初心者にお勧めの理由
AFFINGER6は初心者が購入しても大丈夫?-初心者にお勧めの理由

2024/11/28    

AFFINGER6を購入しようと思っている初心者の方は、解らないことが多いからこそ購入に対して不安を感じるかもしれません。 この記事は、実際に知識ゼロからAFFINGER6を使用した私が断言できる内容 ...

AFFINGER6の購入とインストール方法

AFFINGER6の購入方法と購入プランの選び方
【知っておくべき!】AFFINGER6の購入方法と購入プランの選び方-⑤種類から最適を選択!

2025/2/10    

AFFINGER6を使ってみたい! という方に ちょっと待ってください! AFFINGER6を購入する際には複数のプランが存在しますので、自分の取り組み方に合った購入方法を選択した方がお得に購入できま ...

AFFINGER6(アフィンガー6)のインストール方法【画像付き!詳細解説】
AFFINGER6(アフィンガー6)のインストール方法-初心者でも安心!購入プランから徹底解説!

2024/12/29    

初心者でも大丈夫! AFFINGER6の購入からインストールして使えるようにするまでの手順や注意点を詳しく解説しています。 AFFINGER6は「稼ぐ」に特化した有名ブロガーさんも多数利用するテーマで ...

AFFINGER6(アフィンガー6)EX版の購入とアップグレードの方法
AFFINGER6(アフィンガー6)EX版の購入とアップグレードの方法

2025/1/8    

この記事ではAFFINGER6の上位版である「AFFINGER6EX」へのアップグレード方法を解説しています。 AFFINGER6EX版にアップグレードする為の条件 AFFINGER6からEX版にアッ ...

AFFINGER6の設定関係

AFFINGER6導入後にまず何をしたらいいの?-初心者にお勧めの初期設定4項目
AFFINGER6導入後にまず何をしたらいいの?-初心者にお勧めの初期設定4項目

2024/10/17    

「ブログで稼ぎたい!」 って思いブログを始めた初心者の方も多いと思います。 収益化するには何より記事を作成しなければ話になりません。 この記事ではAFFINGER6を始めたばかりの初心者の方向けに、い ...

WordPressお勧めプラグイン【アフィンガー6】
AFFINGER6(アフィンガー6)にお勧めのプラグイン【初心者向け】

2024/12/29    

AFFINGER6にお勧めのプラグインを9つ紹介しています。 初心者の方は何を導入すればいいのか解らないと思いますので、是非参考にしてみてください。 プラグインとは? 「プラグイン」とはワードプレスを ...

AFFINGER6のアップデート方法(2パターンを解説)
AFFINGER6のアップデート方法(2パターンを解説)

2024/12/30    

この記事がお勧めな方 AFFINGER6のアップデート方法を知りたい方 AFFINGER6の手動でのアップデート方法が知りたい方 AFFINGER6で自動更新のお知らせを設定する方法を知りたい方 AF ...

AFFINGER6(アフィンガー6)でグーグルアナリティクスを導入する方法
AFFINGER6(アフィンガー6)でGoogleアナリティクスを導入する方法

2024/7/18    

ここではAFFINGER6(アフィンガー6)でGoogleアナリティクスを導入する方法を初心者向けに解説しています。 AFFINGER6(アフィンガー6)では簡単にGoogleアナリティクスを導入して ...

AFFINGER6:Googleサーチコンソールへの登録方法
AFFINGER6:Googleサーチコンソールへの登録方法

2024/12/14    

Googleサーチコンソールではあなたのサイトが「どんなキーワードで表示されたのか」を確認することができたり、あなたのサイトのページが「どれくらいインデックスされているか」などを調べることができます。 ...

AFFINGER6のステマ規制対策-広告表記を表示させる方法
AFFINGER6のステマ規制対策-広告表記を表示させる方法

2024/7/18    

この記事ではステマ規制対策としてAFFINGER6(アフィンガー6)で記事に「広告」表記を表示させる方法を解説しています。 ステマ規制とは2023年10月から開始された「ステルスマーケティング」に対す ...

AFFINGER6の使い方

AFFINGER6の使い方
AFFINGER6の使い方【まとめ】-初心者向けガイド-

2024/11/5    

この記事はAFFINGER6(アフィンガー6)の使い方を初心者向けに詳しく解説しています。 見出しの作成方法 記事作成の基本!見出し作成や見出しについての記事です。 カテゴリーの作成とカテゴリーページ ...

AFFINGER6のデザインカスタマイズ

AFFINGER6:カスタマイズ方法
AFFINGER6のカスタマイズ方法-初心者向けガイド-

2024/11/21    

この記事ではAFFINGER6のカスタマイズ方法を初心者向けに詳しく解説しています。 デザインカードプラグインでサイトデザインを変更する方法 プラグインでサイトデザインを簡単に変更できるようになりまし ...