Download CounterをWPプラグイン、PHP:Mysql、ファイル 形式で作成する[第一回]

ダウンロードカウンターで検索してこられる人が結構いるので今回は①WPプラグイン形式、②PHPスクリプトでMysql形式で記録閲覧、③PHPスクリプトでファイルで記録閲覧という3つのダウンロードカウンターを作ってみることにする

【設計】

①WPプラグイン形式で作成する

まずはワードプレスのPluginで作成してみる事にする

  • ダウンロードリンクにプラグインを指定することでIPとタイムスタンプを記録する
  • Anonymous(匿名)でのダウンロードとアカウント(登録制)を切り替えられる
  • 申請はアカウント登録のない場合は申請可能にする
  • メール登録型で申請メールに認証URLが送られ認証するとアカウントが承認される

といったチョット商用可能な感じのものにします。
WPプラグイン、PHPスクリプトも同じ仕様にします。

【ヘッダ】

<?php
/*
Plugin Name: WSPRI Download Counter
Plugin URI: https://wspri.dip.jp
Description: ダウンロードカウンタープラグイン
Author: j.amano
Version: 1.0
Author URI:https://wspri.dip.jp
*/
//user control
require_once('./wp-load.php');

フォントと段落を設定する

まず、外部*.cssを読み込ませてフォントを設定させる

以下setfont.cssファイル

/*タイトル用*/

p.fonttitle{font-size:36px;font-family:monospace;font-weight:600;line-height: 200%;}

/*小見出し用*/

p.fontmidasi{font-size:24px;font-family:monospace;font-weight:600;line-height: 200%;}

/*本文用*/

p.fontname{font-size:12px;font-family:monospace;font-weight:400;line-height: 200%;}

/*脚注用*/

p.fontnotes{font-size:10px;font-family:monospace;font-weight:600;color:#ff0000;line-height: 200%;}

でHTMLで読む

<html>
  <head>
    <link rel="stylesheet" href="setfont.css" type="text/css">
  </head>
<body>
  <p class="fonttitle">タイトル</p>
  <p class="fontmidasi">見出し</p>
  <p class="fontname">本文</p>
  <p class="fontnotes">脚注</p>
</body>
</html>

こんな感じ

CSS辞書

タイトル

見出し

本文

脚注