スタイルガイド

見出し

見出し1(h1)28px

ここにテキストが入ります。基本本文サイズは16pxです。ここにテキストが入ります。基本本文サイズは16pxです。ここにテキストが入ります。基本本文サイズは16pxです。ここにテキストが入ります。基本本文サイズは16pxです。ここにテキストが入ります。基本本文サイズは16px

ここにテキストが入ります。基本本文サイズは16pxです。ここにテキストが入ります。基本本文サイズは16pxです。ここにテキストが入ります。基本本文サイズは16pxです。ここにテキストが入ります。基本本文サイズは16pxです。ここにテキストが入ります。基本本文サイズは16px

見出し2(h2)26px

ここにテキストが入ります。基本本文サイズは16pxです。ここにテキストが入ります。基本本文サイズは16pxです。ここにテキストが入ります。基本本文サイズは16pxです。ここにテキストが入ります。基本本文サイズは16pxです。ここにテキストが入ります。基本本文サイズは16px

ここにテキストが入ります。基本本文サイズは16pxです。ここにテキストが入ります。基本本文サイズは16pxです。ここにテキストが入ります。基本本文サイズは16pxです。ここにテキストが入ります。基本本文サイズは16pxです。ここにテキストが入ります。基本本文サイズは16px

見出し3(h3)24px

ここにテキストが入ります。基本本文サイズは16pxです。ここにテキストが入ります。基本本文サイズは16pxです。ここにテキストが入ります。基本本文サイズは16pxです。ここにテキストが入ります。基本本文サイズは16pxです。ここにテキストが入ります。基本本文サイズは16px

ここにテキストが入ります。基本本文サイズは16pxです。ここにテキストが入ります。基本本文サイズは16pxです。ここにテキストが入ります。基本本文サイズは16pxです。ここにテキストが入ります。基本本文サイズは16pxです。ここにテキストが入ります。基本本文サイズは16px

見出し4(h4)20px

ここにテキストが入ります。基本本文サイズは16pxです。ここにテキストが入ります。基本本文サイズは16pxです。ここにテキストが入ります。基本本文サイズは16pxです。ここにテキストが入ります。基本本文サイズは16pxです。ここにテキストが入ります。基本本文サイズは16px

ここにテキストが入ります。基本本文サイズは16pxです。ここにテキストが入ります。基本本文サイズは16pxです。ここにテキストが入ります。基本本文サイズは16pxです。ここにテキストが入ります。基本本文サイズは16pxです。ここにテキストが入ります。基本本文サイズは16px

見出し5(h5)20px

ここにテキストが入ります。基本本文サイズは16pxです。ここにテキストが入ります。基本本文サイズは16pxです。ここにテキストが入ります。基本本文サイズは16pxです。ここにテキストが入ります。基本本文サイズは16pxです。ここにテキストが入ります。基本本文サイズは16px

ここにテキストが入ります。基本本文サイズは16pxです。ここにテキストが入ります。基本本文サイズは16pxです。ここにテキストが入ります。基本本文サイズは16pxです。ここにテキストが入ります。基本本文サイズは16pxです。ここにテキストが入ります。基本本文サイズは16px

見出し6(h6)18px

ここにテキストが入ります。基本本文サイズは16pxです。ここにテキストが入ります。基本本文サイズは16pxです。ここにテキストが入ります。基本本文サイズは16pxです。ここにテキストが入ります。基本本文サイズは16pxです。ここにテキストが入ります。基本本文サイズは16px

ここにテキストが入ります。基本本文サイズは16pxです。ここにテキストが入ります。基本本文サイズは16pxです。ここにテキストが入ります。基本本文サイズは16pxです。ここにテキストが入ります。基本本文サイズは16pxです。ここにテキストが入ります。基本本文サイズは16px

見出し3(h3)24pxあああああああああああああああああああああああああああああああああああああああああああああ

見出し4(h4)20pxあああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

見出し5(h5)20pxああああああああああああああああああああああああああああああああああああああああああああああああああああああああ
見出し6(h6)18pxああああああああああああああああああああああああああああああああああああああああああああああああああああああ

リスト(標準・番号)

  • 標準リスト標準リスト標準リスト標準リスト
  • 標準リスト標準リスト標準リスト標準リスト
  • 別ウィンドウPDFファイルには自動でアイコンが付与されます
  • 標準リスト標準リスト標準リスト標準リスト
    • 標準リスト標準リスト標準リスト標準リスト
      • 標準リスト標準リスト標準リスト標準リスト
  1. 番号リスト番号リスト番号リスト番号リスト
  2. 番号リスト番号リスト番号リスト番号リスト
  3. 番号リスト番号リスト番号リスト番号リスト
    1. 番号リスト番号リスト番号リスト番号リスト
      1. 番号リスト番号リスト番号リスト番号リスト
  • 青丸リスト青丸リスト青丸リスト青丸リスト青丸リスト青丸リスト
  • 青丸リスト青丸リスト青丸リスト青丸リスト青丸リスト青丸リ
  • 青丸リスト青丸リスト青丸リスト青丸リスト青丸リスト青丸リ
    • 青丸リスト青丸リスト青丸リスト青丸リスト青丸リスト青丸リスト
      • 青丸リスト青丸リスト青丸リスト青丸リスト青丸リスト青丸リスト
  • アスタリスクリストアスタリスクリストアスタリスクリストアスタリスクリスト
  • アスタリスクリストアスタリスクリストアスタリスクリストアスタリスクリスト
  • アスタリスクリストアスタリスクリストアスタリスクリストアスタリスクリスト
    • アスタリスクリストアスタリスクリストアスタリスクリストアスタリスクリスト
      • アスタリスクリストアスタリスクリストアスタリスクリストアスタリスクリスト

複雑なテーブルの場合は「Flexble Table Block」を使用してください。

  • モバイルで縦一列にする場合は「テーブル設定」で「モバイルでは縦に並べる」をオンにしてください。(注:2列のテーブルしか有効にできません)
  • テーブルの幅を100%にしない場合は「テーブル設定」の「テーブルの横幅」で auto を選択してください。
  • モバイルで横スクロールさせる場合は「モバイル表示でスクロールする」をオンにしてください。

左見出しタイプ

項目1ここにテキストが入ります。基本本文サイズは16pxです。ここにテキストが入ります。基本本文サイズは16pxです。
項目2ここにテキストが入ります。基本本文サイズは16pxです。ここにテキストが入ります。基本本文サイズは16pxです。
項目3ここにテキストが入ります。基本本文サイズは16pxです。ここにテキストが入ります。基本本文サイズは16pxです。
「テーブルの横幅」auto、「モバイルでは縦に並べる」をオン

上見出しタイプ

項目1項目2項目3
ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。
ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。
ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。
「表のセル幅を固定」をオン

複雑な上見出し表

項目1項目2項目3項目4
ABCDEFG
テキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入ります
テキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入ります
テキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入ります
「モバイル表示でスクロールする」をオン

製品情報

製品情報などに使用する情報が多いテーブルは Flexble Table Block でテーブルを作成し、スタイルで「製品情報」を選択してください。スマートフォンでは横スクロールとなります。

型式許容荷重最大荷重メインボール小ボール本体ボール受け自重データ
ダウンロード
(DXF/PDF)
C-8Y30kg60kgスチールスチールスチールSUS138gDXFPDF図面
C-8YH80kg160kgスチールスチールスチールスチール
※切削加工ボール受け使用
212gDXFPDF図面
C-8Y-50kg
[※2023年3月製造終了]
[※後継製品:C-8YH]
50kg100kgスチールスチールスチールスチール
※切削加工ボール受け使用
212gDXFPDF図面
S-8Y30kg60kgSUSSUSSUSSUS134gDXFPDF図面
P-8Y5kgナイロンSUSスチールSUS79gDXF PDF図面
型式許容荷重最大荷重メインボール小ボール本体ボール受け自重データ
ダウンロード
(DXF/PDF)
C-8Y30kg60kgスチールスチールスチールSUS138gDXFPDF図面
C-8YH80kg160kgスチールスチールスチールスチール
※切削加工ボール受け使用
212gDXFPDF図面
C-8Y-50kg
[※2023年3月製造終了]
[※後継製品:C-8YH]
50kg100kgスチールスチールスチールスチール
※切削加工ボール受け使用
212gDXFPDF図面
S-8Y30kg60kgSUSSUSSUSSUS134gDXFPDF図面
P-8Y5kgナイロンSUSスチールSUS79gDXF PDF図面
「デスクトップ表示でスクロールする」をオン。※編集画面ではスクロールは確認できません。

表の上部にスクロールバーを追加

高度な設定の追加 CSS クラスに is-top-scrollbar を追加してください 

型式許容荷重最大荷重メインボール小ボール本体ボール受け自重データ
ダウンロード
(DXF/PDF)
C-8Y30kg60kgスチールスチールスチールSUS138gDXFPDF図面
C-8YH80kg160kgスチールスチールスチールスチール
※切削加工ボール受け使用
212gDXFPDF図面
C-8Y-50kg
[※2023年3月製造終了]
[※後継製品:C-8YH]
50kg100kgスチールスチールスチールスチール
※切削加工ボール受け使用
212gDXFPDF図面
S-8Y30kg60kgSUSSUSSUSSUS134gDXFPDF図面
P-8Y5kgナイロンSUSスチールSUS79gDXF PDF図面
「デスクトップ表示でスクロールする」をオン。※編集画面ではスクロールは確認できません。

ボックス

ボックス(背景)

FREEBEARブロックカテゴリーの「ボックス(背景)」を選択してください。ボックスの中身は自由に編集可能です。
背景色はグループブロックの背景色で設定してください。

ここにテキストが入ります。基本本文サイズは16pxです。paddingは30pxです。ここにテキストが入ります。基本本文サイズは16pxです。paddingは30pxです。ここにテキストが入ります。基本本文サイズは16pxです。paddingは30pxです。ここにテキストが入ります。基本本文サイズは16pxです。paddingは30pxです。ここにテキストが入ります。基本本文サイズは16pxです。paddingは30pxです。

ボックス(枠)

FREEBEARブロックカテゴリーの「ボックス(枠)」を選択してください。ボックスの中身は自由に編集可能です。
枠の色は一番外側のグループブロックの背景色で設定をしてください。

ここにテキストが入ります。基本本文サイズは16pxです。paddingは30pxです。ここにテキストが入ります。基本本文サイズは16pxです。paddingは30pxです。ここにテキストが入ります。基本本文サイズは16pxです。paddingは30pxです。ここにテキストが入ります。基本本文サイズは16pxです。paddingは30pxです。ここにテキストが入ります。基本本文サイズは16pxです。paddingは30pxです。

見出し付きボックス(背景)

FREEBEARブロックカテゴリーの「見出し付きボックス(背景)」を選択してください。ボックスの中身は自由に編集可能です。
背景色はグループブロックの背景色で設定してください。

見出しのレベルやスタイルは変更可能です

ここにテキストが入ります。基本本文サイズは16pxです。paddingは30pxです。ここにテキストが入ります。基本本文サイズは16pxです。paddingは30pxです。ここにテキストが入ります。基本本文サイズは16pxです。paddingは30pxです。ここにテキストが入ります。基本本文サイズは16pxです。paddingは30pxです。ここにテキストが入ります。基本本文サイズは16pxです。paddingは30pxです。

見出し付きボックス(枠)

FREEBEARブロックカテゴリーの「見出し付きボックス(枠)」を選択してください。ボックスの中身は自由に編集可能です。
枠の色は一番外側のグループブロックの背景色で設定をしてください。

見出しのレベルやスタイルは変更可能です

ここにテキストが入ります。基本本文サイズは16pxです。paddingは30pxです。ここにテキストが入ります。基本本文サイズは16pxです。paddingは30pxです。ここにテキストが入ります。基本本文サイズは16pxです。paddingは30pxです。ここにテキストが入ります。基本本文サイズは16pxです。paddingは30pxです。ここにテキストが入ります。基本本文サイズは16pxです。paddingは30pxです。

ボタン

ボタンのアイコンの変更は「バリエーションへの変換」、ボタンのサイズは「スタイル」で行ってください。

ページ内リンク

  • 表示 > オーバーレイメニューで「オフ」を選択してください。オフにしないとモバイル幅でハンバーガーメニュになります。

テキストリンク

テキストリンクはオレンジ色になります。

段落ブロックは別ウィンドウPDFファイルには自動でアイコンが付与されます

アコーディオン

FREEBEARブロックカテゴリーの「アコーディオン」を選択してください。内容は自由に編集可能です。

アコーディオン見出し

ここにテキストが入ります。基本本文サイズは16pxです。paddingは30pxです。ここにテキストが入ります。基本本文サイズは16pxです。paddingは30pxです。ここにテキストが入ります。基本本文サイズは16pxです。paddingは30pxです。ここにテキストが入ります。基本本文サイズは16pxです。paddingは30pxです。ここにテキストが入ります。基本本文サイズは16pxです。paddingは30pxです。

アコーディオン見出し

見出しは見出しブロックを挿入してください

ここにテキストが入ります。基本本文サイズは16pxです。paddingは30pxです。ここにテキストが入ります。基本本文サイズは16pxです。paddingは30pxです。ここにテキストが入ります。基本本文サイズは16pxです。paddingは30pxです。ここにテキストが入ります。基本本文サイズは16pxです。paddingは30pxです。ここにテキストが入ります。基本本文サイズは16pxです。paddingは30pxです。

  • リストリストリストリストリストリストリストリストリスト
  • リストリストリストリストリストリストリストリストリスト
  • リストリストリストリストリストリストリストリストリスト

ブロック上部余白

ブロック上部の余白はサイドバーのブロック設定の「余白設定」の「上部余白サイズ」プルダウンで設定してください。
変更が可能なブロックは 段落、リスト、テーブル、見出し、画像、カラム、グループブロック です。

区切り線

デフォルト


幅広


Googleマップ

FREEBEARブロックカテゴリーの「Googleマップ」を選択して、Googleマップの埋め込みコード(<frame ….></frame>)を記述してください。

レイアウト参考

2カラム

ここにテキストが入ります。基本本文サイズは16pxです。ここにテキストが入ります。基本本文サイズは16pxです。ここにテキストが入ります。基本本文サイズは16pxです。ここにテキストが入ります。基本本文サイズは16pxです。ここにテキストが入ります。基本本文サイズは16pxここにテキストが入ります。基本本文サイズは16pxです。ここにテキストが入ります。基本本文サイズは16pxです。ここにテキストが入ります。基本本文サイズは16pxです。ここにテキストが入ります。基本本文サイズは16pxです。ここにテキストが入ります。基本本文サイズは16pxここにテキストが入ります。基本本文サイズは16pxです。

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

ギャラリー

テキストテキストテキスト
「上部余白無し」設定を適用

テキストテキストテキスト

テキストテキストテキスト

テキストテキストテキスト

テキストテキストテキスト

テキストテキストテキスト

テキストテキストテキスト

テキストテキストテキスト

contact

お問い合わせ

製品、サービス、カタログなどについてはお気軽にお問い合わせください。

お問い合わせはこちら

フリーベアは株式会社フリーベアコーポレーションの登録商標です。