CGI制作-あおぞらCGI工房
 
ページ更新システムCGI制作-あおぞらCGI工房
あおぞらCGI工房ページ更新システムCGI制作 > お知らせCGI ライトPro(レスポンシブ)
お知らせCGI ライトPro(レスポンシブ) サンプルページ
| 更新履歴 |
お知らせCGI ライト2(レスポンシブ)のフォントサイズを%指定にしたプロ仕様。
ページ内文字サイズ変更ボタン対応。スマホ閲覧時、文字サイズの自動縮小が可能。
文字サイズ変更ボタンにも対応→
↑ 変更できるスペース ↑
管理画面ミニショット
←このページのQR
←スマホ専用ページサンプル
JavaScript表示により、ページ内の指定スペースにあるお知らせメッセージを、WEB上からリアルタイムで更新できます。
フォントサイズは全て%にて指定
各メッセージごとのフォントサイズは%にて指定されます。 これによりページ内での文字サイズ変更ボタン(大・中・小)に対応可能です。 基本のサイズ(%)は管理画面にて設定可能。
※表示させるページにより、CSSやページレイアウトの調整が必要になる場合があります。
スマホ閲覧時、文字サイズを自動縮小可能
スマホ等の狭い画面の時、全体の文字サイズを縮小表示させる機能を標準装備。 必要に応じて、管理画面にて画面サイズと縮小率の設定が出来ます。
レスポンシブデザイン対応
モバイルフレンドリーなページが作成可能。
ブラウザの幅が、メッセージ表示部の設定幅(pxピクセル単位)以下になると、自動的に幅100%で表示します。 その他、幅の単位を%(パーセント)で指定する事もできます。これにより、設置場所の幅指定に合わせたレスポンシブ化が行えます。
※レスポンシブ非対応ページへの設置でも、まるで問題ありません。
お知らせの表示は専用タグを貼るだけ。複数ページに表示可能
お知らせを表示させたいページのソース内に、専用タグを1つ挿入するだけでOK!
独自方式により様々な環境に対応させる事を実現。しかも複数のページのお好きな場所に簡単に設置可能。WordPressなどのCSMにも対応。
文字コードはUTF-8を採用(UTF-8以外のコードで書かれたページへの表示も可能です)。
フレームによる表示ではなく、全メッセージを同一ページ内に表示します。
表示枠の横幅はレスポンシブにより自動調整。縦幅はメッセージの数により自動的に伸縮します。 PC、スマホ、タブレットにて確認済み。
機能は、メッセージの追加・変更のみに絞りました。シンプル設計ですので、掲示板感覚で解りやすい管理画面です。
ホームページ更新のご案内や、季節ごとの情報、オーナーからのメッセージ等、文章を自由に入力・訂正・削除できます。
メッセージの背景色・枠色の変更の他、文字色・サイズ・太字指定なども各メッセージ毎に設定できます。 表示枠の大きさも自由に変更できます。 さらに、簡易HTMLエディターにより、メッセージ中の一部分をリンク指定にしたり、部分的な色変更・太字設定などがワンクリックで行えます。 (文字間隔、font-family等は設置ページのCSS設定に依存します。)
CSSは、外部ファイルにて指定
CSSは外部ファイルにて指定していますので、レスポンシブ設定や、デザインの詳細な指定は、CSSを編集する事により可能です。 外枠の角丸、影などの装飾も自由に付け外しが可能です。
管理画面より、外枠の横幅、及びメッセージとメッセージの間隔を指定できます。指定値は、CSSファイルに自動反映。 横幅は、px(ピクセル)と%(パーセント)のどちらかで指定可能。px(ピクセル)指定の場合、レスポンシブ表示となります。
※外部CSSファイルは、管理画面からも編集可能です。(FTP等でファイルをサーバよりダウンロードし、編集後上書きでアップする方法も可能。) 設置完了時にCSSファイルの説明書をお渡しします。
新規メッセージの追加は、既存メッセージの最上段もしくは最下段のどちらか選べます。また、クリック一つでメッセージの順番変更も可能です。
管理画面のログインパスワードは、設置後管理画面より変更可能です。
(ごく一部、この機能が使えない設定のサーバがあります。その場合は手動変更となりますので、予めご承知置き下さい。)
お知らせCGI ライトPro(レスポンシブ)の
CGIプログラムの価格価格・ご注文方法
無料お試しCGIサンプル
あおぞらCGI工房ページ更新システムCGI制作 > お知らせCGI ライトPro(レスポンシブ)
最近見たCGIプログラム あおぞらCGI工房
お試しプログラム・価格表ご注文orお見積りオーダーメイドCGIプログラム お見積り設置・動作 環境条件
特定商取引法による表示&規約サイトマップお問い合わせ一覧実績あおぞらCGI工房トップページ
©1996- AOZORA(あおぞらCGI工房)