当ページのリンクには広告が含まれています。"@osaboo_Bot"AFFINGER6の「タブブロックの使い方」を初心者さん向けに解説します。じグループのコンテンツを省スペースに収めることができる機能です。重ね合わせたコンテンツに名札がついているイメージです。メニューやマニュアルによく使われていますね。長い記事を短くスッキリした配置にすることができます。じグループのコンテンツを省スペースに収めることができます。コンテンツ:テキストや画像が挿入できます。コンテンツ:テキストや画像が挿入できます。コンテンツ:テキストや画像が挿入できます。タブブロックの使い方この章では、タブブロックの使い方をご紹介します。タブブロックの基本的な挿入手順やスタイル設定とタブ項目の設定についてご紹介します。AFFINGER:タブブロックの使い方タブブロックの挿入手順AFFINGER:タブの設定AFFINGER:タブのカスタマイズイメージタブリストの設定タブリストのカスタマイズイメージタブの設定タブのカスタマイズイメージコンテンツグループの設定コンテンツグループのカスタマイズイメージコンテンツの設定コンテンツのカスタマイズイメージそれでは順番に見ていきましょう。作業は投稿(記事編集)画面での作業になります。この章では、基本的なタブブロックの挿入手順をご紹介します。『WordPress管理>ダッシュボード>投稿>新規投稿を追加』をクリックします。投稿(記事編集)画面が表示されます。(編集する場合は、投稿一覧から対象記事を選択してください。)タブブロックを挿入する箇所をクリックします。ブロック挿入ツールを切り替えてブロックメニューを開きます。STEP2ブロック挿入ツールを切り替え投稿(記事編集)画面の左上部のブロック挿入ツール切り替えアイコン『+』をクリックします。『+』をクリックします。以下の画面が表示されます。ブロックタブのメニューから『AFFINGER:タブ』をクリックして投稿(記事編集)画面に挿入します。『AFFINGER:タブ』をクリックします。投稿(記事編集)画面にタブブロックが挿入されます。挿入直後は、以下のように表示されます。必要に応じてツールバーのタブを追加アイコン『+』をクリックしてタブを追加します。『AFFINGER:タブ』の設定では、タブの追加やタブブロック全体(タブ・コンテンツ含む)の「スタイル」が設定できます。投稿(記事編集)画面の『タブ全体が青色』で囲まれた状態(赤矢印)、右側『設定>ブロックタブメニュー>AFFINGER:タブ』が選択された状態(赤矢印)の詳細設定をご紹介します。クラス:『任意』AFFINGER:タブのカスタマイズイメージカスタマイズイメージのサンプルでは、切り替えが確認できるように3つのタブをタブを使用します。背景や枠線についても確認しやすいように設定を変更しています。『タブリスト』の設定では、タブの追加やタブ部全体(コンテンツは含まない)の「テキストや背景の色・枠」等が設定できます。投稿(記事編集)画面の『タブ部が青色』で囲まれた状態(赤矢印)、右側『設定>ブロックタブメニュー>タブリスト』が選択された状態(赤矢印)の詳細設定をご紹介します。ブロックタブメニュー詳細タブリストの初期設定はGutenbergで変更できます。クラス:『任意』タブリストのカスタマイズイメージ「AFFINGER:タブ」のデフォルトスタイルをベースにカスタマイズしています。タブ全体のカスタマイズが出来ます。『タブ』の設定では、選択したタブ部単体(コンテンツは含まない)の「テキストや背景の色・枠」等が設定できます。投稿(記事編集)画面の『タブ部にカーソルが点滅』している状態(赤矢印)、右側『設定>ブロックタブメニュー>タブ』が選択された状態(赤矢印)の詳細設定をご紹介します。クラス:『任意』タブのカスタマイズイメージ「AFFINGER:タブ」のデフォルトスタイルをベースにカスタマイズしています。タブ単体のカスタマイズが出来ます。『コンテンツグループ』の設定では、コンテンツ全体(すべてのタブのコンテンツ・タブは含まない)の「テキストや背景の色・枠」等が設定できます。投稿(記事編集)画面の『コンテンツ部が青色』で囲まれた状態(赤矢印)、右側『設定>ブロックタブメニュー>コンテンツグループ』が選択された状態(赤矢印)の詳細設定をご紹介します。クラス:『任意』コンテンツグループのカスタマイズイメージ「AFFINGER:タブ」のデフォルトスタイルをベースにカスタマイズしています。コンテンツ全体のカスタマイズが出来ます。『コンテンツグループ』の設定では、コンテンツ単体(選択されたタブのコンテンツ・タブは含まない)の「テキストや背景の色・枠」等が設定できます。投稿(記事編集)画面の『コンテンツ部が青色(少し大きい)』で囲まれた状態(赤矢印)、右側『設定>ブロックタブメニュー>コンテンツ』が選択された状態(赤矢印)の詳細設定をご紹介します。クラス:『任意』コンテンツのカスタマイズイメージ「AFFINGER:タブ」のデフォルトスタイルをベースにカスタマイズしています。コンテンツ単体のカスタマイズが出来ます。設定』をクリックします。設定」画面が表示されます。『タブブロック』のタブをクリックすると、以下の画面が表示されます。デフォルト設定の各項目を『任意に設定』して『Save』をクリックして完了です。タブブロックの使い方!「比較・対比」に最適!タブで短くスッキリ配置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年に廃止されるクラシックエディター」について...ブロックエディターを使っているのにクラシックブロックを使う理由や対処方法を初心者さん向けに優しくご紹介しています。脚注ブロックの使い方をご紹介。長文を得意とする方や専門用語を必要とするジャンルでブログ作りをされている方には重宝する機能です。初心者目線で丁寧に解説しました。クラス』を使わずに『ステップとカウント』見出しをリセットする方法AFFINGER6の見出しブロックで「ステップ・カウント」スタイルを使った時に連番が途中でリセットされてしまう原因と逆にその特性を使ったリセット方法をご紹介します。した小技的な手法です。この内容は当記事だけ?!簡単なので初心者さんでも大丈夫。読むWordPressのリダイレクト方法!【プラグインなし▶︎.htaccess】ロリポップ編ロリポップ!データベース「MySQL5.7➡︎8.0」アップデートしてみた。徹底した初心者目線でお届け!!\\お役立ち情報を発信しています。原則リンクフリーです。リンクを行う場合の許可や連絡は不要です。リンクである旨を明示ください。引用についても、出典元の明記とリンクをしていただければ問題ありません。見出しタグのカスタマイズ!キャッチコピーを使う。