--- title: module list - モジュールリスト --- [![ロゴテキスト](https://www.fileblog.com/hubfs/assets/common/logo.svg)](https://www.fileblog.com/?hsLang=ja) 御社のファイルサーバーに、 検索と統制と愛を。 - 業界別 - [製造業](https://www.fileblog.com/industry/manufacturing?hsLang=ja) - [建設業](https://www.fileblog.com/industry/construction?hsLang=ja) - 官公庁・自治体 - 教育・大学 - 電力・原発 - 金融・信金 - 医療・病院 - 士業・法律事務所 - 冠婚葬祭・互助会 - 不動産・マンション管理 - 文書種類別 - [見積書](https://www.fileblog.com/document/quotation?hsLang=ja) - [設計図・図面](https://www.fileblog.com/document/drawing?hsLang=ja) - マニュアル・手順書 - 受注FAX・申込書 - 点検・保守記録 - 契約書・法務文書 - 証明書・公文書 - 通達・広報配布 - 研究開発・技術資料 - 会議資料・議事録 - [ブログ](https://www.fileblog.com/news?hsLang=ja) - 会社紹介 - [挨拶](https://www.fileblog.com/greeting?hsLang=ja) - [会社概要](https://www.teppi.com/) - [相談してみる（無料）](https://www.teppi.com/contact) - [製品サイト](https://www.teppi.com/fileblog/product) ## tpp-anchor アンカーリンクを設置したいモジュールの上に配置 - ヘッダーの下に隠れないようになります - 弊社作成「section系」モジュールにもアンカーリンクの機能があるので、現在はあまり使わない ## tpp-page--blog\_category 特定のブログのタグを全て表示 - 主にブログで使用します - ALL - [見積書](https://www.fileblog.com/blog/tag/%E8%A6%8B%E7%A9%8D%E6%9B%B8?hsLang=ja) - [AI](https://www.fileblog.com/blog/tag/ai?hsLang=ja) - [B2B](https://www.fileblog.com/blog/tag/b2b?hsLang=ja) - [オンプレ](https://www.fileblog.com/blog/tag/%E3%82%AA%E3%83%B3%E3%83%97%E3%83%AC?hsLang=ja) - [サイト公開](https://www.fileblog.com/blog/tag/%E3%82%B5%E3%82%A4%E3%83%88%E5%85%AC%E9%96%8B?hsLang=ja) - [ドメイン](https://www.fileblog.com/blog/tag/%E3%83%89%E3%83%A1%E3%82%A4%E3%83%B3?hsLang=ja) - [ブランディング](https://www.fileblog.com/blog/tag/%E3%83%96%E3%83%A9%E3%83%B3%E3%83%87%E3%82%A3%E3%83%B3%E3%82%B0?hsLang=ja) - [ブランドサイト](https://www.fileblog.com/blog/tag/%E3%83%96%E3%83%A9%E3%83%B3%E3%83%89%E3%82%B5%E3%82%A4%E3%83%88?hsLang=ja) - [全文検索](https://www.fileblog.com/blog/tag/%E5%85%A8%E6%96%87%E6%A4%9C%E7%B4%A2?hsLang=ja) - [時代論](https://www.fileblog.com/blog/tag/%E6%99%82%E4%BB%A3%E8%AB%96?hsLang=ja) - [業務システム](https://www.fileblog.com/blog/tag/%E6%A5%AD%E5%8B%99%E3%82%B7%E3%82%B9%E3%83%86%E3%83%A0?hsLang=ja) - [業務フロー](https://www.fileblog.com/blog/tag/%E6%A5%AD%E5%8B%99%E3%83%95%E3%83%AD%E3%83%BC?hsLang=ja) - [機密文書](https://www.fileblog.com/blog/tag/%E6%A9%9F%E5%AF%86%E6%96%87%E6%9B%B8?hsLang=ja) - [製造業](https://www.fileblog.com/blog/tag/%E8%A3%BD%E9%80%A0%E6%A5%AD?hsLang=ja) - [雑談](https://www.fileblog.com/blog/tag/%E9%9B%91%E8%AB%87?hsLang=ja) ## tpp-page--blog\_category\_static 上のモジュールと同じデザインで、自由にリンクを設定できる 特定のタグだけ表示したい場合に使用 - 主にブログで使用します - ALL ## tpp-page--bread パンくずリスト - [HOME](https://www.fileblog.com/?hsLang=ja)      >       - module list - モジュールリスト ## tpp-page--title ページタイトル - 背景設定可能（画像・色） - テキスト位置調整可能（左・中央・右） - リード文が未入力の場合は非表示になる # タイトル リード文章 ## tpp-page--hero リッチテキスト領域。 ![noimage@2x](https://www.fileblog.com/hs-fs/hubfs/raw_assets/public/FUBUKI-CMS-Tools-TEPPI/assets/images/common/noimage@2x.png?width=2000&height=1000&name=noimage@2x.png) ![noimage@2x](https://www.fileblog.com/hs-fs/hubfs/raw_assets/public/FUBUKI-CMS-Tools-TEPPI/assets/images/common/noimage@2x.png?width=2000&height=1000&name=noimage@2x.png) ## tpp-section 基本のモジュールで、以降に続く「tpp-section--〇〇」と名前がついているモジュールでは以下4つの共通の機能を持っている - オプション（上下余白。背景、設定など） - ヘッダー（タイトル、サブタイトル、リード文） - 追加コンテンツ（リッチテキスト、サブボタン） - フッター（ボタン） - タイトルとモジュールコンテンツ、もしくはモジュールコンテンツを枠で囲うことが可能 - 上下余白、左右幅を設定可能 - フッターでボタンを設置可能（cta設置可能） また、ほとんどのリッチテキストには、追加でテキストリンク、ボタンリンク、ctaリンクが設定可能 ## タイトル ### サブタイトル # 見出し1 ## 見出し2 ### 見出し3 #### 見出し4 ##### 見出し5 ###### 見出し6 見出し6 - ![icon](https://www.fileblog.com/hubfs/raw_assets/public/FUBUKI-CMS-Tools-TEPPI/assets/images/common/icon-for-module-button/icon-arrow_right_for_sub.svg)サブボタン - ![icon](https://www.fileblog.com/hubfs/raw_assets/public/FUBUKI-CMS-Tools-TEPPI/assets/images/common/icon-for-module-button/icon-external.svg)サブボタン - ![icon](https://www.fileblog.com/hubfs/raw_assets/public/FUBUKI-CMS-Tools-TEPPI/assets/images/common/icon-for-module-button/icon-download.svg)サブボタン プライマリー![icon](https://www.fileblog.com/hubfs/raw_assets/public/FUBUKI-CMS-Tools-TEPPI/assets/images/common/icon-for-module-button/icon-arrow_right.svg) セカンダリー![icon](https://www.fileblog.com/hubfs/raw_assets/public/FUBUKI-CMS-Tools-TEPPI/assets/images/common/icon-for-module-button/icon-pdf.svg) グレー![icon](https://www.fileblog.com/hubfs/raw_assets/public/FUBUKI-CMS-Tools-TEPPI/assets/images/common/icon-for-module-button/icon-map.svg) ## tpp-section--accordion アコーディオン - 開く前 : リッチテキスト / 開いた後 : リッチテキスト ## タイトル リッチテキスト領域。 リッチテキスト領域。 ## tpp-section--accordion\_table アコーディオン - 開く前 : テキスト / 開いた後 : テーブル・リッチテキスト ## タイトル ### カテゴリタイトル ### テキスト リッチテキスト領域。 | リッチテキスト領域。 | リッチテキスト領域。 | | --- | --- | | リッチテキスト領域。 | リッチテキスト領域。 | | リッチテキスト領域。 | リッチテキスト領域。 | リッチテキスト領域。 ## tpp-section--accordion\_text アコーディオン - 開く前 : テキスト / 開いた後 : リッチテキスト ## タイトル ### カテゴリタイトル ### テキスト リッチテキスト領域。 ## tpp-section--banner\_blocks このデザインでリンク設定（画像も必要） ## タイトル テキスト ![noimage@2x](https://www.fileblog.com/hubfs/raw_assets/public/FUBUKI-CMS-Tools-TEPPI/assets/images/common/noimage@2x.png) テキスト ![noimage@2x](https://www.fileblog.com/hubfs/raw_assets/public/FUBUKI-CMS-Tools-TEPPI/assets/images/common/noimage@2x.png) テキスト ![noimage@2x](https://www.fileblog.com/hubfs/raw_assets/public/FUBUKI-CMS-Tools-TEPPI/assets/images/common/noimage@2x.png) ## tpp-section--block\_v2 テキストアイコン設定可能 右側はリッチテキスト ## タイトル アイコン リッチテキスト領域。 アイコン リッチテキスト領域。 ## tpp-section--card 画像とリッチテキストでのリンク設定 - PCは2〜5カラムまで、SPは1〜3カラムまで変更可能 ## タイトル ![noimage@2x](https://www.fileblog.com/hubfs/raw_assets/public/FUBUKI-CMS-Tools-TEPPI/assets/images/common/noimage@2x.png) ### リッチテキスト領域。 ![noimage@2x](https://www.fileblog.com/hubfs/raw_assets/public/FUBUKI-CMS-Tools-TEPPI/assets/images/common/noimage@2x.png) ### リッチテキスト領域。 ![noimage@2x](https://www.fileblog.com/hubfs/raw_assets/public/FUBUKI-CMS-Tools-TEPPI/assets/images/common/noimage@2x.png) ### リッチテキスト領域。 ## tpp-section--card\_latest\_post 特定のブログの最新記事を表示（キービジュアル・タイトルが表示される） - PCは2〜5カラムまで、SPは1〜3カラムまで変更可能 - ブログ+タグによる絞り込み可能 - 表示件数指定可能 ## タイトル ### [![AIブームが、ちょっと去りつつある気がしますのサムネイル](https://www.fileblog.com/hubfs/raw_assets/public/FUBUKI-CMS-Tools-TEPPI/assets/images/common/noimage@2x.png) AIブームが、ちょっと去りつつある気がします](https://www.fileblog.com/blog/ai-boom-sarichi-tsutsuaru?hsLang=ja) ### [![見積書は「繰り返し見るもの」だから、検索が要るのサムネイル](https://www.fileblog.com/hubfs/raw_assets/public/FUBUKI-CMS-Tools-TEPPI/assets/images/common/noimage@2x.png) 見積書は「繰り返し見るもの」だから、検索が要る](https://www.fileblog.com/blog/mitsumori-kurikaeshi-miru?hsLang=ja) ### [![B2Bの見積もりは、パッケージシステムでは作れませんのサムネイル](https://www.fileblog.com/hubfs/raw_assets/public/FUBUKI-CMS-Tools-TEPPI/assets/images/common/noimage@2x.png) B2Bの見積もりは、パッケージシステムでは作れません](https://www.fileblog.com/blog/b2b-mitsumori-package-dekinai?hsLang=ja) ## tpp-section--card\_latest\_post\_multi\_blogs 複数のブログを選んで各ブログの最新記事を表示 - PCは2〜5カラムまで、SPは1〜3カラムまで変更可能 ## タイトル ## tpp-section--card\_modal 画像とリッチテキストをクリックするとモーダル/ポップアップが開く - PCは2〜5カラムまで、SPは1〜3カラムまで変更可能 - モーダル内はリッチテキスト ## タイトル ![noimage@2x](https://www.fileblog.com/hubfs/raw_assets/public/FUBUKI-CMS-Tools-TEPPI/assets/images/common/noimage@2x.png) ### テキストテキストテキストテキスト リッチテキスト領域。 ![noimage@2x](https://www.fileblog.com/hubfs/raw_assets/public/FUBUKI-CMS-Tools-TEPPI/assets/images/common/noimage@2x.png) ### テキストテキストテキストテキスト リッチテキスト領域。 ![noimage@2x](https://www.fileblog.com/hubfs/raw_assets/public/FUBUKI-CMS-Tools-TEPPI/assets/images/common/noimage@2x.png) ### テキストテキストテキストテキスト リッチテキスト領域。 ## tpp-section--carousel リッチテキストのカルーセル - PCは2〜4カラムまで設定可能、SPは1カラム ## タイトル - リッチテキスト領域。 - リッチテキスト領域。 - リッチテキスト領域。 ## tpp-section--column PCは横並び、SPは縦並びになる - PC時の左右のコンテンツはそれぞれ指定可能 - PC時は左右余白、SP時は上下余白が設定可能 - それぞれはリッチテキスト - 更に、左右のセットごと等倍2カラムまで変更可能 - アイコン画像とテキストなどの表現にも使用可能 ## タイトル リッチテキスト領域。 リッチテキスト領域。 ## tpp-section--comment ## タイトル ## tpp-section--directory\_nav リンクが設定可能 - ページ内リンクや、ディレクトリ内リンクなどに使用想定 ## タイトル - テキスト - テキスト - テキスト - テキスト - テキスト ## tpp-section--faq FAQ用モジュール - カテゴリタイトルは非表示可能 - Qはテキスト、Aはリッチテキスト ## タイトル ### カテゴリタイトル Q. ### 質問テキスト A. リッチテキスト領域。 Q. ### 質問テキスト A. リッチテキスト領域。 ## tpp-section--flow フロー用モジュール - 数字は自動付与 - コンテンツ部分はリッチテキスト ## タイトル - 01 リッチテキスト領域。 - 02 リッチテキスト領域。 - 03 リッチテキスト領域。 - 04 リッチテキスト領域。 ## tpp-section--horizontal\_scroll\_board 横スクロールモジュール - コンテンツ部分はリッチテキスト - 可視部分の幅、上下余白の量は選択可能 ## タイトル リッチテキスト領域。 リッチテキスト領域。 リッチテキスト領域。 ## tpp-section--indent\_icon\_list ## タイトル ## tpp-section--interview\_accordion インタビュー想定アコーディオン - 左は画像、右はリッチテキスト、開いた中はリッチテキスト - インタビュー想定だが、他用途でも使用可能 ## タイトル ![noimage@2x](https://www.fileblog.com/hubfs/raw_assets/public/FUBUKI-CMS-Tools-TEPPI/assets/images/common/noimage@2x.png) リッチテキスト領域。 リッチテキスト領域。 ## tpp-section--loop\_slider 5枚の画像がループでスライドする - コンテンツの幅を画面幅に変更する必要あり ## タイトル ![noimage@2x](https://www.fileblog.com/hubfs/raw_assets/public/FUBUKI-CMS-Tools-TEPPI/assets/images/common/noimage@2x.png) ![noimage@2x](https://www.fileblog.com/hubfs/raw_assets/public/FUBUKI-CMS-Tools-TEPPI/assets/images/common/noimage@2x.png) ![noimage@2x](https://www.fileblog.com/hubfs/raw_assets/public/FUBUKI-CMS-Tools-TEPPI/assets/images/common/noimage@2x.png) ![noimage@2x](https://www.fileblog.com/hubfs/raw_assets/public/FUBUKI-CMS-Tools-TEPPI/assets/images/common/noimage@2x.png) ![noimage@2x](https://www.fileblog.com/hubfs/raw_assets/public/FUBUKI-CMS-Tools-TEPPI/assets/images/common/noimage@2x.png) ## tpp-section--news\_list 特定のブログの最新記事を表示（登校日、タグ、タイトル） - ブログ+タグによる絞り込み可能 - 表示件数指定可能 ## タイトル 2026.09.08 - [ブランディング](https://www.fileblog.com/blog/tag/%E3%83%96%E3%83%A9%E3%83%B3%E3%83%87%E3%82%A3%E3%83%B3%E3%82%B0?hsLang=ja) - [AI](https://www.fileblog.com/blog/tag/ai?hsLang=ja) - [時代論](https://www.fileblog.com/blog/tag/%E6%99%82%E4%BB%A3%E8%AB%96?hsLang=ja) ### [AIブームが、ちょっと去りつつある気がします](https://www.fileblog.com/blog/ai-boom-sarichi-tsutsuaru?hsLang=ja) 2026.09.07 - [見積書](https://www.fileblog.com/blog/tag/%E8%A6%8B%E7%A9%8D%E6%9B%B8?hsLang=ja) - [業務フロー](https://www.fileblog.com/blog/tag/%E6%A5%AD%E5%8B%99%E3%83%95%E3%83%AD%E3%83%BC?hsLang=ja) - [全文検索](https://www.fileblog.com/blog/tag/%E5%85%A8%E6%96%87%E6%A4%9C%E7%B4%A2?hsLang=ja) ### [見積書は「繰り返し見るもの」だから、検索が要る](https://www.fileblog.com/blog/mitsumori-kurikaeshi-miru?hsLang=ja) 2026.09.05 - [業務システム](https://www.fileblog.com/blog/tag/%E6%A5%AD%E5%8B%99%E3%82%B7%E3%82%B9%E3%83%86%E3%83%A0?hsLang=ja) - [見積書](https://www.fileblog.com/blog/tag/%E8%A6%8B%E7%A9%8D%E6%9B%B8?hsLang=ja) - [B2B](https://www.fileblog.com/blog/tag/b2b?hsLang=ja) ### [B2Bの見積もりは、パッケージシステムでは作れません](https://www.fileblog.com/blog/b2b-mitsumori-package-dekinai?hsLang=ja) ## tpp-section--responsive\_image PCとSPで違う画像を使用したい場合に使用 ## タイトル ## tpp-section--row リッチテキストの等倍カラム表示 - PCは2〜5カラムまで、SPは1〜3カラムまで変更可能 - それぞれのカラムに枠の付与可能（一括指定） ## タイトル リッチテキスト領域。 リッチテキスト領域。 リッチテキスト領域。 ## tpp-section--scroll\_table リッチテキスト作成のテーブル表用モジュールで、SP時に左右スクロールで表示される - リッチテキストのテーブルは崩れやすいので、「tpp-section--table\_pro」の使用推奨 ## タイトル | テキスト | テキスト | テキスト | テキスト | | --- | --- | --- | --- | | テキスト | テキスト | テキスト | テキスト |   ## tpp-section--slider 画像スライダー ## タイトル - ![noimage@2x](https://www.fileblog.com/hubfs/raw_assets/public/FUBUKI-CMS-Tools-TEPPI/assets/images/common/noimage@2x.png) - ![noimage@2x](https://www.fileblog.com/hubfs/raw_assets/public/FUBUKI-CMS-Tools-TEPPI/assets/images/common/noimage@2x.png) ![Previous](https://www.fileblog.com/hubfs/raw_assets/public/FUBUKI-CMS-Tools-TEPPI/assets/images/common/icon-arrow-slider-prev.svg) ![Next](https://www.fileblog.com/hubfs/raw_assets/public/FUBUKI-CMS-Tools-TEPPI/assets/images/common/icon-arrow-slider-next.svg) ## tpp-section--slider\_block リッチテキストスライダー ## タイトル - ![noimage@2x](https://www.fileblog.com/hubfs/raw_assets/public/FUBUKI-CMS-Tools-TEPPI/assets/images/common/noimage@2x.png) - ![noimage@2x](https://www.fileblog.com/hubfs/raw_assets/public/FUBUKI-CMS-Tools-TEPPI/assets/images/common/noimage@2x.png) ![Previous](https://www.fileblog.com/hubfs/raw_assets/public/FUBUKI-CMS-Tools-TEPPI/assets/images/common/icon-arrow-slider-prev.svg) ![Next](https://www.fileblog.com/hubfs/raw_assets/public/FUBUKI-CMS-Tools-TEPPI/assets/images/common/icon-arrow-slider-next.svg) ## tpp-section--tab\_navigation タブ切り替え可能なボタンナビゲーション ## タイトル ## テキスト テキスト テキスト テキスト テキスト ## テキスト テキスト テキスト テキスト テキスト ## tpp-section--table シンプルテーブル用モジュール - 2カラムのテーブルが作成可能 - 全ての入力要素はリッチテキスト ## タイトル | リッチテキスト領域。 | リッチテキスト領域。 | | --- | --- | | リッチテキスト領域。 | リッチテキスト領域。 | | リッチテキスト領域。 | リッチテキスト領域。 | ## tpp-section--table\_pro 複雑なテーブルが作成可能 - 2カラム以上のテーブル作成可能 - 全ての入力要素はリッチテキスト - 全ての入力要素に対して、項目、内容の選択可能 - テーブルヘッダー、テーブルボディーが設定可能 ## タイトル | リッチテキスト領域。 | リッチテキスト領域。 | リッチテキスト領域。 | | --- | --- | --- | | リッチテキスト領域。 | リッチテキスト領域。 | リッチテキスト領域。 | ## tpp-section--tags ブログのタグが表示される - ブログを選択して使用 ## タイトル - [見積書](https://www.fileblog.com/blog/tag/%E8%A6%8B%E7%A9%8D%E6%9B%B8?hsLang=ja) - [AI](https://www.fileblog.com/blog/tag/ai?hsLang=ja) - [B2B](https://www.fileblog.com/blog/tag/b2b?hsLang=ja) - [オンプレ](https://www.fileblog.com/blog/tag/%E3%82%AA%E3%83%B3%E3%83%97%E3%83%AC?hsLang=ja) - [サイト公開](https://www.fileblog.com/blog/tag/%E3%82%B5%E3%82%A4%E3%83%88%E5%85%AC%E9%96%8B?hsLang=ja) - [ドメイン](https://www.fileblog.com/blog/tag/%E3%83%89%E3%83%A1%E3%82%A4%E3%83%B3?hsLang=ja) - [ブランディング](https://www.fileblog.com/blog/tag/%E3%83%96%E3%83%A9%E3%83%B3%E3%83%87%E3%82%A3%E3%83%B3%E3%82%B0?hsLang=ja) - [ブランドサイト](https://www.fileblog.com/blog/tag/%E3%83%96%E3%83%A9%E3%83%B3%E3%83%89%E3%82%B5%E3%82%A4%E3%83%88?hsLang=ja) - [全文検索](https://www.fileblog.com/blog/tag/%E5%85%A8%E6%96%87%E6%A4%9C%E7%B4%A2?hsLang=ja) - [時代論](https://www.fileblog.com/blog/tag/%E6%99%82%E4%BB%A3%E8%AB%96?hsLang=ja) - [業務システム](https://www.fileblog.com/blog/tag/%E6%A5%AD%E5%8B%99%E3%82%B7%E3%82%B9%E3%83%86%E3%83%A0?hsLang=ja) - [業務フロー](https://www.fileblog.com/blog/tag/%E6%A5%AD%E5%8B%99%E3%83%95%E3%83%AD%E3%83%BC?hsLang=ja) - [機密文書](https://www.fileblog.com/blog/tag/%E6%A9%9F%E5%AF%86%E6%96%87%E6%9B%B8?hsLang=ja) - [製造業](https://www.fileblog.com/blog/tag/%E8%A3%BD%E9%80%A0%E6%A5%AD?hsLang=ja) - [雑談](https://www.fileblog.com/blog/tag/%E9%9B%91%E8%AB%87?hsLang=ja) Copyright © 鉄飛テクノロジー All Rights Reserved. ```json { "@context" : "https://schema.org", "@type" : "BreadcrumbList", "itemListElement" : [ { "@type" : "ListItem", "item" : "/", "name" : "HOME", "position" : 1 }, { "@type" : "ListItem", "name" : "module list - モジュールリスト", "position" : 2 } ] } ``` ```json { "@context" : "https://schema.org", "@type" : "FAQPage", "mainEntity" : [ { "@type" : "Question", "acceptedAnswer" : { "@type" : "Answer", "text" : "リッチテキスト領域。" }, "name" : "質問テキスト" }, { "@type" : "Question", "acceptedAnswer" : { "@type" : "Answer", "text" : "リッチテキスト領域。" }, "name" : "質問テキスト" } ] } ```