当ページのリンクには広告が含まれています。【2024年3月19日更新】記事が読みやすくなるように、全体を調整しました。"@osaboo_Bot"AFFINGER6の「テーブルブロックの使い方」を初心者さん向けに解説します。テキスト:テーブルWordPress標準のブロックエディター機能です。テーブル(表)が作成作成できるブロックで複数の類似した内容を比較する用途に適した機能ですね。商品の比較や機能の違い等に表(テーブルブロック)を使って見易くするという感じです。テーブルブロックのAFFINGER6オリジナル拡張機能と標準機能を合わせてご紹介します。増え続ける当サイトオリジナル特典付!-購入方法で迷ったら...こちらで確認【特典付きを購入しよう!】テキスト:テーブル(テーブルブロック)とは...テキスト:テーブル(テーブルブロック)とは...WordPressで標準装備されているブロック(コアブロック)で、全テーマ共通のエディター機能です。表が作成できるブロックです。当サイト専用の色設定が含まれています。基本表示パターンは、6種類になります。テーブルブロックの使い方この章では、テーブルブロックの使い方をご紹介します。テーブルブロックの使い方テーブルブロックの挿入手順テーブルブロックの設定:Settingsテーブルブロックのカスタマイズイメージ:Settingsツールバー:テーブルブロックの設定|メニューまとめテーブルブロックの設定:Stylesテーブルブロックのカスタマイズイメージ:Stylesそれでは順番に見ていきましょう。投稿(記事編集)画面での作業になります。基本的なテーブルブロックの挿入手順をご紹介します。『WordPress管理>ダッシュボード>投稿>新規投稿を追加』をクリックします。投稿画面が表示されます。(編集する場合は、投稿一覧から対象記事を選択してください。)テーブルブロックを挿入する箇所をクリックします。ブロック挿入ツールを切り替えてブロックメニューを開きます。STEP2ブロック挿入ツールを切り替え投稿(記事編集)画面の左上部のブロック挿入ツール切り替えアイコン『+』をクリックします。『+』をクリックします。以下の画面が表示されます。ブロックタブのメニューから『テーブル』をクリックして投稿(記事編集)画面に挿入します。『テーブル』をクリックします。投稿(記事編集)画面に以下の『テーブル』作成画面が表示されます。『カラム数』と『行数』を挿入して『表を作成』をクリックします。投稿(記事編集)画面に『テーブル』ブロックが挿入されます。各セルに必要項目を入力して表を完成させます。見出し行の設定や装飾の変更は後述します。メニューの詳細をご紹介します。メニューの場所は、投稿(記事編集)画面の右側に表示される『設定>ブロック』タブメニューです。表示されていない場合は、以下の画面を参考に設定アイコンをクリックしてください。ヘッダー・フッターの色変更はカスタマイザーで行います。ヘッダーとフッターの表示は以下の様に表示されます。2列以上ある場合、残列は等分されます。投稿(記事編集)画面での作業になります。テーブルブロックの領域をクリック(選択)すると以下のようにツールバーが切り替わり、赤枠部分の『表を編集』アイコンが表示されます。『表を編集』アイコンをクリックするとドロップダウンメニューが表示されます。各メニューより、行と列の追加や削除ができます。メニューの詳細をご紹介します。メニューの場所は、投稿(記事編集)画面の右側に表示される『設定>ブロック』タブメニューです。表示されていない場合は、以下の画面を参考に設定アイコンをクリックしてください。基本表示パターンが、6種類用意されています。基本表示パターンをご紹介します。Styles:CELL4-3Styles:デフォルト(ヘッダー未設定で1行目にヘッダーの色設定を反映)テーブルブロックのカスタマイズ(カスタマイザーの設定)カスタマイザーの設定は、すべてのテーブルブロック(表)に影響します。『WordPress管理>ダッシュボード>外観>カスタマイズ』をクリックします。カスタマイザーが起動すると以下の画面が表示されます。左から順番にメニューをクリックしていきます。『オプション(その他)』をクリックします。『table(表)』をクリックします。各詳細項目をクリックして設定します。当サイトの設定を表示しています。記事をたくさん書く前に!なるべく早い段階で「table(表)」の色を決めると良いかと...osabooAFFINGER6のテーブルブロックで作った!商品比較の参考例これまでご紹介したAFFINGER6のテーブルブロック拡張機能を使って参考例を作ってみました。項目毎に評価を「○△×」で表示してみました。リンクはテキストリンクで作成し広告リンクを使えば計測もできます。「商品比較表」をご覧ください。商品比較表:参考例クラシックエディターを使うともっと自由に「CELL」内のテキスト装飾が可能ですが...この記事ではブロックエディターでできる範囲にとどめてご紹介しています。osabooいろいろ手間がかかるのでテーブルブロックでクラシックエディターは使っていませんが...手順だけ軽くご紹介しておきますね!クラシックエディターを使って「CELL」にボタンを挿入すると以下のようになります。商品比較表:参考例クラシックエディターを使って「CELL」にボタン等を挿入する場合をざっくりご紹介します。手順は以下の通りです。ブロックエディターで作ったテーブル(表)の領域をクリックします。(どこでもOK)ツールバーの左端『テーブル』アイコンをクリックします。ドロップダウンメニュー『クラシック版の段落』をクリックします。クラシックエディターに切り替わります。→『タグ』等を使って『ボタンや装飾テキスト』を挿入します。おすすめしませんが...必要な場合はチャレンジしてみるのもありかと?!思います。テーブルからクラシックで作った方がいいかも...機能紹介「AFFINGER6の使い方」の関する記事をまとめてみました。テーブルブロックの使い方!商品比較と対比表を簡単作成AFFINGER6のテーブルブロックの使い方をご紹介しました。AFFINGER6のテーブルブロックは凝った装飾はできませんが(ブロックエディターの場合)機能的には十分カッコよく!見やすいと思います。カスタマイザーで色の初期設定ができるので統一化されたスタイルが簡単にできるのは魅力ですね。基本!は装飾等にあまり凝りすぎないように気をつけましょう。「最後まで、ご観覧いただきありがとうございました。」また、次の記事で...お会いしましょう。WordPressテーマ】AFFINGER6とSWELL徹底比較「どっちにする?」両方使ってみた!WordPressテーマ「AFFINGER6とSWELL」を徹底比較。現役で両方使っている筆者が「こんな人におすすめ」を解説。テーマ選びで重要視するポイントやブロックエディターとクラシックエディターに関する注意点等、中立の立ち位置でご紹介。本音レビュー!メリット・デメリットを徹底解説AFFINGER6とAFFINGER6EXの両方を使って3年目の本音レビューをご紹介。初心者が使った場合のメリットとデメリットを徹底解説。有料テーマをはじめて使う初心者の不安を解決!ブログ収益を加速させるオリジナル特典をご用意しました。初心者がオススメする購入方法【特典付きを購入しよう!】WordPressテーマACTION(AFFINGER6)のおすすめ購入方法を初心者目線でご紹介。購入後のダウンロードからインストールまでの手順を全画像付きで丁寧に解説。初心者が迷子にならない為の公式サイトの検索手順と注意事項もご紹介します。ver4.1.1が2022/9/21にアップデートされ大幅に使いやすくなりました!表示機能も強化されグッと見やすなったリンク計測の表示など、アップデートの手順から広告用タグの作り方まで一気にご紹介します。サイトの利便性・デザイン向上」に役立つ拡張機能の表示イメージと使い方を初心者さん向けにわかりやすく解説します。タブブロックの使い方!を初心者さん向けに解説。タブブロックは比較や対批を省スペースでまとめるのに便利です。詳細ブロックの使い方をご紹介。長い記事の内容を保ったまま、短くシンプルに表示!」WordPressの詳細ブロックとAFFONGER6のスライドブロックとの違いも解説しています。SUGOIMOKUJI(すごいもくじ)LITEの導入手順・使い方(設定方法)・カスタマイズ方法を初心者さん向けに解説。おすすめ設定や設定ポイントをわかりやすく解説しました。WordPress(AFFINGER6)クラシックとクラシック版の段落って何が違う?どう使う...クラシックブロックとクラシック版の段落ブロックの違いとどのように使うか!をご紹介。「2024年に廃止されるクラシックエディター」について...ブロックエディターを使っているのにクラシックブロックを使う理由や対処方法を初心者さん向けに優しくご紹介しています。脚注ブロックの使い方をご紹介。長文を得意とする方や専門用語を必要とするジャンルでブログ作りをされている方には重宝する機能です。初心者目線で丁寧に解説しました。徹底した初心者目線でお届け!!\\お役立ち情報を発信しています。原則リンクフリーです。リンクを行う場合の許可や連絡は不要です。リンクである旨を明示ください。引用についても、出典元の明記とリンクをしていただければ問題ありません。見出しタグのカスタマイズ!キャッチコピーを使う。