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

誰でも簡単ホームページ

一覧&詳細に特化

yado6 パーツ早見表

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

  1. ★大見出しセット
  2. ★大見出しセット(縦)
  3. ★中見出しセット
  4. 画像
  5. ★横長(画像 + テキスト)
  6. ★サムネイル横スライドショー(右 → 左)
  7. サムネイル切り替え
  8. ★表(2列)
  9. お知らせ(トップページ用)
  10. お知らせ(一覧)
  11. お問い合わせフォーム

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

逆引き

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

当ページの解説は

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

①★大見出しセット

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

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

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

②★大見出しセット(縦)

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

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

↓出力例。(大見出しが縦書きになります)
全て使う必要はなく、たとえば、画像はどちらか1つだけアップロードしてもOK。
以下はデモの「ご挨拶」ページ冒頭の見出しに使用している例です。この場合は、説明の前・後に入れる画像と説明は使っておらず、見出し専用に使っています。

③★中見出しセット

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

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

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

④画像

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

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

⑤★横長(画像 + テキスト)

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

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

↓出力例。
画像の左右配置の指定の他、説明の上にタイトルを入れたり、リンクを設定する事もできます。

⑥★サムネイル横スライドショー(右 → 左)

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

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

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

⑦サムネイル切り替え

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

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

↓出力例。
サムネイルをクリックすると、上の大きな画像と入れ替わります。

⑧★表(2列)

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

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

↓出力例。

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

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

↓出力例。

⑩お知らせ(一覧)

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

↓出力例。

⑪お問い合わせフォーム

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

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

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

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

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