PHP工房トップ

HOME > 【News03】PHP新着情報・ニュースプログラム

【News03】PHP新着情報・ニュース(ページング付一覧、カテゴリ、画像キャプション追加版)

重要なお知らせ 2015/8/25

フリー(無料)のニュースCMSプログラムの最新版(フルモデルチェンジ)をリリースしました。このページのプログラムも兼ねておりますので、特に理由が無い場合には、最新版をご利用されることをおすすめ致します。
尚、今後このページのプログラムは廃止し、新しいプログラムに統合する予定となっております。
(ダウンロード、ページは残しますが、あえてこちらを使用されるメリットも無いと思います)

フリー版の【News02】新着情報・ニュースプログラム(画像アップ、文字装飾、HTML編集機能付)に一覧ページング(ページャー、ページ送り)機能、カテゴリ機能、画像のタイトル(キャプション)機能を追加したバージョンです。また、詳細ページもポップアップではなく通常のページで表示されます。WordPressに近い仕様となっています。
詳細はサンプルデモをご確認ください。【News02】とは互換性がありませんのでご了承下さい。

トップページには最新10件のみで、一覧ページにすべて表示させたい場合や、カテゴリ機能があるので、たとえば「お知らせ」、「更新情報」などカテゴリを分けて投稿しタイトル部分にカテゴリ名を表示させたい場合、また、画像のキャプション機能があるので、画像の説明文などを付けたい場合に最適です。もちろんこれらの機能をすべて使わなくても問題ありません。

ページング(ページャー、ページ送り)は投稿が増えても全自動で行われます。1ページで表示したい数とページングナビの表示数は設定ファイルにて設定も可能です。カテゴリ名はデフォルトではテキストで表示されますが、オリジナルの画像を用意されれば画像アイコン等での表示も可能です(要CSSの基本知識)。

PCのほか、スマホ(スマートフォン)、携帯(ガラケー)のファイルも同梱していますので、1度の更新で3デバイス同時更新が可能です。

既存のサイトのデザインを反映することを想定していますので配布しているファイルのデフォルトページはシンプルに制作しています。既存のページのHTML、CSS等をコピペすれば既存デザインを反映可能です。導入には基本的なHTML、CSS、FTPでのアップロードの知識が必要になります。

サーバーの対応状況の確認、及びHTML、CSSの基本知識なども必要になりますので、できればフリー版の【News02】を導入してみてからご検討下さい。【News02】が導入できれば、基本的な設置作業は同じですので問題ありません。ご不明な点がございましたら遠慮無くお問い合わせください。どうしても設置できない場合には設置代行も対応可能です。詳細は下記をご確認下さい。

重要なお知らせ 2014/2/3

IE11で本文入力箇所で本文が入力できない不具合があったものを修正しました。
現在販売しているものはすでに修正済ですが、設置済ファイルのアップデートはこちらをご確認下さい。

料金とお支払い方法

本当にこちらのプログラムでよろしいですか?
より高機能な新しいフリー版のニュースプログラムがリリースされましたので、特に理由がなければそちらを強くお勧めします。

【PKOBO-News01】PHP新着情報・お知らせ・ニュースCMSプログラム フリー(無料)版
こちらのプログラムはいずれ廃止予定となっています。

【News03】新着情報・ニュースプログラム
プログラム本体料金 2,000円(税込)

主な特徴

基本的な特徴は無料版の【News02】新着情報・ニュースプログラムと同じになります。
その無料版に以下機能を追加しました。

  • 一覧ページ。投稿数がいくら増えても対応可能なページング(ページャー、ページ送り)機能付きです。1ページ内に表示する記事数、ページングナビの表示数などは設定可能です。
  • カテゴリ機能。任意に複数のカテゴリを設定可能です。設定は設定ファイル(config.php)で設定可能です。カテゴリごとにカテゴリ名を表示します。デフォルトではテキストでカテゴリ名が表示されますが、画像アイコン等を用意すれば画像での表示も可能です。カテゴリごとにliタグに連番のclassを割り振っていますので、CSSにて設定下さい。(要CSSの知識)

    また表示したいカテゴリを指定可能です。URLにパラメータを指定することにより指定カテゴリのみを表示します。またはファイル内で直接指定することも可能です。ファイル内にコメントにて指示がありますので、ご参考の上必要に応じて設定下さい。
  • 画像のタイトル(キャプション)機能。デフォルトでは画像の下にキャプションが付きます。また、alt属性の値にも反映されます。
    PC版では画像をlightboxで拡大表示します。
  • 詳細ページをポップアップで表示するか、通常のページとして表示するか選択可能です。デフォルトは通常のページとして表示します。設定ファイルで設定可。※ポップアップはPCのみ

サンプルデモ

ユーザID:admin
パスワード:1397
テスト投稿してみてください。下記のページに反映されます。削除も可能です。
下記ページはあくまでもデフォルトです。実際には既存のデザインが反映されることを想定しています。

ダウンロード

上記「購入申込み」より申し込みください。
基本的には即日ダウンロード用URLをお送りいたします。

設置方法

基本的な設置方法は【News02】と同じです。【News02】が設置できれば設置可能です。

ファイルの文字コードはUTF-8です。必ず対応したエディタで開いてください。
メモ帳(UTF-8非対応)は使用禁止です。TeraPad(無料)やDreamWeaver等で開いてください。
(そこまで意識する機会はありませんが、必ずBOM無しで保存して下さい。※多くのエディタのデフォルトはBOM無しのはずです。BOMについて詳しく知りたい方はこちら
※ PHPでは、スラッシュ2回「//」の後からその行の末尾までがコメント扱いとなります。「#」、「/**/」もです。

1.  解凍後のファイル構成

umekomi.php ・・・ 新着情報の一覧をトップページに直接埋め込む場合はこちらのコードの一部(ソース内に書いてます)をトップページの任意の場所に貼り付けてください。

インラインフレームでトップに表示させる場合はこのファイルは無視して下さい。というかこのファイルはコピペ用ですのでWeb上では特に必要ありません。

news_list.php ・・・ ページング付きの新着情報の一覧ページ。「一覧へ」などのリンク先に設定して下さい。
既存デザインを反映するにはこのファイルのソース内に既存サイトのソースの必要箇所をコピペして下さい。

news_post.php ・・・ 新着情報の詳細ページ。ポップアップではなくこのページに表示されます。
既存デザインを反映するにはこのファイルのソース内に既存サイトのソースの必要箇所をコピペして下さい。

Readme.txt ・・・ 設置法、利用規約、その他もろもろ。。
lightbox ・・・PC版の画像拡大用のlightboxです。このままアップ下さい。
photo_news/  ※ディレクトリ名は変更可能です(ただし変更した場合、各種パス部も要変更)
index.php ・・・ 新着情報の一覧ページ
(一覧をインラインフレームで表示する場合これを読み込んでください。埋め込みの場合このファイルは不要)
admin.php ・・・ 管理ページ 投稿や編集、削除など、記事の管理全般を行います。
config.php ・・・ 設定ファイル。管理画面ログイン情報の設定やその他設定、関数記述など
popup.php ・・・ 管理画面での投稿内容確認用のページです。
style.css ・・・ admin.php、index.php、popup.phpのスタイルを記述(もちろん独自のCSSでもOK)
data/news.dat ・・・ 投稿データを格納するファイル(パーミッション666等書き込み可能なものに)
data/_.htaccess・・・データファイル(news.dat)に直接アクセスされるのを防ぐためのhtaccessファイルです。デフォルトでは無効化されてますので、使用する場合はファイル名の先頭の「_」(アンダーバー)を削除して「.htaccess」として下さい。あくまで投稿データのみです。セキュリティ上問題となるデータは含まれませんので必須ではありません。
upimg/・・・ 画像データの保存先です。(パーミッションを書き込み可能なものに)
editor/・・・ Javascriptファイル類が入っています。そっとしておきましょう…

携帯(ガラケー)サイトにも使用する場合
※ディレクトリ名「i」は自由に変更可能です。例 m/ など。既存のディレクトがあればそこに入れてもOKです。
・i/i_umekomi.php・・・携帯(ガラケー)用のファイルです。携帯用に最適化しています。
上記umekomi.php と同じく既存のindex.phpファイルなどにコピペして下さい。コメントにて指示があります。
このファイルをそのまま使っても構いません。
もちろんレイアウト、デザイン等はhtml等を編集してオリジナルでもOKです。
・i/news_list.php・・・携帯(ガラケー)用のページング付き一覧ページです。
既存デザインを反映するにはこのファイルのソース内に既存サイトのソースの必要箇所をコピペして下さい。
・i/news_post.php・・・詳細ページ。このまま使ってもOKですし、既存デザインを反映するにはこのファイルのソース内に既存サイトのソースの必要箇所をコピペして下さい。
携帯版を利用しない場合このファイル(iディレクトリごと)は不要です。

スマホサイトにも使用する場合
※ディレクトリ名「sp」は自由に変更可能です。例 smp/ など。既存のディレクトがあればそこに入れればOK。
・sp/sp_umekomi.php・・・スマホ(スマートフォン)用のファイルです。スマホ用に最適化しています。
上記umekomi.phpと同じく既存のindex.phpファイルなどにコピペして下さい。コメントにて指示があります。
既存のトップがindex.htmlの場合には、index.phpにリネームする必要があります。
index.htmlのまま運用したい場合、iframeタグで読み込んでもいいですが、iframeタグは非対応機種がある可能性があります。この場合、「お知らせはこちら」などとしてこのページにリンクさせてもいいかもしれません。
・sp/news_list.php・・・スマホ(スマートフォン)用のページング付き一覧ページです。
既存デザインを反映するにはこのファイルのソース内に既存サイトのソースの必要箇所をコピペして下さい。
・sp/news_post.php・・・詳細ページ。このまま使ってもOKですし、オ既存デザインを反映するにはこのファイルのソース内に既存サイトのソースの必要箇所をコピペして下さい。
スマホ版を利用しない場合これらのファイル(spディレクトリごと)は不要です。

2. トップページに埋め込む

既存のトップページにumekomi.phpから必要箇所をコピペするか、iframeタグにてphoto_news/index.phpを読み込んで下さい。iframeタグは下記にありますので参考下さい。

3. ユーザID、パスワードを設定する

config.phpをエディタソフトで開き、ログインのためのID、パスワードを変更してください。
初期値は
ID:admin
パスワード:1397
になっています。必ず変更してください。その他必要に応じてコメントを参考に設定してください。
特にカテゴリ機能を使用する場合は設定ファイル(config.php)にて設定下さい。

4. FTPでアップ

photo_newsフォルダごと(全ファイル)アップし、その他必要に応じてトップページ、スマホ版、携帯版をアップください。「data」、「upimg」ディレクトリのパーミッションを書き込み可能な755 or 777等に設定し、 data/news.datのパーミッションを書き込み可能な666等にしてください。
これで完了です。

各パーミッションの適切な値はサーバーのマニュアル等を参考に変更下さい。
サーバーによっては値が違う、または変更の必要自体無いこともあります。
もしパーミッションの設定が間違っていた場合ですが、すべての環境での保証はありませんが管理画面にてその旨警告が表示されるよう設定しています。
またもしパーミッションが間違いの場合には「data」ディレクトリの場合はバックアップを行う(デフォルトはOFF)際にエ ラー、「upimg」ディレクトリの場合、news.datの場合ともに新規投稿時にエラーで登録自体ができません。
要するにまともに動かないのでテスト段階ですぐに気付けます。
逆にそのようなことがない場合は適切なパーミッションになっていると考えてOKです。
ちなみにエックスサーバーの場合、今のところパーミッション変更は不要です。

5. ブラウザで確認

「あなたのサイトのURL」/photo_news/admin.phpを表示し、管理画面にログイン後、投稿を行ってみてください。正常に登録、編集できればOKです。
トップページに埋め込んだ場合はトップページ、インラインフレームで読み込む場合はphoto_news/index.phpまたは設置したトップページを確認してください。 投稿データが反映されていればOKです。
その他一覧ページ、記事詳細ページもちゃんと反映されているか確認ください。

パーミッションの変更が必要とのメッセージが出たらパーミッションを変更してください。

6. ページの調整

一覧ページ、詳細ページに既存デザインを反映する場合には、既存ページのhtmlソースから必要部分をコメントを参考にコピペして下さい。また同時に表示件数も同ファイル内にて指定可能です。(コメントにて指示があります)
その他必要に応じてスタイルシート、HTML等で見た目の調整を行ってください。ソースを見ると分かりますが、細かくclassを振っております。

7. 設置がうまくいかない場合

設置に際し不明な点などがあればお気軽にお問い合わせください。
設置がまったく分からないという方は設置代行も可能ですのでご連絡下さい。
設置代行費:PC、スマホ、携帯 各3,000円にて承ります。
※ご依頼の際にはサイトのURL、FTP情報をお知らせいただく必要がございます。
銀行振り込みを選択の場合には設置完了後にお支払いとなりますので安心下さい。

インラインフレーム使用時のタグ例

以下のタグをトップページの新着を表示させたい場所に貼り付ければOKです。
必要に応じて幅、高さ、パス等を調整してください。

動作確認済PHPバージョン

PHP4.3.9~PHP5.6(ただし一部は5~のみ対応となりますのでできるだけ5.3以上でご利用下さい)
※基本的にはPHP7でも正常に動作することを確認済です。

動作確認済レンタルサーバー

  • エックスサーバー
    ※個人的にはここが好きで、もうずっとここです。このサーバーで困ることはまずないでしょう。
  • ロリポップ!
    ※ただしここはWAF機能がONの場合、CMSプログラムで問題が発生する可能性が高いです。詳細はこちら
    またサーバーがブラックリストに登録されてしまいメール系のプログラムで受信できない大問題も多々確認されています。詳細はこちら
     ただコスパ的には有りだと思います。
  • カゴヤのレンタルサーバー
    ここは高機能、高スペック、良心的な価格でありながら風俗系のサイトがOKという非常に貴重なサーバーです。個人的には風俗系のサイトであればこのサーバー以外の選択肢はないと思ってます。
  • さくらのレンタルサーバ

その他一般的なレンタルサーバーであれば問題なく動作するはずですが、
すべての環境(サーバー)での動作を保証するものではありませんのでご了承下さい。

問題が出る可能性が高い、またはそのままでは必ず問題が出ることが分かっているサーバー

※現状私自身が把握している範囲です。(実際に確認していますのでちゃんと根拠もあります)
1,Yahoo系(ジオプラス、ウェブホスティングとも)※Softbankも含む
2,KDDI系(CPI含む)
3,NTT系(WebArena(suiteX)、NTTビズリンク(BizLink))
※プロバイダー系は特に問題が多いです。(個人的には絶対に借りてはいけないと考えています)
4,スマイルサーバー
5,ファーストサーバ

特にCPI、NTT系、スマイルサーバー、ファーストサーバで問題がある場合はこちらも参照下さい

経験上、結局は「餅は餅屋です」。プロバイダー系はプラン、金額に関係なく特に問題が多いです。サーバーの問題で時間を取られるのは非常に無駄ですし、その先ずっと影響しますのでサーバー選びは慎重にされることをオススメします。 特に理由がなければあえてこれらのサーバーは借りないほうが得策でしょう。高いから良い、安いからダメという安易なものでもありませんので難しいところですね。(まぁ安いには安いなりの理由があるのですが・・)

よくある質問

ご利用規約

・無料版プログラムはフリーウェアです。ただし、著作権は放棄するものではありません。
 また、カスタマイズ依頼、著作権表示リンク削除依頼にて表示を削除したとしても著作権は放棄しません。
・プログラムの著作権表示リンク(ページ下部にある当サイトへのリンク)を無断で削除することはできません。
(一律2,000円の削除依頼をいただいた場合を除く)
 また無断で削除された場合、プログラムにより全部、または一部機能が失われます。
・プログラムの再配布、再販売は禁止です。(万が一発覚した場合には然るべき対応を行います)
 ※ただしクライアントへの納品などでシステム費用、設置費用として請求されるのは問題ありません。
・プログラムによって何らかの不利益、損害が生じても一切の責任を負いません。
 あらかじめご了承の上ご使用ください。
 もし何らかのトラブルがあった場合には、ご相談いただければ解決策が見つかるかもしれません。
 (クライアントへの原因の説明など)
・プログラムは全ての環境(サーバー)での動作を保証するものではありません。
・改変等は自由ですが、自己責任でお願いします。
・有料版をご購入いただいた場合、初期不良を除き、ご使用後の返金には応じ兼ねます。
・有料版(著作権リンク削除含む)は1サイト(同一ドメイン)内であれば複数利用可能です。
 2サイト目以降は都度サイトより購入申込みが必要になります。  

 ダウンロードいただいた時点で利用規約に同意したものとみなされます。

カスタマイズ、設置代行について

IE11対応のアップデート方法

1,差し替え用のファイルをダウンロード下さい。※念のためこれから上書きする3ファイルはバックアップ下さい

2,ダウンロードしたら解凍し、photo_news/editor/cleditor.cssと同フォルダ内のcleditor.jsの2ファイルを既存のものと差し替えて下さい。(同名ファイルが同じ場所にあるはずですので上書きでOKです)

3,photo_news/admin.phpを上書きして下さい。
以上です。問題の無いことを確認下さい。

admin.phpにすでになんらかの変更を加えている場合で上書きしたくない場合には、以下を参照下さい。

 

更新履歴

2015.08.06
iPhoneで縦写真を撮った場合に横写真としての情報で保存されてしまうため、縦写真をアップしても横写真として保存、表示されてしまうものを画像のExif情報を取得し、必要に応じて回転処理を行うように修正しました。これで縦写真は縦写真として表示されます。また横写真で上下反転しているものも180°回転させます。万が一不具合等を発見されましたらお知らせいただけますとありがたいです。(修正ファイルはadmin.phpのみです。設置済のものに反映される場合は差替えてもOKです。)

・2014.2.3 IE11での不具合を修正しました。
・2013.9.8 v1.0.0 有料版として販売開始

PHPメールフォーム(無料版)

PHPメールフォーム(有料版)

新着情報・更新履歴CMS(無料版)

投票・アンケートシステム(無料版)

テロップCMS(無料版)

写真ギャラリーCMS(無料版)

営業日カレンダーCMS(無料版)

営業日カレンダーCMS(有料版)

カレンダー予約フォーム(無料版)

カレンダー予約フォーム(有料版)

リンク集ページCMS(無料版)

アクセスカウンター(無料版)

ダウンロードカウンター(無料版)

その他

メールフォームの各種カスタマイズならお任せ下さい
業務効率化が可能なPHPオリジナルCMS制作します

役立つかも?なもの

豆知識や役立ち事など

PHPについて

各種情報