HOME > ガイド > ブロックガイド > ガジェット / その2

ガジェット / その2


スライド (シンプル)

入力したデータはシンプルなスライドとして公開されます。
「データの編集」ボタンをクリックすると、編集画面が表示されます。
写真とテキストを使った簡単なスライドショーを作成できます。

ガイド作成中です

ガイド未作成です。

スライド (カスタム)

入力したデータはカルーセルとして公開されます。
「データの編集」ボタンをクリックすると、編集画面が表示されます。

ガイド作成中です

ガイド未作成です。

カルーセル

入力したデータはカルーセルとして公開されます。
「データの編集」ボタンをクリックすると、編集画面が表示されます。

ガイド作成中です

ガイド未作成です。

ページネーション

入力したデータはページネーションとして公開されます。
「データの編集」ボタンをクリックすると、編集画面が表示されます。

ガイド作成中です

ガイド未作成です。

RSSフィードビューアー

AAA

ガイド作成中です

ガイド未作成です。

メールフォーム

問い合わせフォームを作成できます。

問い合わせフォームを設置できます。

JS CMSで作成されたページは、すべて静的ファイルで、PHPなど動作しなくても、表示できますが、このブロックのみ、PHPの動作が必要です。

問合わせフォームの流れ

  • 管理画面での表示
  • 入力画面 >
  • 確認 >
  • 完了 >
  • メール画面

管理画面のプレビューでは、設定リストが表示されます。

その他、PHPコードのコピー画面が表示できます。

入力画面は、フォームバリデーションに対応しており、正確な入力を促すことができます。

入力項目は、自由に編集できます。

確認画面です。

確認画面を飛ばす設定は出来ません。

完了画面です。

同時に、登録メールアドレスにメールが送信されます。
なお、ユーザーには送信されません。

登録メールアドレスにメールが送信されます。
メールのフォーマットは、カスタマイズできません。

設置方法

メールフォームの設置方法

メールフォームは、設置するだけでなく、PHPファイルも必要なので、動画で解説します。

詳細編集画面

基本設定

送信プログラムパス 送信側のPHPのパスを設定します。
サイトルートからのパスです。
送信先メール 必ず入力してください。デフォルトのダミーアドレスでは、動作しません。
完了画面タイトル 完了画面タイトルです。
完了画面リード 完了画面リードです。

グリッド編集詳細

ラベル名 ラベル名を入力してください。
入力タイプ セレクトボックスから、入力タイプを選択してください。入力タイプは、下で紹介します。
必須入力 必須入力のチェックです。
選択肢リスト チェックやラジオ、セレクトボックスなどの選択肢リストを入力してください。
改行ごとに項目になります。
ノート 入力フォームの下に表示される、注釈を入力してください。

入力タイプ

以下のリストから選択してください。

選択肢リストの入力例

選択肢リストは、改行で区切り入力してください。

ブロック埋込みの例

ブロックを埋め込めます。この例では、同ページにあるid="kiyaku"のブロックを埋め込めます。
規約文書などを入れる場合に利用できます。

仕様

  • 入力項目や入力フォーム対応、必須入力の設定が自由に行えます。
  • 設定を変更するたびに、PHPプログラムが更新されるので、変更ごとにPHPファイルへコピペしてください。
  • フォーム送信した後、登録したアドレスにメール送- 信されますが、ユーザーへは送信されません。
  • メールアドレスは、初期設定のダミーアドレスでは動作しませんので、かならず、変更してください。
  • このブロックは、あくまで簡易な問い合わせフォーム用です。本格的なカスタマイズはできませんので、高機能の問い合わせフォームを利用したい場合は、外部のASPサービスなど利用してください。

細かい仕様は後日、作成予定です。

AAA

ガイド作成中です

ガイド未作成です。

質問・問い合わせなどについて

不具合や不明点などあれば、ページ右下のチャットで聞いてもらうか、
開発者のピクセルイメージ田中 ( tanaka@pixelimage.jp ) にメール下さい。
CMSには未反映の不具合と対処方などもあるので、お気軽に質問いただければと思います。

使用した感想などあれば、TwitterやFacebookなどでシェアしてもらえるとうれしいです!
あと、JS CMS開発者日記のサイトもはじめました。こっちはユルめのサイトです。
ピクセルイメージ | JS CMSの導入、カスタマイズの依頼は...