CGI制作-あおぞらCGI工房
 
ページ更新システムCGI制作-あおぞらCGI工房
あおぞらCGI工房ページ更新システムCGI制作 > Q&A CGI 130(レスポンシブ)
Q&A CGI 130(レスポンシブ) サンプルページ
| 更新履歴 |
↑ 変更できるスペース ↑
管理画面ミニショット
←スマホ等でのご確認はこちら
Q&Aコーナーが簡単にできます
ホームページを見た方やお客様から寄せられたお問合せ・ご質問などを、広く他の皆様にも紹介する「Q&Aコーナー」が、面倒なHTMLを書いたり、FTPでアップしたりする手間が一切無く、ブラウザの管理画面に問いと答えを記入するだけで簡単にスピーディーに作成できます。Q&A以外のページにも応用出来ます。
jQueryによるアコーディオン表示を採用
ページにアクセス時は質問(Q)のタイトル部分のみ一覧表示され、タイトルクリックにて jQueryによるアコーディオン表示となります。 記事数が増えても見やすい表示方式です。
又、答え(A)の部分は、クリックされた記事以外は見えませんが、全てページ内に記載されますので、SEO対策にも有利です。
レスポンシブデザイン対応
ブラウザの幅が、メッセージ表示部の設定幅(pxピクセル単位)以下になると、自動的に幅100%で表示します。 その他、幅の単位を%(パーセント)で指定する事もできます。これにより、設置場所の幅指定に合わせたレスポンシブ化が行えます。 PC、スマホ、タブレット等、あらゆる画面サイズに自動対応。モバイルフレンドリーなページが作成可能。 数種の端末、シュミレータにて確認済。 CSSファイルによる、レスポンシブデザインの設定変更が可能。
※レスポンシブ非対応ページへの設置でも、まるで問題ありません。
Q&Aの表示は専用タグを貼るだけ。複数ページに表示可能
表示させたいページのソース内に、専用のJavaScriptタグを挿入するだけでOK!
独自方式により様々な環境に対応させる事を実現。しかも複数のページのお好きな場所に簡単に設置可能。WordPressなどのCSMにも対応。
Q&A表示部分の文字コードはUTF-8を採用(UTF-8以外のコードで書かれたページへの表示も可能です)。
記事の追加・変更・削除も思いのまま
「問い」と「答え」で一つの記事として扱います。この記事は管理画面で新しく追加する事はもちろん、すでに掲載してある記事の変更・削除も簡単に行えます。また記事の順番を変えたり、記事の横に[NEW]マークアイコンを付けることも出来ます。
アイコン画像はご自由に変更可能
アイコン画像のアップロード機能付きです。「Q」や「A」、記事の横に付ける「NEW」のアイコン画像は、ご自分で用意された画像をアップロードして入れ替える事が出来ます。「Q」や「A」以外の画像に入れ換えれば、Q&A以外の用途にも応用出来ます。 アイコン画像無しの設定も可能。
多彩なデザイン
同じ管理画面で、QとAのメッセージの文字色・背景色・文字サイス・太字が指定できます。 記事の幅も指定できるので、ご自分のホームページに合ったページデザインが設定できます。
Aメッセージの編集画面には、簡易HTMLエディターを装備。メッセージ内の任意の場所に、リンクや文字色・太字のタグを挿入出来ます。(行間、文字間隔、font-family等は設置ページのCSS設定に依存します。)
CSSは、外部ファイルにて指定
CSSは外部ファイルにて指定していますので、レスポンシブ設定や、デザインの詳細な指定は、CSSを編集する事により可能です。外枠の角丸、影などの装飾も自由に付け外し出来ます。
管理画面より、横幅の設定が可能。px(ピクセル)と%(パーセント)のどちらかで指定出来ます。 px(ピクセル)指定の場合、レスポンシブ表示となります。
※外部CSSファイルは、管理画面からも編集可能です。(FTP等でファイルをサーバよりダウンロードし、編集後上書きでアップする方法も可能。) 設置完了時にCSSファイルの説明書をお渡しします。
管理画面のログインパスワードは、設置後管理画面より変更可能です。
(ごく一部、この機能が使えない設定のサーバがあります。その場合は手動変更となりますので、予めご承知置き下さい。)
Q&A CGI 130(レスポンシブ)の
CGIプログラムの価格価格・ご注文方法
無料お試しCGIサンプル
あおぞらCGI工房ページ更新システムCGI制作 > Q&A CGI 130(レスポンシブ)
最近見たCGIプログラム あおぞらCGI工房
お試しプログラム・価格表ご注文orお見積りオーダーメイドCGIプログラム お見積り設置・動作 環境条件
特定商取引法による表示&規約サイトマップお問い合わせ一覧実績あおぞらCGI工房トップページ
©1996- AOZORA(あおぞらCGI工房)