Skip to content

ヒーローイメージ

全幅の画像と、画像に重ねて見出しを表示することが可能です。
画像と見出しは、スライドショーとして動作します。

ボタンモジュール

  • テキスト
  • ボタンタイプ
  • アイコン
  • 位置

を編集できます。

「スタイル」タブから、

  • 最小幅
  • 最大幅
  • フォント

も設定可能です。

「モーダル内容」フィールドに入力することで、モーダルウィンドウを表示することが出来ます。

ボタン

マルチカラムモジュール

カラム数は2、3、4のうちからどれかを選択してください。
カード全体にリンクを付けることも可能です。
「スタイル」タブから、「カラム間隔」を設定することが出来ます。

30
Image of a succesful casual business woman using laptop during meeting
見出し

説明文説明文説明文説明文説明文説明文説明文説明文

Image of a succesful casual business woman using laptop during meeting
見出し

説明文説明文説明文説明文説明文説明文説明文説明文

Image of a succesful casual business woman using laptop during meeting
見出し

説明文説明文説明文説明文説明文説明文説明文説明文

よくある質問

質問
回答回答回答回答回答回答回答回答回答回答回答回答回答回答回答回答回答
質問
回答回答回答回答回答回答回答回答回答回答回答回答回答回答回答回答回答
質問
回答回答回答回答回答回答回答回答回答回答回答回答回答回答回答回答回答

シンプルテーブルモジュール

セルの幅の比率を設定可能です。

項目 内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容
項目 内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容
項目 内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容
項目 内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容

テーブルモジュール

  • thead(ヘッド)、tbody(ボディ)、th(見出し)、td(内容)の選択が可能な複数列・行対応テーブルです
  • thはtheadとtbodyどちらの中にあるかで、スタイルを変更できます
  • 各セル幅をパーセントで設定可能です。
  • スタイルタブに「横スクロール」というチェックボックスを配置
    タブレットとモバイルでははみ出た内容を横スクロールで見ることができます
    デフォルトでチェックが入っているので、横スクロールさせたくない時はチェックを外してください
ヘッド1
ヘッド2
ヘッド3
見出し1
内容1内容1内容1内容1内容1内容1内容1内容1
内容2
見出し2
内容3
内容4内容4内容4内容4内容4内容4内容4内容4
あああ
いいい
ううう

パンくずリストモジュール

 

ローカルナビモジュール

目次モジュール

目次

枠線ボックス

太字テキスト
本文テキスト:サイズ16px、行間180% テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。

資料ダウンロードモジュール

左側は、資料のサムネイル画像・概要文・ボックス内テキスト・自由リッチテキストを入れることができます。
右側は、使用するフォームを選択すれば表示されます。

img

概要文が入ります。概要文が入ります。概要文が入ります。概要文が入ります。概要文が入ります。概要文が入ります。

▼こんな人におすすめ

・○○○○に興味がある方
・○○○○の課題を解決したい方
・○○○○を学びたい方

▼こんな人におすすめ

・○○○○に興味がある方
・○○○○の課題を解決したい方
・○○○○を学びたい方

 

自由にリッチテキストが入れられます。自由にリッチテキストが入れられます。自由にリッチテキストが入れられます。自由にリッチテキストが入れられます。

メディアモジュール

レイアウトを選択すれば、レイアウトを変えられます。
テキスト幅と画像幅を自由に設定できます。

タイトルが入ります

テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。

タイトルが入ります

テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。

タイトルが入ります

テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。

ページリンク

リンクを貼りたい任意のページを選択して、リンク+ページ名+キービジュアルを自動で出力します。表示するカラム数も変更可能です。
このモジュールは、1ページにつき10個までという設置数の上限があります。

SNSシェアリンク

画像+キャプション

画像が一つの時は全幅。2つ以上の時は2カラムになる。

keyVisual63
キャプションキャプションキャプションキャプションキャプションキャプションキャプションキャプションキャプションキャプションキャプション
keyVisual63
キャプションキャプションキャプションキャプションキャプションキャプションキャプションキャプションキャプションキャプションキャプション
keyVisual63
キャプションキャプションキャプションキャプションキャプションキャプションキャプションキャプションキャプションキャプションキャプション

マルチステップフォーム

無料デジタルカタログ
ダウンロード

高い満足度の理由や性能・構造などがつまったカタログ4種類をお届けします

Loading...

JBNボイラープレート更新履歴

  • 2025.04.18 画像+キャプション追加(荒井)
  • 2024.02.07 マルチステップフォーム追加(Ken)
  • 2023.09.06 SNSシェアリンク追加(石坂卓登)
  • 2023.08.26 テーブルモジュールに、セル幅設定を追加(荒井)
  • 2023.08.22 マルチカラムモジュールに、カラム間隔設定を追加
  • 2023.07.05 テーブルモジュールを追加
  • 2023.06.09 ボタンモジュールに最小幅を追加
  • 2023.06.09 マルチカラムモジュールにリンク機能を追加。見出し部分をテキストフィールドからリッチテキストフィールドに変更。
  • 2023.04.26 テーマ設定にタブレットとモバイルのブレイクポイントを追加
  • 2023.04.07 ボタンモジュールに、モーダルウィンドウ表示機能を追加