ホームページ型CMS cafe18 で選べるパーツ一覧

誰でも簡単ホームページ

一覧&詳細に特化

cafe18 パーツ早見表

管理ページの「ページ編集」で選べるパーツ一覧です。テンプレートにより、使えるパーツは異なります。
htmlとcssの知識があれば、自作パーツも追加可能

  1. ★大見出しセット
  2. ★中見出しセット
  3. 画像のみ
  4. ★横並びブロック
  5. ★サムネイル横スライドショー
  6. ★表(2列)
  7. お知らせ(トップページ用)
  8. お知らせ(一覧)
  9. お問い合わせフォーム

補足:「ページ編集」にないブロックは、「サイト基本設定」にあります。
当ページ最下部で「サイト基本設定」を簡単に解説しています。

逆引き

出力例からパーツプルダウンを探すこともできます。

当ページの解説は

cafe18_skyblueを使用しています。
色(タイプ)によって若干設定内容が異なる場合があります。

①★大見出しセット

プルダウンリスト冒頭に「★」マークがついたタイプは、同じセットの追加(繰り返しブロック)ができるタイプです。フォーム下部の「+ 行を追加」ボタンを押す事で同じレイアウトをいくつでも追加できます。

↓自動で出てくる入力フォーム。

↓フォームを全部入力した場合の出力例。
全て使う必要はなく、たとえば、画像はどちらか1つだけアップロードしてもOK。

②★中見出しセット

プルダウンリスト冒頭に「★」マークがついたタイプは、同じセットの追加(繰り返しブロック)ができるタイプです。フォーム下部の「+ 行を追加」ボタンを押す事で同じレイアウトをいくつでも追加できます。

↓自動で出てくる入力フォーム。

↓フォームを全部入力した場合の出力例。
全て使う必要はなく、たとえば、画像はどちらか1つだけアップロードしてもOK。

③画像のみ

↓自動で出てくる入力フォーム。

↓画像をアップロードした場合の出力例。

④★横並びブロック

プルダウンリスト冒頭に「★」マークがついたタイプは、同じセットの追加(繰り返しブロック)ができるタイプです。フォーム下部の「+ 行を追加」ボタンを押す事で同じレイアウトをいくつでも追加できます。

↓自動で出てくる入力フォーム。

↓出力例。見出しの場所を「通常」、背景色を「つけない」を選んだ場合。

見出しの場所を「左に配置」、背景色を「つける」を選んだ場合。

⑤★サムネイル横スライドショー

プルダウンリスト冒頭に「★」マークがついたタイプは、同じセットの追加(繰り返しブロック)ができるタイプです。フォーム下部の「+ 行を追加」ボタンを押す事で同じレイアウトをいくつでも追加できます。

↓自動で出てくる入力フォーム。

↓出力例。繰り返しブロックを複数回使って出力した例です。数が少ないと不具合が出る可能性があるので注意して下さい。
固定画面だとわかりませんが、「右から左」へ1枚ずつ移動します。

⑥★表(2列)

プルダウンリスト冒頭に「★」マークがついたタイプは、同じセットの追加ができるタイプです。表タイプの場合は、フォーム下部の「+ 行を追加」「+ 列を追加」ボタンを押す事で行や列の追加ができます。

↓自動で出てくる入力フォーム。

↓出力例。この例では「表専用の見出し」は使っていません。

⑦お知らせ(トップページ用)

↓自動で出てくる入力フォーム。お知らせの場合は、見出しのみです。
お知らせデータ本体は、管理ページの「お知らせ設定」から投稿して下さい。

↓出力例。

⑧お知らせ(一覧)

↓自動で出てくる入力フォーム。こちらも見出しのみです。お知らせ全件が出力されます。

↓出力例。

⑨お問い合わせフォーム

2025/01/08までフォームの設定が途中までしかできていませんでした。

↓自動で出てくる入力フォーム。

↓出力例。フォームの設定は、管理ページの「フォーム設定」で行います。フォームのカスタマイズも可能。

補足:「サイト基本設定」メニュー

↓「サイト基本設定」ページです。ロゴやメイン画像はここで設定します。
編集したいブロックをクリックして設定パネルを開きます。テンプレートにより、設定内容は異なります。

↓ブロック全てを開いた状態。