|
アコーディオン式お知らせCGI Pro(レスポンシブ) サンプルページ
|
| ・ | アコーディオン式で開閉し、お知らせ記事を表示 初期状態では、お知らせ記事の日付、タイトルのみを一覧表示。 タイトルを選んでクリックすると、タイトル下がアコーディオンの様に開いて詳細内容を表示します。 アコーディオン式で開くことのできる記事は、複数可能、常に1つのみ のどちらかに設定できます。 記事の追加・編集・削除は管理画面にて、簡単に行えます。画像・PDFのアップも可能。 |
| ・ | お知らせの表示は専用タグを貼るだけ。複数ページに表示可能 お知らせを表示させたいページのソース内に、専用のScriptタグを挿入するだけでOK！ 独自方式により様々な環境に対応させる事を実現。しかも複数のページのお好きな場所に簡単に設置可能。 WordPressにも対応。 文字コードはUTF-8を採用(UTF-8以外のコードで書かれたページへの表示も可能です)。 ※お知らせが表示されるのは、当システムを設置したサイトと同一ドメイン内のページに限ります。 |
| ・ |
履歴記事の保存機能を標準装備 表示させる記事数は管理画面にて設定可能。 設定数以上の記事は履歴として保存されます。履歴の記事数の上限も設定可能。 履歴がある場合は、自動的に履歴表示用のリンクが張られます。 |
| ・ |
レスポンシブデザイン対応 モバイルフレンドリーなページが作成可能。 ブラウザの幅が、メッセージ表示部の設定幅(pxピクセル単位)以下になると、自動的に幅100％で表示します。 これにより、設置場所の幅指定に合わせたレスポンシブ化が行えます。 ブレイクポイントも設定可能。この値以下の幅になると、日付が上になる様にレイアウト変更します。 その他、幅の単位を%(パーセント)で指定する事もできますので、 レスポンシブ化をせず、横幅固定の設定も管理画面にて行えます。 |
| ・ |
詳細エリアの生成機能 記事のタイトルをクリックすると詳細エリアが開き、文章・画像を表示させることが可能です。 詳細エリアは、管理画面にて編集出来ます。画像・PDFファイルアップ機能付。PDFファイルはアイコンにてリンク表示。 直感的な簡易HTMLエディターにより、別小窓内及びメッセージ内に、リンク・画像・文字色等のHTMLタグを簡単に挿入可能。 |
| ・ |
リサイズ付きファイルアップロード機能 画像ファイルのアップロードは、従来のファイル指定フォームに加え、ドラッグ＆ドロップでもアップが可能。複数のファイルを一度にアップする事も可能です。 一定の寸法以上の画像は、ファイル自体をリサイズ(ファイルを加工して寸法を小さく)する機能を標準装備。 ※リサイズする画像サイズの上限値は、管理画面にて設定可能。 ※この機能は、設置サーバにPerlのGDモジュールが使用可能な状態である場合のみ使用できます。 |
| ・ |
タイトル・日付部分にも画像表示が可能 各記事毎にアップした画像は詳細エリアだけでなく、タイトル部分や日付部分にも表示させる事が出来ます。 画像の表示サイズは、タイトル用と詳細用の2種類設定できますので、同じ画像をサイズを変えて、タイトルにも詳細にも表示させる事が出来ます。 日付部分の画像サイズはタイトル用と同じになります。 |
| ・ |
「New」などのアイコン画像は管理画面より追加・変更可能 詳細のメッセージにアイコン画像を付ける事が出来ます（最新記事用の「New」など）。 アイコン画像は管理画面よりアップ出来ますので、簡単に追加・変更が可能です。 複数のアイコンをアップしておき、記事ごとに選択する事が出来ます。 ※アイコンの表示位置は、テンプレートファイルの変更により、タイトルの前後のどちらかに設定出来ます。 |
| ・ | お知らせの幅や、文字色、背景色、文字サイズなどは管理画面より変更出来ます。 タイトル文や詳細文の変更の他、メッセージの文字色・リンク色・サイズ・背景色・太字、文章の行間（line-height）、メッセージとメッセージの間隔、画像サイズなども管理画面より変更可能。 |
|
テンプレート、CSSファイルの編集機能搭載
記事の表示フォーマットは、テンプレートファイル、CSSファイルの変更により、各部の詳細なデザイン変更が可能です。 ※テンプレート・CSSファイルは、管理画面からも編集可能です。(FTP等でファイルをサーバよりダウンロードし、編集後上書きでアップする方法も可能。) 設置完了時にテンプレート・CSSファイルの説明書をお渡しします。 |
|
| ＃ |
Scriptタグによりお知らせが表示されるのは、当システムを設置したサイトと同一ドメイン内のページのみです。 JavaScriptのセキュリティーにより、違うドメインのページにタグを貼り付けても表示されません。 |
| ＃ | 管理画面のログインパスワードは、設置後管理画面より変更可能です。 （ごく一部、この機能が使えない設定のサーバがあります。その場合は手動変更となりますので、予めご承知置き下さい。） |
表示見本
設定、登録内容、テンプレート・CSSファイルの変更により、下記の様な表示が可能です。
| ←スマホ等でのご確認はこちら |
アコーディオン式お知らせCGI Pro(レスポンシブ)の 価格・ご注文方法
|
 |
| あおぞらCGI工房 ＞ ページ更新システムCGI制作 ＞ アコーディオン式お知らせCGI Pro(レスポンシブ) |
| 最近見たCGIプログラム | あおぞらCGI工房 | |
|
お試しプログラム・価格表 ｜ ご注文orお見積り ｜ オーダーメイドCGIプログラム お見積り ｜ 設置・動作 環境条件 特定商取引法による表示 ｜ サイトマップ ｜ お問い合わせ一覧 ｜ 実績 ｜ あおぞらCGI工房トップページ |
©1996-
AOZORA（あおぞらCGI工房）