CGI制作-あおぞらCGI工房
 
ページ更新システムCGI制作-あおぞらCGI工房
あおぞらCGI工房ページ更新システムCGI制作 > お知らせCGI フレーム(レスポンシブ)
お知らせCGI フレーム(レスポンシブ) サンプルページ
| 更新履歴 |
表示見本
設定・登録内容・CSSファイルの変更により、下記の様な表示が可能です。
Aタイプ
↓ デフォルト設定での表示。横幅はレスポンシブ指定。
↓ メッセージ内に画像を表示。横幅はレスポンシブ指定。
↓ 設定と外部CSSにて、デザイン変更。日付をメッセージ部へ移動し、代わりに画像を表示。
横幅は%指定。
Bタイプ
↓ フレームサイズとタイプを変更。
横幅は固定。
↓ 設定と外部CSSにて、デザイン変更。
メッセージ内に画像を表示。横幅は固定。

管理画面ミニショット
←スマホページのサンプルはこちら
WEBページ内の、インラインフレームの中のメッセージを、WEB上からリアルタイムで更新できます。
お知らせの表示は専用タグを貼るだけ。複数ページに表示可能
お知らせを表示させたいページのソース内に、専用タグを1つ挿入するだけでOK!
独自方式により様々な環境に対応させる事を実現。しかも複数のページのお好きな場所に簡単に設置可能。 WordPressにも対応。
文字コードはUTF-8を採用(UTF-8以外のコードで書かれたページへの表示も可能です)。
スマホ専用タグも標準装備
スマホページのソース内に貼るだけでOK。複数ページに表示可能。必要に応じてご使用下さい。
PCと同じ内容をスマホ用の書式で出力します。スマホ専用CSSファイルにてデザイン変更が可能。
レスポンシブデザイン対応
モバイルフレンドリーなページが作成可能。
ブラウザの幅が、メッセージ表示部の設定幅(pxピクセル単位)以下になると、自動的に幅100%で表示します。
その他、幅の単位を%(パーセント)で指定する事もできます。これにより、設置場所の幅指定に合わせたレスポンシブ化が行えます。
レスポンシブ化をせず、横幅固定の設定も管理画面にて行えます。
リンク先ページの表示を、別ページに表示、又は同じページに表示かを選択可能。
各メッセージにリンクを張る事が可能です。このリンク先を表示させる方法として、同じページ内に表示、又は別ページを新たに作り表示かを、メッセージ毎に指定出来ます。
詳細別小窓自動生成機能
お知らせのメッセージにWebページを直リンクさせる機能に加え、メッセージをクリックすると別小窓を立ち上げ、文章・画像を表示させることも可能です。 別小窓は、管理画面にて編集出来ます。画像・PDFファイルアップ機能付。PDFファイルはアイコンにてリンク表示。
直感的な簡易HTMLエディターにより、別小窓内及びメッセージ内に、リンク・画像・文字色等のHTMLタグを簡単に挿入可能。
リサイズ付きファイルアップロード機能
画像ファイルのアップロードは、従来のファイル指定フォームに加え、ドラッグ&ドロップでもアップが可能。複数のファイルを一度にアップする事も可能です。
一定の寸法以上の画像は、ファイル自体をリサイズ(ファイルを加工して寸法を小さく)する機能を標準装備。
※リサイズする画像サイズの上限値は、管理画面にて設定可能。
※この機能は、設置サーバにPerlのGDモジュールが使用可能な状態である場合のみ使用できます。
フレーム内のメッセージ・日付部分にも画像表示が可能
各メッセージ毎にアップした画像は、別小窓だけでなく、フレーム内のメッセージ部分や日付部分にも表示させる事が出来ます。
画像の表示サイズは、メッセージ用と別小窓用の2種類設定できますので、同じ画像をサイズを変えて、メッセージにも別小窓内にも表示させる事が出来ます。 日付部分の画像サイズはメッセージ用と同じになります。
「New」などのアイコン画像は管理画面より追加・変更可能
フレーム内のメッセージにアイコン画像を付ける事が出来ます(最新記事用の「New」など)。 アイコン画像は管理画面よりアップ出来ますので、簡単に追加・変更が可能です。 複数のアイコンをアップしておき、記事ごとに選択する事が出来ます。
※アイコンの表示位置は、管理画面の「設定」にて、メッセージの前又は後ろのどちらかに設定出来ます(Aタイプのみ。Bタイプは日付後ろに固定)。
メッセージの表示レイアウトは2タイプ。管理画面にて変更可能。
Aタイプ:日付をメッセージの左に表示。(幅の広い表示向き)
Bタイプ:日付をメッセージの上に表示。(幅の狭い表示向き)
※スマホ専用タグは、Bタイプにて表示します。
フローティングフレーム使用のため、ごく少スペースで設置可能です。
外枠のタイトル・フレーム部分はJavaScriptにより表示し、フレームの中のメッセージはCGI にて表示します。
ホームページ更新のご案内や、日毎のニュース、オーナーからのメッセージ等、文章を自由に入力・編集・削除できます。
各メッセージの毎に日付表示が出来ます。
新規メッセージの追加は、既存メッセージの最上段もしくは最下段のどちらか選べ、メッセージの順番も変更可能です。
デザイン、フレームサイズは管理画面より変更出来ます。
  インラインフレーム外枠の横・縦のサイズをpixel単位で指定できます。 フレーム枠色やタイトル文の変更の他、フレーム内のメッセージの文字色・リンク色・サイズ・背景色・太字、文章の行間(line-height)、メッセージとメッセージの間隔 なども管理画面より変更可能。
  別小窓の横・縦のサイズ指定の他、別小窓内の文章の文字色・リンク色・サイズ・背景色なども指定出来ます。 又、アップ画像表示サイズの最大値が指定出来ます(メッセージ内用と別小窓内用を別々に設定可能)。指定サイズ以上の画像は自動的に縮小表示されます。
さらに、外部CSSファイル(フレーム外枠用、フレーム内記事用、別小窓用、スマホ用)の変更により、各部の詳細なデザイン変更が可能。 外枠の角丸、影などの装飾も自由に付け外しが可能です。
※外部CSSファイルは、管理画面からも編集可能です。(FTP等でファイルをサーバよりダウンロードし、編集後上書きでアップする方法も可能。)
設置完了時にCSSファイルの説明書をお渡しします。
管理画面のログインパスワードは、設置後管理画面より変更可能です。
(ごく一部、この機能が使えない設定のサーバがあります。その場合は手動変更となりますので、予めご承知置き下さい。)
お知らせCGI フレーム(レスポンシブ)の
CGIプログラムの価格価格・ご注文方法
無料お試しCGIサンプル
あおぞらCGI工房ページ更新システムCGI制作 > お知らせCGI フレーム(レスポンシブ)
最近見たCGIプログラム あおぞらCGI工房
お試しプログラム・価格表ご注文orお見積りオーダーメイドCGIプログラム お見積り設置・動作 環境条件
特定商取引法による表示 サイトマップお問い合わせ一覧実績あおぞらCGI工房トップページ
©1996- AOZORA(あおぞらCGI工房)