--- title: module2026 description: このページでは、さまざまなセクションモジュールを活用して、アイデアを整理し、魅力的なコンテンツを作成する方法を紹介しています。 image: https://www.fubuki.biz/hubfs/OGP.jpg --- ![fubuki フブキ](https://www.fubuki.biz/hubfs/fubuki_logo%201.png) Orchestrating Your Strategy - menu 1 - sub menu 1 - sub sub menu 1 - sub sub menu 2 - sub menu 2 - menu 2 - menu 3 ## fbk-anchor アンカーリンクを設置したいモジュールの上に配置 - ヘッダーの下に隠れないようになります - 弊社作成「section系」モジュールにもアンカーリンクの機能があるので、現在はあまり使わない ## fbk-page--blog\_category 特定のブログのタグを全て表示 - 主にブログで使用します - ALL - [AI](https://www.fubuki.biz/news/tag/ai?hsLang=ja) - [blog投稿](https://www.fubuki.biz/news/tag/blog%E6%8A%95%E7%A8%BF?hsLang=ja) - [branding](https://www.fubuki.biz/news/tag/branding?hsLang=ja) - [交流会](https://www.fubuki.biz/news/tag/%E4%BA%A4%E6%B5%81%E4%BC%9A?hsLang=ja) - [AI画像生成](https://www.fubuki.biz/news/tag/ai%E7%94%BB%E5%83%8F%E7%94%9F%E6%88%90?hsLang=ja) - [アート](https://www.fubuki.biz/news/tag/%E3%82%A2%E3%83%BC%E3%83%88?hsLang=ja) - [グレンダイザー](https://www.fubuki.biz/news/tag/%E3%82%B0%E3%83%AC%E3%83%B3%E3%83%80%E3%82%A4%E3%82%B6%E3%83%BC?hsLang=ja) - [ダミアンハースト](https://www.fubuki.biz/news/tag/%E3%83%80%E3%83%9F%E3%82%A2%E3%83%B3%E3%83%8F%E3%83%BC%E3%82%B9%E3%83%88?hsLang=ja) - [チューニング](https://www.fubuki.biz/news/tag/%E3%83%81%E3%83%A5%E3%83%BC%E3%83%8B%E3%83%B3%E3%82%B0?hsLang=ja) - [リチャードプリンス](https://www.fubuki.biz/news/tag/%E3%83%AA%E3%83%81%E3%83%A3%E3%83%BC%E3%83%89%E3%83%97%E3%83%AA%E3%83%B3%E3%82%B9?hsLang=ja) - [創作](https://www.fubuki.biz/news/tag/%E5%89%B5%E4%BD%9C?hsLang=ja) - [未来のweb](https://www.fubuki.biz/news/tag/%E6%9C%AA%E6%9D%A5%E3%81%AEweb?hsLang=ja) - [認知学](https://www.fubuki.biz/news/tag/%E8%AA%8D%E7%9F%A5%E5%AD%A6?hsLang=ja) ## fbk-page--blog\_category\_static 上のモジュールと同じデザインで、自由にリンクを設定できる 特定のタグだけ表示したい場合に使用 - 主にブログで使用します - ALL ## fbk-page--bread パンくずリスト - [HOME](https://www.fubuki.biz/?hsLang=ja)      >       - module2026 ## fbk-page--title ページタイトル - 背景設定可能（画像・色） - テキスト位置調整可能（左・中央・右） - リード文が未入力の場合は非表示になる # タイトル リード文章 ## fbk-page--hero リッチテキスト領域。 ![noimage@2x](https://www.fubuki.biz/hs-fs/hubfs/raw_assets/public/FUBUKI-CMS-Tools-Master/assets/images/common/noimage@2x.png?width=2000&height=1000&name=noimage@2x.png) ![noimage@2x](https://www.fubuki.biz/hs-fs/hubfs/raw_assets/public/FUBUKI-CMS-Tools-Master/assets/images/common/noimage@2x.png?width=2000&height=1000&name=noimage@2x.png) ## fbk-section 基本のモジュールで、以降に続く「fbk-section--〇〇」と名前がついているモジュールでは以下4つの共通の機能を持っている - オプション（上下余白。背景、設定など） - ヘッダー（タイトル、サブタイトル、リード文） - 追加コンテンツ（リッチテキスト、サブボタン） - フッター（ボタン） - タイトルとモジュールコンテンツ、もしくはモジュールコンテンツを枠で囲うことが可能 - 上下余白、左右幅を設定可能 - フッターでボタンを設置可能（cta設置可能） また、ほとんどのリッチテキストには、追加でテキストリンク、ボタンリンク、ctaリンクが設定可能 ## タイトル ### サブタイトル # 見出し1 ## 見出し2 ### 見出し3 #### 見出し4 ##### 見出し5 ###### 見出し6 見出し6 - ![icon](https://www.fubuki.biz/hubfs/raw_assets/public/FUBUKI-CMS-Tools-Master/assets/images/common/icon-for-module-button/icon-arrow_right_for_sub.svg)サブボタン - ![icon](https://www.fubuki.biz/hubfs/raw_assets/public/FUBUKI-CMS-Tools-Master/assets/images/common/icon-for-module-button/icon-external.svg)サブボタン - ![icon](https://www.fubuki.biz/hubfs/raw_assets/public/FUBUKI-CMS-Tools-Master/assets/images/common/icon-for-module-button/icon-download.svg)サブボタン プライマリー![icon](https://www.fubuki.biz/hubfs/raw_assets/public/FUBUKI-CMS-Tools-Master/assets/images/common/icon-for-module-button/icon-arrow_right.svg) セカンダリー![icon](https://www.fubuki.biz/hubfs/raw_assets/public/FUBUKI-CMS-Tools-Master/assets/images/common/icon-for-module-button/icon-pdf.svg) グレー![icon](https://www.fubuki.biz/hubfs/raw_assets/public/FUBUKI-CMS-Tools-Master/assets/images/common/icon-for-module-button/icon-map.svg) ## fbk-section--accordion アコーディオン - 開く前 : リッチテキスト / 開いた後 : リッチテキスト ## タイトル リッチテキスト領域。 リッチテキスト領域。 リッチテキスト領域。 リッチテキスト領域。 ## fbk-section--accordion\_table アコーディオン - 開く前 : テキスト / 開いた後 : テーブル・リッチテキスト ## タイトル ### カテゴリタイトル ### テキスト リッチテキスト領域。 | リッチテキスト領域。 | リッチテキスト領域。 | | --- | --- | | リッチテキスト領域。 | リッチテキスト領域。 | | リッチテキスト領域。 | リッチテキスト領域。 | リッチテキスト領域。 ## fbk-section--accordion\_text アコーディオン - 開く前 : テキスト / 開いた後 : リッチテキスト ## タイトル ### カテゴリタイトル ### テキスト リッチテキスト領域。 ## fbk-section--banner\_blocks このデザインでリンク設定（画像も必要） ## タイトル テキスト ![noimage@2x](https://www.fubuki.biz/hubfs/raw_assets/public/FUBUKI-CMS-Tools-Master/assets/images/common/noimage@2x.png) テキスト ![noimage@2x](https://www.fubuki.biz/hubfs/raw_assets/public/FUBUKI-CMS-Tools-Master/assets/images/common/noimage@2x.png) テキスト ![noimage@2x](https://www.fubuki.biz/hubfs/raw_assets/public/FUBUKI-CMS-Tools-Master/assets/images/common/noimage@2x.png) ## fbk-section--block\_v2 テキストアイコン設定可能 右側はリッチテキスト ## タイトル アイコン リッチテキスト領域。 アイコン リッチテキスト領域。 ## fbk-section--card 画像とリッチテキストでのリンク設定 - PCは2〜5カラムまで、SPは1〜3カラムまで変更可能 ## タイトル ![noimage@2x](https://www.fubuki.biz/hubfs/raw_assets/public/FUBUKI-CMS-Tools-Master/assets/images/common/noimage@2x.png) ### リッチテキスト領域。 ![noimage@2x](https://www.fubuki.biz/hubfs/raw_assets/public/FUBUKI-CMS-Tools-Master/assets/images/common/noimage@2x.png) ### リッチテキスト領域。 ![noimage@2x](https://www.fubuki.biz/hubfs/raw_assets/public/FUBUKI-CMS-Tools-Master/assets/images/common/noimage@2x.png) ### リッチテキスト領域。 ![noimage@2x](https://www.fubuki.biz/hubfs/raw_assets/public/FUBUKI-CMS-Tools-Master/assets/images/common/noimage@2x.png) ### リッチテキスト領域。 ## fbk-section--card\_latest\_post 特定のブログの最新記事を表示（キービジュアル・タイトルが表示される） - PCは2〜5カラムまで、SPは1〜3カラムまで変更可能 - ブログ+タグによる絞り込み可能 - 表示件数指定可能 ## タイトル ### [![写真はアートか。その問いはまだ終わっていない。のサムネイル](https://www.fubuki.biz/hubfs/P5010970.jpg) 写真はアートか。その問いはまだ終わっていない。](https://www.fubuki.biz/news/20260502?hsLang=ja) ### [![三つのプレートの上で、僕たちは鼻歌を歌い続ける ―― 2026年のボトルメールのサムネイル](https://www.fubuki.biz/hubfs/image%2013.jpg) 三つのプレートの上で、僕たちは鼻歌を歌い続ける ―― 2026年のボトルメール](https://www.fubuki.biz/news/20260412?hsLang=ja) ### [![AIは、衝動で使え。——経営者が気づいた「本当の好き」と、道具としてのAIの正体のサムネイル](https://www.fubuki.biz/hubfs/Gemini_Generated_Image_8083o68083o68083.jpg) AIは、衝動で使え。——経営者が気づいた「本当の好き」と、道具としてのAIの正体](https://www.fubuki.biz/news/20260404?hsLang=ja) ## fbk-section--card\_latest\_post\_multi\_blogs 複数のブログを選んで各ブログの最新記事を表示 - PCは2〜5カラムまで、SPは1〜3カラムまで変更可能 ## タイトル ## fbk-section--card\_modal 画像とリッチテキストをクリックするとモーダル/ポップアップが開く - PCは2〜5カラムまで、SPは1〜3カラムまで変更可能 - モーダル内はリッチテキスト ## タイトル ![noimage@2x](https://www.fubuki.biz/hubfs/raw_assets/public/FUBUKI-CMS-Tools-Master/assets/images/common/noimage@2x.png) ### リッチテキスト領域。 リッチテキスト領域。 ## fbk-section--carousel リッチテキストのカルーセル - PCは2〜4カラムまで設定可能、SPは1カラム ## タイトル - リッチテキスト領域。 - リッチテキスト領域。 - リッチテキスト領域。 ## fbk-section--column PCは横並び、SPは縦並びになる - PC時の左右のコンテンツはそれぞれ指定可能 - PC時は左右余白、SP時は上下余白が設定可能 - それぞれはリッチテキスト - 更に、左右のセットごと等倍2カラムまで変更可能 - アイコン画像とテキストなどの表現にも使用可能 ## タイトル リッチテキスト領域。 リッチテキスト領域。 ## fbk-section--comment ## タイトル ## fbk-section--directory\_nav リンクが設定可能 - ページ内リンクや、ディレクトリ内リンクなどに使用想定 ## タイトル - テキスト - テキスト - テキスト - テキスト - テキスト ## fbk-section--faq FAQ用モジュール - カテゴリタイトルは非表示可能 - Qはテキスト、Aはリッチテキスト ## タイトル ### カテゴリタイトル Q. ### 質問テキスト A. リッチテキスト領域。 Q. ### 質問テキスト A. リッチテキスト領域。 ## fbk-section--flow フロー用モジュール - 数字は自動付与 - コンテンツ部分はリッチテキスト ## タイトル - 01 リッチテキスト領域。 - 02 リッチテキスト領域。 - 03 リッチテキスト領域。 - 04 リッチテキスト領域。 ## fbk-section--horizontal\_scroll\_board 横スクロールモジュール - コンテンツ部分はリッチテキスト - 可視部分の幅、上下余白の量は選択可能 ## タイトル リッチテキスト領域。 リッチテキスト領域。 リッチテキスト領域。 ## fbk-section--indent\_icon\_list ## タイトル ## fbk-section--interview\_accordion インタビュー想定アコーディオン - 左は画像、右はリッチテキスト、開いた中はリッチテキスト - インタビュー想定だが、他用途でも使用可能 ## タイトル ![noimage@2x](https://www.fubuki.biz/hubfs/raw_assets/public/FUBUKI-CMS-Tools-Master/assets/images/common/noimage@2x.png) リッチテキスト領域。 リッチテキスト領域。 ## fbk-section--loop\_slider 5枚の画像がループでスライドする - コンテンツの幅を画面幅に変更する必要あり ## タイトル ![noimage@2x](https://www.fubuki.biz/hubfs/raw_assets/public/FUBUKI-CMS-Tools-Master/assets/images/common/noimage@2x.png) ![noimage@2x](https://www.fubuki.biz/hubfs/raw_assets/public/FUBUKI-CMS-Tools-Master/assets/images/common/noimage@2x.png) ![noimage@2x](https://www.fubuki.biz/hubfs/raw_assets/public/FUBUKI-CMS-Tools-Master/assets/images/common/noimage@2x.png) ![noimage@2x](https://www.fubuki.biz/hubfs/raw_assets/public/FUBUKI-CMS-Tools-Master/assets/images/common/noimage@2x.png) ![noimage@2x](https://www.fubuki.biz/hubfs/raw_assets/public/FUBUKI-CMS-Tools-Master/assets/images/common/noimage@2x.png) ## fbk-section--news\_list 特定のブログの最新記事を表示（登校日、タグ、タイトル） - ブログ+タグによる絞り込み可能 - 表示件数指定可能 ## タイトル 2026.05.02 - [アート](https://www.fubuki.biz/news/tag/%E3%82%A2%E3%83%BC%E3%83%88?hsLang=ja) ### [写真はアートか。その問いはまだ終わっていない。](https://www.fubuki.biz/news/20260502?hsLang=ja) 2026.04.12 - [blog投稿](https://www.fubuki.biz/news/tag/blog%E6%8A%95%E7%A8%BF?hsLang=ja) - [AI](https://www.fubuki.biz/news/tag/ai?hsLang=ja) ### [三つのプレートの上で、僕たちは鼻歌を歌い続ける ―― 2026年のボトルメール](https://www.fubuki.biz/news/20260412?hsLang=ja) 2026.04.04 - [branding](https://www.fubuki.biz/news/tag/branding?hsLang=ja) - [AI](https://www.fubuki.biz/news/tag/ai?hsLang=ja) ### [AIは、衝動で使え。——経営者が気づいた「本当の好き」と、道具としてのAIの正体](https://www.fubuki.biz/news/20260404?hsLang=ja) ## fbk-section--responsive\_image PCとSPで違う画像を使用したい場合に使用 ## タイトル ## fbk-section--row リッチテキストの等倍カラム表示 - PCは2〜5カラムまで、SPは1〜3カラムまで変更可能 - それぞれのカラムに枠の付与可能（一括指定） ## タイトル リッチテキスト領域。 リッチテキスト領域。 リッチテキスト領域。 ## fbk-section--scroll\_table リッチテキスト作成のテーブル表用モジュールで、SP時に左右スクロールで表示される - リッチテキストのテーブルは崩れやすいので、「fbk-section--table\_pro」の使用推奨 ## タイトル | テキスト | テキスト | テキスト | テキスト | | --- | --- | --- | --- | | テキスト | テキスト | テキスト | テキスト |   | テキスト | テキスト | テキスト | テキスト | | --- | --- | --- | --- | | テキスト | テキスト | テキスト | テキスト |   ## fbk-section--slider 画像スライダー ## タイトル - ![noimage@2x](https://www.fubuki.biz/hubfs/raw_assets/public/FUBUKI-CMS-Tools-Master/assets/images/common/noimage@2x.png) - ![noimage@2x](https://www.fubuki.biz/hubfs/raw_assets/public/FUBUKI-CMS-Tools-Master/assets/images/common/noimage@2x.png) ![Previous](https://www.fubuki.biz/hubfs/raw_assets/public/FUBUKI-CMS-Tools-Master/assets/images/common/icon-arrow-slider-prev.svg) ![Next](https://www.fubuki.biz/hubfs/raw_assets/public/FUBUKI-CMS-Tools-Master/assets/images/common/icon-arrow-slider-next.svg) ## fbk-section--slider\_block リッチテキストスライダー ## タイトル - ![noimage@2x](https://www.fubuki.biz/hubfs/raw_assets/public/FUBUKI-CMS-Tools-Master/assets/images/common/noimage@2x.png) - ![noimage@2x](https://www.fubuki.biz/hubfs/raw_assets/public/FUBUKI-CMS-Tools-Master/assets/images/common/noimage@2x.png) ![Previous](https://www.fubuki.biz/hubfs/raw_assets/public/FUBUKI-CMS-Tools-Master/assets/images/common/icon-arrow-slider-prev.svg) ![Next](https://www.fubuki.biz/hubfs/raw_assets/public/FUBUKI-CMS-Tools-Master/assets/images/common/icon-arrow-slider-next.svg) ## fbk-section--tab\_navigation タブ切り替え可能なボタンナビゲーション ## タイトル ## テキスト テキスト テキスト テキスト テキスト ## テキスト テキスト テキスト テキスト テキスト ## fbk-section--table シンプルテーブル用モジュール - 2カラムのテーブルが作成可能 - 全ての入力要素はリッチテキスト ## タイトル | リッチテキスト領域。 | リッチテキスト領域。 | | --- | --- | | リッチテキスト領域。 | リッチテキスト領域。 | | リッチテキスト領域。 | リッチテキスト領域。 | ## fbk-section--table\_pro 複雑なテーブルが作成可能 - 2カラム以上のテーブル作成可能 - 全ての入力要素はリッチテキスト - 全ての入力要素に対して、項目、内容の選択可能 - テーブルヘッダー、テーブルボディーが設定可能 ## タイトル | リッチテキスト領域。 | リッチテキスト領域。 | リッチテキスト領域。 | | --- | --- | --- | | リッチテキスト領域。 | リッチテキスト領域。 | リッチテキスト領域。 | | リッチテキスト領域。 | リッチテキスト領域。 | リッチテキスト領域。 | ## fbk-section--tags ブログのタグが表示される - ブログを選択して使用 ## タイトル - [AI](https://www.fubuki.biz/news/tag/ai?hsLang=ja) - [blog投稿](https://www.fubuki.biz/news/tag/blog%E6%8A%95%E7%A8%BF?hsLang=ja) - [branding](https://www.fubuki.biz/news/tag/branding?hsLang=ja) - [交流会](https://www.fubuki.biz/news/tag/%E4%BA%A4%E6%B5%81%E4%BC%9A?hsLang=ja) - [AI画像生成](https://www.fubuki.biz/news/tag/ai%E7%94%BB%E5%83%8F%E7%94%9F%E6%88%90?hsLang=ja) - [アート](https://www.fubuki.biz/news/tag/%E3%82%A2%E3%83%BC%E3%83%88?hsLang=ja) - [グレンダイザー](https://www.fubuki.biz/news/tag/%E3%82%B0%E3%83%AC%E3%83%B3%E3%83%80%E3%82%A4%E3%82%B6%E3%83%BC?hsLang=ja) - [ダミアンハースト](https://www.fubuki.biz/news/tag/%E3%83%80%E3%83%9F%E3%82%A2%E3%83%B3%E3%83%8F%E3%83%BC%E3%82%B9%E3%83%88?hsLang=ja) - [チューニング](https://www.fubuki.biz/news/tag/%E3%83%81%E3%83%A5%E3%83%BC%E3%83%8B%E3%83%B3%E3%82%B0?hsLang=ja) - [リチャードプリンス](https://www.fubuki.biz/news/tag/%E3%83%AA%E3%83%81%E3%83%A3%E3%83%BC%E3%83%89%E3%83%97%E3%83%AA%E3%83%B3%E3%82%B9?hsLang=ja) - [創作](https://www.fubuki.biz/news/tag/%E5%89%B5%E4%BD%9C?hsLang=ja) - [未来のweb](https://www.fubuki.biz/news/tag/%E6%9C%AA%E6%9D%A5%E3%81%AEweb?hsLang=ja) - [認知学](https://www.fubuki.biz/news/tag/%E8%AA%8D%E7%9F%A5%E5%AD%A6?hsLang=ja) テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト @20xx companyname. ```json { "@context" : "https://schema.org", "@type" : "BreadcrumbList", "itemListElement" : [ { "@type" : "ListItem", "item" : "/", "name" : "HOME", "position" : 1 }, { "@type" : "ListItem", "name" : "module2026", "position" : 2 } ] } ``` ```json { "@context" : "https://schema.org", "@type" : "FAQPage", "mainEntity" : [ { "@type" : "Question", "acceptedAnswer" : { "@type" : "Answer", "text" : "リッチテキスト領域。" }, "name" : "質問テキスト" }, { "@type" : "Question", "acceptedAnswer" : { "@type" : "Answer", "text" : "リッチテキスト領域。" }, "name" : "質問テキスト" } ] } ```