新着情報欄をクライアント側で更新できるプログラム


以前、こちらのページで紹介していた新着情報欄の更新に特化したシステム「Contents Maker(コンテンツメーカー)」の使い勝手の悪かった部分をなくすために全面リニューアルし、さらに使い勝手を良くしました。
PHPが動作するサーバーであれば使用できます。データベースは必要ありません。

今回も過去バージョンと同様、静的なHTMLのページに組み込むことができます。
過去バージョンでは無駄なページの移動が多かったのを、AjaxとPHPで必要最小限にしました。
また、あらゆるサイトに合うようにするため、過去バージョンのムダにポップなデザインは廃止しました。

機能やサンプル

主な特徴は以下の通り、(が付いている項目は過去バージョンにはなかったものとなります)

  1. レスポンシブでスマホやタブレットに対応。
  2. たぶんWordPress内でも使える。(干渉しないはず。たぶん)
  3. クライアント側から新着情報欄を自由に追加・修正・削除できる。
  4. HTMLの知識のない方が入力しても常に理想的なHTMLで出力するので、SEOの面で安心。
  5. 新着情報欄の更新だけに特化しているので、管理画面がシンプルで一般の方でも迷うことなく操作ができる。
  6. データベース不要。
  7. PHPのページだけでなく、HTMLでできているページにも組み込み可能。(HTMLページにはiframeまたはSSI、またはJavaScriptで読み込む形になります)
  8. デザインはすべてCSSで設定。自由に変更可能。
  9. ページ移動なしで必須項目の入力チェック。
  10. 送信決定時・削除決定時(管理者のみ)にはアラートウインドウで誤送信を防止。
  11. 過去の書き込みを編集し直す場合、ページ移動をすることなく編集が可能。
  12. 過去の書き込みを編集するモードと新規書き込みモードの切り替えにはページ移動なし。
  13. 書き込みを行った後に、ブラウザの「戻る」や「進む」ボタンやページ再読み込みなどによってページを行き来してもトラブルが起きない仕様。
  14. 入力エラーがあった場合にはその項目まで自動でスクロールして戻る機能。
  15. 設置メールサポート代行サービス付き。

管理画面ログインは以下からどうぞ。(パスワードは0000)
自由に書き込んだり削除したりしてお試しください。
https://www.1-firststep.com/samplephp/contents-maker-ajax/contents-maker/php/

以下のHTMLページの新着情報欄を更新することができます。
https://www.1-firststep.com/samplephp/contents-maker-ajax/index.html

出力されるHTML

この新着情報欄更新システムによって出力されるHTMLは以下のようになります。
今回の新バージョンでは日付も自由に変えられるようにしました。

<dl>
  <dt>2015/04/30</dt>
  <dd>ここに入力の内容。</dd>
  <dt>2015/04/29</dt>
  <dd>ここに入力の内容。</dd>
  <dt>2015/04/28</dt>
  <dd>ここに入力の内容。</dd>
</dl>

※ URLの書き込みはできますが、リンクの設定はできません。
HTMLの知識のない一般のクライアントがSEO面でマイナスになるような記述をしないよう、HTMLタグはすべて無効化されるようにしてあります。

販売価格

販売価格は18,000円(税抜)です。(設置代行サービスを付けたことで価格改定しました)
設置代行サービスが付いていますので、ご購入後にサーバーのFTP情報を教えていただき、こちらで設置・動作確認までを致します。

ご質問や購入依頼はお問い合わせページからご連絡ください。
カスタマイズの依頼に関しては求める仕様によって料金が変わりますので、ご相談ください。

使用上の注意点

著作権は放棄していませんが、著作権表示などは必要ありません。
購入後に再配布や無断での販売は禁止いたします。

カスタマイズしたり、自分のお店サイトやクライアントの企業サイトなどに使用するのはOKです。

充分なバグチェックはこちらで行っておりますが、万が一カスタマイズせず普通に使用していて不具合があった場合には無償で修正を致します。

必要動作環境

PHPが動作するサーバ。
データベースは不要です。

新着情報を読み込む手段はPHPのinclude関数、またはHTMLのiframe、またはSSIのinclude、またはJavaScript(Ajax)によって読み込むなど、読み込ませるページの種類によって4パターンから選択することが考えられます。

早い話が以下のページを読み込むだけです。(HTMLソースをご確認ください)
https://www.1-firststep.com/samplephp/contents-maker-ajax/contents-maker/php/news.php

安いレンタルサーバで運用中のサイトにおすすめ

このプログラム自体はPHPでできているのでPHPが動作するサーバである必要があります。
PHPに加えてさらにデータベースも使えるサーバの場合はWordPressを使うことが第一選択肢になると思われるので、このような新着情報欄の更新システムは特に必要がないでしょう。

しかし例えば、さくらインターネットのライトプランロリポップのエコノミープランのような月額100円台で借りられるレンタルサーバだと「PHPは使えるけどデータベースは使えない」というケースがあります。

つまり、そのようなサーバではWordPressは使えないので、ページの更新をクライアント(お客さん)側で行えないケースがありえます。
新着情報欄にたかが数行書き込むだけのことを毎回ウェブ制作会社に依頼するのはお客さん側としては気が引けるし、制作会社側も料金を請求するほどの作業でもないのでただ面倒なだけだったりします。

そのような状況で運用中のサイトには最適なのではないでしょうか。
動作も軽いし、Webの知識のない方がどのように書き込んだとしてもSEO面で問題になるようなHTMLの出力は起きないので安心です。

アップデート履歴

2015/05/20 バージョン1.0
  • 過去バージョンを公開。
2015/??/?? バージョン2.0
  • データは残っていますが、何をアップデートしたのか忘れました。
2017/03/03 バージョン3.0
  • 完全リニューアル。すべてのファイルを白紙から作り直しました。
    その結果、ファイル構成は少なく、ソースコードも少なく、使用上のページの移動も少なくなりました。

サポートBBS

サイト内を検索
サイト運用事例
提供サービス
メールフォーム

ダウンロード一覧へ

アンケートフォーム

ダウンロード一覧へ

BBS

ダウンロード一覧へ

その他おすすめ

ダウンロード一覧へ

Web制作のブログ

ブログ記事一覧へ

カテゴリ別
制作者の詳細
  • 谷元博のブログ
  • Google+