PHP,MySQLで大喜利サイトを作ってみる⑨固定ページの実装

前回、アーカイブページの作成についてまとめました。↓

PHP,MySQLで大喜利サイトを作ってみる⑧過去お題アーカイブ（全期間、月別）ページ...

https://denkenmusic.com/phpmysqlで大喜利サイトを作ってみる⑧過去お題アーカ

　前回、回答やアカウントの削除、ユーザーアイコンの追加、変更のページについてまとめました。↓　今回は過去のお題の一覧表示（アーカイブ）ページについてまとめたいと思います。アーカイブの内容については、①メニュー画面から全期間か月別の過去お題閲覧ページに遷移できるようにしておく。②遷移したページで、お題のアイコン一覧を最大で４つ程表示させる。つまり、月別では1ページが1月分のお題となる。③全期間にはページネーションをつけておく。④お題のアイコンクリックで、お題、結果、回答が閲覧できるようにしておく。⑤表...

今回はサイト概要、問い合わせなどの固定ページを作成したいと思います。

1 問い合わせ
- 1.1 入力ページ
- 1.2 問い合わせ内容反映ページ
2 サイト概要
3 プライバシーポリシー

問い合わせ

入力ページ

<warapper>
<main>

<?php
    
session_start();
session_regenerate_id(true);
if(isset($_SESSION["login"]) === true) {
    print "<h3>お問い合わせ＆お題募集</h3>";
    print "<br>";
    print"<p>当サイトに関するお問い合わせはこちらのフォームからお願い致します。</p>";
    print "<p>尚、お題の募集も随時受け付けておりますので、どうぞよろしくお願い致します。</p>";
    print "お題を採用させて頂いた際には、投稿者様の大喜利ネームもご一緒に添付させていただきます。m(__)m";
    print "<br><br>";
    
    print "<form action='toiawase_check.php' method='post'>";
    print "大喜利ネーム";
    print "<br>";
    print "<div class='toi'>";
    print "<input type='text' name='name'>";
    print "<br>";
    print "問い合わせ内容";
    print "<br>";
    print "<div class='toi2'>";
    print "<textarea name='honbun'></textarea>";
    print "</div>";
    print "<br>";
    print "<input type='submit' value='送信'>";
    print "<br><br>";
    print "<input type='button' onclick='history.back()' value='戻る'>";
    print "</form>";
    
} else {
    print "<br>";
    print "ログインしていません。<br><br>";
    print "<a href='user_login.php'>ログイン画面へ</a>";
}
    
?>

<main>

<?php

session_start();

session_regenerate_id(true);

if(isset($_SESSION["login"]) === true) {

print "<h3>お問い合わせ＆お題募集</h3>";

print "<br>";

print"<p>当サイトに関するお問い合わせはこちらのフォームからお願い致します。</p>";

print "<p>尚、お題の募集も随時受け付けておりますので、どうぞよろしくお願い致します。</p>";

print "お題を採用させて頂いた際には、投稿者様の大喜利ネームもご一緒に添付させていただきます。m(__)m";

print "<br><br>";

print "<form action='toiawase_check.php' method='post'>";

print "大喜利ネーム";

print "<br>";

print "<div class='toi'>";

print "<input type='text' name='name'>";

print "<br>";

print "問い合わせ内容";

print "<br>";

print "<div class='toi2'>";

print "<textarea name='honbun'></textarea>";

print "</div>";

print "<br>";

print "<input type='submit' value='送信'>";

print "<br><br>";

print "<input type='button' onclick='history.back()' value='戻る'>";

print "</form>";

} else {

print "<br>";

print "ログインしていません。<br><br>";

print "<a href='user_login.php'>ログイン画面へ</a>";

}

ログイン必須、つまりユーザー登録者のみ問い合わせが出来るようにしています。

ここでは問い合わせ内容を次ページにpostします。

問い合わせ内容反映ページ

<warapper>
<main>

<?php
    try {
session_start();
session_regenerate_id(true);
if(isset($_SESSION["login"]) === true) {
    require_once("common/common.php");
        
    $post = sanitize($_POST);
        
    $name = $post["name"];
    $honbun = $post["honbun"];
    
    if(!empty($name) === true and !empty($honbun)) {
        $dsn = "mysql:host=localhost;dbname=oogiri;charset=utf8";
        $user = "root";
        $password = "";
        $dbh = new PDO($dsn, $user, $password);
        $dbh -> setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
        
        $sql = "INSERT INTO toiawase(name, honbun, time) VALUES(?,?,NOW())";
        $stmt = $dbh -> prepare($sql);
        $data[] = $name;
        $data[] = $honbun;
        $stmt -> execute($data);
    
        $dbh = null;
    
//$rec = $stmt -> fetch(PDO::FETCH_ASSOC);
    
        print "<br><br>";    
        print "問い合わせを送信いたしました。";
        print "<br><br>";
        print "<a href='index.php'>トップ画面に戻る</a>";
    
        $bun = "";
        $bun .= $name."様より問い合わせ\n\n";
        $bun .= $honbun;
    
        print "<br>";
        //print nl2br($bun);
    
        $title = "ユーザーより問い合わせが入りました。";
        $header = "From:".$mail;
        $honbun = html_entity_decode($bun, ENT_QUOTES, "UTF-8");
        mb_language("Japanese");
        mb_internal_encoding("UTF-8");
        mb_send_mail("・・・・・・@gmail.com", $title, $bun, $header);
 
    } else {
        print "<br>";
        print "大喜利ネームか問い合わせ内容が空白です。";
        print "<br><br>";
        print "<form>";
        print "<input type='button' onclick='history.back()' value='戻る'>";
        print "</form>";
    }      
    
    
    
} else {
    print "<br>";
    print "ログインしていません。<br><br>";
    print "<a href='user_login.php'>ログイン画面へ</a>";
}
    }
    catch(Exception $e) {
    print "只今サーバーに異常が発生しております。<br>";
    print "<a href='index.php'>トップページへ</a>";
    exit();
}
?>

<main>

<?php

try {

session_start();

session_regenerate_id(true);

if(isset($_SESSION["login"]) === true) {

require_once("common/common.php");

$post = sanitize($_POST);

$name = $post["name"];

$honbun = $post["honbun"];

if(!empty($name) === true and !empty($honbun)) {

$dsn = "mysql:host=localhost;dbname=oogiri;charset=utf8";

$user = "root";

$password = "";

$dbh = new PDO($dsn, $user, $password);

$dbh -> setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);

$sql = "INSERT INTO toiawase(name, honbun, time) VALUES(?,?,NOW())";

$stmt = $dbh -> prepare($sql);

$data[] = $name;

$data[] = $honbun;

$stmt -> execute($data);

$dbh = null;

//$rec = $stmt -> fetch(PDO::FETCH_ASSOC);

print "<br><br>";

print "問い合わせを送信いたしました。";

print "<br><br>";

print "<a href='index.php'>トップ画面に戻る</a>";

$bun = "";

$bun .= $name."様より問い合わせ\n\n";

$bun .= $honbun;

print "<br>";

//print nl2br($bun);

$title = "ユーザーより問い合わせが入りました。";

$header = "From:".$mail;

$honbun = html_entity_decode($bun, ENT_QUOTES, "UTF-8");

mb_language("Japanese");

mb_internal_encoding("UTF-8");

mb_send_mail("・・・・・・@gmail.com", $title, $bun, $header);

} else {

print "<br>";

print "大喜利ネームか問い合わせ内容が空白です。";

print "<br><br>";

print "<form>";

print "<input type='button' onclick='history.back()' value='戻る'>";

print "</form>";

}

} else {

print "<br>";

print "ログインしていません。<br><br>";

print "<a href='user_login.php'>ログイン画面へ</a>";

}

catch(Exception $e) {

print "只今サーバーに異常が発生しております。<br>";

print "<a href='index.php'>トップページへ</a>";

exit();

}

問い合わせ内容をデータベースに登録し、かつ指定したmailアドレスへ問い合わせが入った旨を知らせるmailを飛ばします。

なお、ローカルでmailの受信確認は出来ないので、サービス公開時（外部サーバーにファイルをアップロード後）に確認を行います。

サイト概要

<warapper>
<main>
<div class="hed"><img src="img/oogiri.jpg"></div>
<br>
<h3>当サイトについて</h3>
<br>
    <p>はじめまして、管理人のロビヲ@ヘルニアうんこ野郎と申します。</p>
    <p>先日までTwitter大喜利にて日々投稿させていただいていたのですが、この度プレイヤーだけでなく、お題主側の活動もチャレンジさせて頂くこととなりました。</p>
    <p>お題主ってのはプレイヤーで先頭走ってる方々がやるもんですが、私はほぼ無名でございます。だもんで誰も来てくれない未来がピントばっちりで見えている状況ではあるのですが。。</p>
    <p>”いつか大喜利サイトを作って運用したい”</p>
    <p>その思いが強く、プレイヤーとして名を残す工程をすっ飛ばしてしまったのです。</p>
    <p>しかし、真剣に悩みながら、自分なりに全力を尽くしてサイトを作成しました。</p>
    <p>ですので、「運用開始半年経過も利用者はまさかの管理人1人」なんて最悪の黒歴史を刻もうとも、それは全力を出し切った結果として受け止める心構えは出来てます。</P>
    <p>そんな状況ではございますが、1人でも参加して頂けるならば、本当に喜ばしい限りです。</p>
    <p>大喜利好きの皆さま、なにとぞ当サイトのご利用をお待ちしております。m(__)m</p>
    <br><br>
<h3>ルールについて</h3>
    <br>
    <p>①週に1回お題が出題されます（毎週金曜日のPM9:00頃）。回答の締め切りは1週間後の金曜日、AM0:00となっております。</p>
    <br>
    <p>②回答はログインが必須となります。お題に回答する場合は、大喜利ネームとパスワードを設定し、ユーザー登録を行ってください。（アイコンも自由にアップロード出来ます）</p>
    <br>
    <p>③回答は１つのお題につき１つとさせていただきます。ただし、締め切り期間内は何回でも訂正可能となっております。</p>
    <br>
    <p>④表彰は回答〆の後、PM8:00頃に上位2名を優勝、準優勝の形で発表させていただきます。また、管理人おすすめ回答の特別賞も発表させていただきます。入賞者はTwitterでも報告させていただきます。</p>
    <br>
    <p>⑤上位2名の選出基準は、当面の間いいねの数とします。</p>
    <br>
    <p>⑥いいねは回答〆までの期間中＆ログインしなければ出来ない仕様にしています。また、自分の回答にいいねはできません。</p>
    <br>
    <p>⑦誹謗中傷や場を荒らすような行為は絶対にしないでください。見つけ次第然るべき対応と取らせていただきます。</p>
    <br>
    <p>⑧お題につきましては随時募集をかけておりますので、問い合わせのコメントフォームから投稿して頂けると幸いです。（お題提供者様のお名前はお題に掲載します）</p>
 

<br><br>
<div id="scrolltop" class="st"><img src="img/方位磁石アイコン.png"></div>
    <div id="scrollmenu" class="sm"><img src="img/メニューの無料アイコン8.png"></div>
</main>

<main>

<br>

<h3>当サイトについて</h3>

<br>

<p>はじめまして、管理人のロビヲ@ヘルニアうんこ野郎と申します。</p>

<p>先日までTwitter大喜利にて日々投稿させていただいていたのですが、この度プレイヤーだけでなく、お題主側の活動もチャレンジさせて頂くこととなりました。</p>

<p>お題主ってのはプレイヤーで先頭走ってる方々がやるもんですが、私はほぼ無名でございます。だもんで誰も来てくれない未来がピントばっちりで見えている状況ではあるのですが。。</p>

<p>”いつか大喜利サイトを作って運用したい”</p>

<p>その思いが強く、プレイヤーとして名を残す工程をすっ飛ばしてしまったのです。</p>

<p>しかし、真剣に悩みながら、自分なりに全力を尽くしてサイトを作成しました。</p>

<p>ですので、「運用開始半年経過も利用者はまさかの管理人1人」なんて最悪の黒歴史を刻もうとも、それは全力を出し切った結果として受け止める心構えは出来てます。</P>

<p>そんな状況ではございますが、1人でも参加して頂けるならば、本当に喜ばしい限りです。</p>

<p>大喜利好きの皆さま、なにとぞ当サイトのご利用をお待ちしております。m(__)m</p>

<h3>ルールについて</h3>

<br>

<p>①週に1回お題が出題されます（毎週金曜日のPM9:00頃）。回答の締め切りは1週間後の金曜日、AM0:00となっております。</p>

<br>

<p>②回答はログインが必須となります。お題に回答する場合は、大喜利ネームとパスワードを設定し、ユーザー登録を行ってください。（アイコンも自由にアップロード出来ます）</p>

<br>

<p>③回答は１つのお題につき１つとさせていただきます。ただし、締め切り期間内は何回でも訂正可能となっております。</p>

<br>

<p>④表彰は回答〆の後、PM8:00頃に上位2名を優勝、準優勝の形で発表させていただきます。また、管理人おすすめ回答の特別賞も発表させていただきます。入賞者はTwitterでも報告させていただきます。</p>

<br>

<p>⑤上位2名の選出基準は、当面の間いいねの数とします。</p>

<br>

<p>⑥いいねは回答〆までの期間中＆ログインしなければ出来ない仕様にしています。また、自分の回答にいいねはできません。</p>

<br>

<p>⑦誹謗中傷や場を荒らすような行為は絶対にしないでください。見つけ次第然るべき対応と取らせていただきます。</p>

<br>

<p>⑧お題につきましては随時募集をかけておりますので、問い合わせのコメントフォームから投稿して頂けると幸いです。（お題提供者様のお名前はお題に掲載します）</p>

</main>

サイトの説明をしているだけです。　

プライバシーポリシー

<warapper>
<main>
    
<h3>プライバシー・ポリシー</h3>

<h4>当サイトに掲載されている広告について</h4>

    <p>当サイトでは、第三者配信の広告サービス（Googleアドセンス、A8.net、Amazonアソシエイト、バリューコマース、iTunes アフィリエイトプログラム）を利用しています。</p>
    <p>このような広告配信事業者は、ユーザーの興味に応じた商品やサービスの広告を表示するため、当サイトや他サイトへのアクセスに関する情報 『Cookie』(氏名、住所、メール アドレス、電話番号は含まれません) を使用することがあります。</p>

    <h4>当サイトが使用しているアクセス解析ツールについて</h4>

    <p>当サイトでは、Googleによるアクセス解析ツール「Googleアナリティクス」を利用しています。</p>
    <p>このGoogleアナリティクスはトラフィックデータの収集のためにCookieを使用しています。</p>
    <p>このトラフィックデータは匿名で収集されており、個人を特定するものではありません。</p>
    <p>この機能はCookieを無効にすることで収集を拒否することが出来ますので、お使いのブラウザの設定をご確認ください。</p>


    <h4>当サイトへのコメントについて</h4>

    <p>当サイトでは、スパム・荒らしへの対応として、コメントの際に使用されたIPアドレスを記録しています。</p>
    <p>これはブログの標準機能としてサポートされている機能で、スパム・荒らしへの対応以外にこのIPアドレスを使用することはありません。</p>
    <p>また、メールアドレスとURLの入力に関しては、任意となっております。</p>
    <p>全てのコメントは管理人であるヘルニアうんこ野郎が事前にその内容を確認し、承認した上での掲載となりますことをあらかじめご了承下さい。</p>
    <p>加えて、次の各号に掲げる内容を含むコメントは管理人の裁量によって承認せず、削除する事があります。</p>

    <p>・特定の自然人、または法人を誹謗し、中傷するもの。</p>

    <p>・極度にわいせつな表現を含むもの。</p>

    <p>・禁制品の取引に関するものや、他者を害する行為の依頼など、法律によって禁止されている物品、行為の依頼や斡旋などに関するもの。</p>

    <p>その他、公序良俗に反し、または管理人によって承認すべきでないと認められるもの。</p>

<br><br>
<div id="scrolltop" class="st"><img src="img/方位磁石アイコン.png"></div>
    <div id="scrollmenu" class="sm"><img src="img/メニューの無料アイコン8.png"></div>
</main>