デモからCMSを選ぶ - 小規模Webサイト用更新ツール「すぐ使えるCGI」

デモからCMSを選ぶ

お知らせ更新ツール

一つのページにお知らせを列挙していくタイムライン方式です。

お知らせの更新(リンクが主) 公開ページ レスポンシブWebデザイン 管理画面 レスポンシブWebデザイン

お知らせの更新(リンクが主)

他のページやファイルへのリンク

お知らせの更新(内容書き込み・タイムライン) 公開ページ レスポンシブWebデザイン 管理画面 レスポンシブWebデザイン

お知らせの更新(内容書き込み・タイムライン)

NEWマークやカテゴリマーク付

管理者専用 1行掲示板 公開ページ レスポンシブWebデザイン 管理画面 レスポンシブWebデザイン

管理者専用 1行掲示板

臨時休業のお知らせなど

折りたたみ式お知らせ更新 公開ページ レスポンシブWebデザイン 管理画面 レスポンシブWebデザイン

折りたたみ式お知らせ更新

アイコンクリックで詳細表示をON/OFFできるお知らせページ

文字付きスライドショー作成 管理画面 レスポンシブWebデザイン

文字付きスライドショー作成

大きな画像+文字+リンク

レスポンシブWebデザイン お知らせ更新(スマホ対応、Boostrap版) 公開ページ レスポンシブWebデザイン 管理画面 レスポンシブWebデザイン

レスポンシブWebデザイン お知らせ更新(スマホ対応、Boostrap版)

スマホ、タブレット、PC 対応。Bootstrap v2.2.1。

ブログ更新ツール

目次+詳細ページの構成。長いお知らせにも使えます。

ブログ・お知らせ更新(写真が多い場合)

ブログ・お知らせ更新(写真が多い場合)

lightBox で画像を拡大表示。ブログやイベント報告

ブログ・日記 管理画面 レスポンシブWebデザイン

ブログ・日記

画像と「いいね!」・ツイートボタン

レスポンシブWebデザイン ブログ(スマホ対応、Boostrap版) 公開ページ レスポンシブWebデザイン 管理画面 レスポンシブWebデザイン

レスポンシブWebデザイン ブログ(スマホ対応、Boostrap版)

スマホ、タブレット、PC 対応。Bootstrap v2.2.1。

メニュー・製品情報の更新ツール

写真がメインのデザイン。商品説明をするための設定が予めしてあります。目次ページはサムネイル画像掲載。

商品・サービスページ

商品・サービスページ

WYSIWYGエディタ付き。小規模ネットショップに最適

不動産物件情報更新

不動産物件情報更新

画像をページ内で拡大表示、カテゴリ、地図

飲食店メニュー 公開ページ レスポンシブWebデザイン 管理画面 レスポンシブWebデザイン

飲食店メニュー

カフェ・レストラン・パン屋さんなどの飲食店メニューページ作成

ファイルのアップロード

ファイルをダウンロードさせることを主な目的としたページ用のサンプル設定。

PDF/オフィスファイル一覧作成 公開ページ レスポンシブWebデザイン 管理画面 レスポンシブWebデザイン

PDF/オフィスファイル一覧作成

タイトルからファイルをリンク

リキッドデザインの表でファイルを表示

リキッドデザインの表でファイルを表示

幅が狭い場合に表の列数を調整

定期刊行のPDF

定期刊行のPDF

定期的に発行するファイルをCMSで公開

ホームページ内の特定のページ

特定のコーナー管理用に設定済のCMS。

ペライチホームページ作成 公開ページ レスポンシブWebデザイン 管理画面 レスポンシブWebデザイン

ペライチホームページ作成

1ページサイトの管理

FAQ更新 管理画面 レスポンシブWebデザイン

FAQ更新

FAQ集の管理。カテゴリ分類付き

会社情報更新 公開ページ レスポンシブWebデザイン 管理画面 レスポンシブWebデザイン

会社情報更新

固定幅またはレスポンシブWebデザインの表形式

セミナー・イベント情報

セミナー・イベント情報

開催概要、地図、申込書PDFなどを表示

設定方法

特定の機能の設定方法を説明するためのサンプル。製品に機能を追加したい場合に参考にして下さい。

アコーディオン方式お知らせ更新 公開ページ レスポンシブWebデザイン 管理画面 レスポンシブWebデザイン

アコーディオン方式お知らせ更新

タイトルのクリックで本文、画像とファイルを表示

NEWアイコンを付ける 公開ページ レスポンシブWebデザイン 管理画面 レスポンシブWebデザイン

NEWアイコンを付ける

NEWマークやカテゴリマークの付け方

画像サイズ調整 管理画面 レスポンシブWebデザイン

画像サイズ調整

縦横比の違う画像を揃えて表示。ページも画像も固定幅。

インラインフレームでお知らせ表示 公開ページ レスポンシブWebデザイン 管理画面 レスポンシブWebデザイン

インラインフレームでお知らせ表示

インラインフレーム内の指定したアンカーまでスクロール

WYSIWYG HTML エディタ(リッチテキストエディタ) 公開ページ レスポンシブWebデザイン 管理画面 レスポンシブWebデザイン

WYSIWYG HTML エディタ(リッチテキストエディタ)

表の入力や文字の色変更

ライトボックス(PC用 固定サイズ版) 管理画面 レスポンシブWebデザイン

ライトボックス(PC用 固定サイズ版)

クリックして拡大画像を表示

ライトボックス(スマホ・PC 両方) 公開ページ レスポンシブWebデザイン 管理画面 レスポンシブWebデザイン

ライトボックス(スマホ・PC 両方)

スマホでも画面サイズに合わせて拡大するレスポンシブWebデザイン

一覧のスタイル設定

一覧のスタイル設定

li + CSSで 一覧に罫線やマウスオーバーでの表示変更

サマリーの「...」から詳細へリンク 公開ページ レスポンシブWebデザイン 管理画面 レスポンシブWebデザイン

サマリーの「...」から詳細へリンク

記事が長い時にカットしたサマリーから全文へリンク

適したCMSが無かったら

適した製品をご案内します。デザインサンプルの資料か、参考サイトのURLをご用意の上お問合せ下さい。