ホームページ制作のecoru Creative Office

My News ChangerはHTMLの知識不要でニュースを更新できるCMSプログラムです。(設置には専門的な知識が必要です)

■ライセンス費用

1サイトあたり ¥32,400-(税込)

詳しくは、お問い合わせ下さい。

 

新着情報専用CMSプログラム マイニュースチェンジャー

デザインのカスタマイズ

新着情報を表示するページのデザインは、自由に変更することができます。
また既存のウェブサイトに埋め込むこともできますが、最初は同梱の雛形HTMLファイルを修正してご使用になられることをお勧め致します。


● My News Changerのファイル構成

My News Changerのファイル構成

雛形HTML用の「css」と「img」フォルダはMy News Changerプログラム本体とは関係ありませんので、お好きに変更していただけます。

以下の3ファイルがHTMLテンプレートになります。
通常通りお好きなウェブサイトデザインで作成していただき、下記ファイルに埋め込まれている指定のタグを忘れずに記載して下さい。埋め込みタグについては、事項を参照して下さい。

  • indextmp.html
  • newstmp.html
  • bntmp.html
各ディレクトリにある「index.html」は、本プログラムを実行するとテンプレートファイルにより上書きされますので、「index.html」は作成していただかなくて大丈夫ですが、分かりやすいように置いてあります。

● 各テンプレートファイルの埋め込みタグについて

■ indextmp.html

トップページなど、新着情報の一覧を表示したい部分に埋め込みます。

<!-- header -->
%date%<br>
<a href="news/%linkfile%">%title%</a>%new_icon%
<!-- footer -->

<!-- header --> ~ <!-- footer -->で囲まれた部分を反復して表示します。
上記を実際に出力した場合は、下記のような表示になります。
(3日分反復処理されて表示された場合の例になります。)


  • %date% (日付表示)
  • <a href="news/%linkfile%">%title%</a> (タイトル表示)
  • %new_icon% (NEWアイコン表示)
  • ※「<a href="news/%linkfile%">%title%</a>」の「news/」の部分は、実際に保存するディレクトリのパスに変更して下さい。

次に、本システムの機能をフルにお使いいただくために、下記のスクリプトを「indextmp.html」の<body> ~ </body>の間に記載して下さい。<body> ~ </body>の間であれば、記載場所に指定はありませんが、<body>タグ直下に記載をすることをお勧め致します。

  • ※下記スクリプトは、「NEW」アイコンの表示機能と、未来の日付での更新予約機能を使用しない場合は記載しなくても大丈夫です。

<script Language="perl" src="%triger%"></script>

■ newstmp.html

新着情報の詳細を表示するページのテンプレート用HTMLに貼り付けます。

%date%
%title%
%article%
%prevlink%
%nextlink%

上記を実際に出力した場合は、下記のような表示になります。

200X年XX月XX日
タイトルタイトルタイトルタイトルタイトルタイトル
本文テキスト本文テキスト本文テキスト本文テキスト本文テキスト本文テキスト本文テキスト本文テキスト本文テキスト本文テキスト本文テキスト本文テキスト本文テキスト
<<前の記事へ
次の記事へ>>

  • %date% (日付表示)
  • %title% (タイトル表示)
  • %article% (詳細内容表示)
  • %prevlink% (「<<前の記事へ」リンクを表示)
  • %nextlink% (「次の記事へ>>」リンクを表示)
■ bntmp.html

バックナンバー一覧を表示するページのテンプレート用HTMLに貼り付けます。

%pagesubject%
%comment%
<!-- header -->
%date%
<a href="../%linkfile%">%title%</a>%new_icon%
<!-- footer -->
%bnindex%
<form action="%url%" method="get">
■全てのNEWSを見る <select name="select" class="mgnLeft5">
%select_option%
</select>
<input type="image" value="表示" src="../../img/news/b_view.gif" width="60" height="21" />
</form>

<!-- header --> ~ <!-- footer -->で囲まれた部分を反復して表示します。
上記を実際に出力した場合は、下記のような表示になります。
(2日分反復処理されて表示された場合の例になります。)

  • %pagesubject% (何年の新着情報一覧なのかを表示します)
  • %comment% (バックナンバーがない場合にコメントを表示します)
    ※コメント内容は変更できません
  • %date% (日付表示)
  • <a href="news/%linkfile%">%title%</a> (タイトル表示)
  • %new_icon% (NEWアイコン表示)
  • %bnindex% (一覧の数が設定数を超えた場合に、2ページ目移行のリンクを表示)
  • <form> ~ </form>部分は、そのまま貼り付けて下さい。
  • ※このページはやや複雑なので、特に注意して作業をお願い致します。
ご注文はこちらから
「注文する」ボタンを押して、表示されたページの注文フォームよりご注文下さい。
注文する
← Back
↑Page Top