常連

注目の的

社会貢献

質問力

###前提・実現したいこと
WordPress、PHP初心者です。

下記サイトを参考に、MW WP Formプラグインを使用した条件分岐のフォームを作成しています。
[MW WP Formで条件分岐フォームを作る](http://blog.megefeps.info/20150916/wpmw-wp-form%E3%81%A7%E6%9D%A1%E4%BB%B6%E5%88%86%E5%B2%90%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0%E3%82%92%E4%BD%9C%E3%82%8B/)

セレクトボックスの選択肢によってカテゴリA〜Cを切り替えるようにしています(タブ切り替えのイメージ。jQuery使用)
このままですと、例えば「カテゴリC」を選択しチェックボックスを選択して、確認画面に遷移しても「カテゴリC」のチェックしたの内容が確認できない状態です。

実現させたいことは、入力画面でセレクトボックスの選択肢によって、確認画面の「カテゴリA」を選択したなら「カテゴリA」だけを表示、「カテゴリC」を選択したなら「カテゴリC」を表示させたいです。(説明がわかりにくいと思いますので、確認画面ソースコードもを記述しております)

また、自動送信メールにもセレクトボックスの選択肢を反映させたいのですが、参考サイトを元にカテゴリ毎でメール本文を分岐することはできました。
ですが、メールの本文に改行がないため入力した項目が１行でまとまってしまいます。
メール本文に改行を加えるカスタマイズはできるのでしょうか。

お手数をおかけいたしますが、ご教示いただければ幸いです。


###MW WP Formソースコード
``````ここに言語を入力
<div class="personal_info">
  <p>お名前</p>
  [mwform_text name="name" id="name"]

  <p>電話番号</p>
  [mwform_tel name="tel" id="tel"]

  <p>メールアドレス</p>
  [mwform_email name="email" id="email"]
</div>

<div class="categories">
  <p>カテゴリ選択</p>
  [mwform_select name="カテゴリ選択" children="カテゴリA,カテゴリB,カテゴリC" id="cate_select"]

  <div id="category_a" class="content"> 
    <p>カテゴリA</p>
    [mwform_text name="好きなスポーツ選手"]
    [mwform_text name="好きなスポーツブランド"]
  </div>
 
  <div id="category_b" class="content">
    <p>カテゴリB</p>
    [mwform_image name="写真"]
  </div>

  <div id="category_c" class="content">
    <p>カテゴリC</p>
    [mwform_checkbox name="球技" children="サッカー,野球,バスケ" separator=","]
    [mwform_textarea name="その他質問"]
  </div>
</div>

 
[mwform_bback value="back"]戻る[/mwform_bback][mwform_bconfirm value="confirm"]確認する[/mwform_bconfirm][mwform_bsubmit name="send"]送信する[/mwform_bsubmit]
```

###jQueryソースコード
```ここに言語を入力
$(function(){
  $(".content").css({"display":"none"});

  $("#cate_select").on("change", function() {
    var val = $(this).val();

    if (val === 'カテゴリA'){
      $(".content").fadeOut();
      $("#category_a").fadeIn();

    } else if (val === 'カテゴリB'){
      $(".content").fadeOut();
      $("#category_b").fadeIn();

    } else if (val === 'カテゴリC'){
      $(".content").fadeOut();
      $("#category_c").fadeIn();
    }
  });
});

```

###カテゴリCを選択した場合(確認画面)
```ここに言語を入力
<div class="personal_info">
  <p>お名前</p>
  <p>  山田 太郎<input type="hidden" name="name" value="山田 太郎"></p>

  <p>電話番号</p>
  <p>  000-0000-0000<input type="hidden" name="tel[data]" value="000-0000-0000"><input type="hidden" name="tel[separator]" value="-"></p>

  <p>メールアドレス</p>
  <p>  otoiawase@contact.jp<input type="hidden" name="email" value="otoiawase@contact.jp"></p>
</div>

<div class="categories">
  <p>カテゴリ選択</p>
  <p>  カテゴリC<input type="hidden" name="カテゴリ選択" value="カテゴリC">
  <input type="hidden" name="__children[カテゴリ選択][]" value="{&quot;\u30ab\u30c6\u30b4\u30eaA&quot;:&quot;\u30ab\u30c6\u30b4\u30eaA&quot;,&quot;\u30ab\u30c6\u30b4\u30eaB&quot;:&quot;\u30ab\u30c6\u30b4\u30eaB&quot;,&quot;\u30ab\u30c6\u30b4\u30eaC&quot;:&quot;\u30ab\u30c6\u30b4\u30eaC&quot;}"></p>

  <div id="category_a" class="content is-show" style="display: none;">
    <p>カテゴリA</p>
    <p>    <input type="hidden" name="好きなスポーツ選手" value=""><br>
      <input type="hidden" name="好きなスポーツブランド" value="">
    </p>
  </div>

  <div id="category_b" class="content" style="display: none;">
    <p>カテゴリB</p>
    <p>    
    </p>
  </div>

  
  <div id="category_c" class="content" style="display: none;">
    <p>カテゴリC</p>
    <p>    サッカー,野球<input type="hidden" name="球技[data]" value="サッカー,野球"><input type="hidden" name="球技[separator]" value=","><input type="hidden" name="__children[球技][]" value="{&quot;\u30b5\u30c3\u30ab\u30fc&quot;:&quot;\u30b5\u30c3\u30ab\u30fc&quot;,&quot;\u91ce\u7403&quot;:&quot;\u91ce\u7403&quot;,&quot;\u30d0\u30b9\u30b1&quot;:&quot;\u30d0\u30b9\u30b1&quot;}"><br>
    質問内容<input type="hidden" name="その他質問" value="質問内容">
    </p>
  </div>

</div>

<p><button type="submit" name="submitBack" value="back">戻る</button><button type="submit" name="send" value="send">送信する</button></p>


```

MW WP Formの条件分岐フォームを作成しています

引っ越しの際に、
rootにwordpressAを、別ディレクトリにもwordpressBを入れました。

wordpressAはトップデザインや固定ページ、wordpressBには今までのブログの投稿が入っております。

下記のようなイメージです

root/ -wordpress#A
root/sub/ -wordpress#B


wordpress#Bから投稿をする度に、wordpress#Aのindex.phpにも投稿の表示をさせるにはどのようBから引っ張ってくればよろしいでしょうか。

wordpressでサブディレクトリの別ワードプレスからpostを引っ張ってくる方法

archive.php内で投稿一覧を表示したときにターム一覧を表示し、その投稿に紐づいているタームにはクラスをつける。

ということをしたいのですが、できません。

現在archive.php内でtaxonomy.phpを取得しており
taxonomy.phpでは
```php
<?php // get_terms を使ったターム一覧の表示
  $taxonomy_terms = get_terms('school_tag'); // タクソノミースラッグを指定
  if(!empty($taxonomy_terms)&&!is_wp_error($taxonomy_terms)){
    echo '<ul>';
    foreach($taxonomy_terms as $taxonomy_term): // foreach ループの開始
?>
<li><a href="<?php echo get_term_link($taxonomy_term); ?>" class="<?php if($taxonomy_term->slug === $term){ echo 'current'; } ?>"><?php echo $taxonomy_term->name; ?></a></li>
<?php
    endforeach; // foreach ループの終了
    echo '</ul>';
  }
?>

```

としておりますがクラスは付与されません。


```html
<a href="リンク" class>ターム</a>
```
クラスをつけたい部分にはついておらず、タームやリンクは正常です。

ターム一覧を表示して投稿に紐づいているものはクラスをつける

今、自社で持っている不動産サイトがWordpressで持っているのですが、標準の検索機能では役にたたなくプラグインで絞り込み検索を探してみましたが、中々良さそうのもありません。

そこで、自作で絞り込み検索を作るのに、わからず手間取ってしまっております。何か良い方法はございませんでしょうか。

不動産サイトがWordpressで、自作の絞り込み検索を作るには。

あるプラグインによって自動生成されるカスタム投稿タイプがあります。
ここではカスタム投稿と言っても、「All in One SEO Pack」のようにカスタム投稿タイプは生成されても個別の記事はフロントに表示されないものです。


そこで、その自動生成された投稿タイプのデータベースを元に、別の投稿タイプにそのポストデータの一部を複製して作成することは出来ないかと考えたのですが、やり方が分からず困っています。
具体的なコードで教えていただけますと助かります。


【実現したいこと】
カスタム投稿タイプABCのポストデータを元に、
カスタム投稿タイプDEFの投稿を自動的に作成して保存する。

post-type "DEF"の投稿作成のタイミングは、post-type "ABC"のデータが新しく追加されたとき。

post-type "ABC"から引き継ぎたいのは、
「タイトル」「作成日時」「作成者」「カスタムフィールド」。

ーーー

初心者であまり良くわかってないのですが、コードはテーマのfunctions.phpにインクルードするクラスファイルに記述するのかなと思ってます。
よろしくお願いいたします。

【WordPress】カスタム投稿のデータを元に、別のカスタム投稿を自動的に作成するにはどうしたら良いでしょうか？

### 前提・実現したいこと

こちらのサイトのようなぬるぬると動くスクロールの実装方法を教えてください。
https://www.vermicular.jp/
http://melanie-f.com/en/

通常のページでは、マウスのスクロールホイールを転がすのをやめると、その瞬間にスクロールが止まると思います。
しかし、上のサイトでは、スクロールホイールから指を離してもすぐに止まらず、ゆっくりと停止します。

イーズインアウトの効果がかかっているようなイメージかと思いますが、どうすればこのような動きができるでしょうか。
よろしくお願いいたします。

### 試したこと

色々なワードで検索を行いましたが、ページトップへ戻るためのスムーススクロールや、スクロールに連動したアニメーションの情報ばかりがヒットし、目的の情報にたどり着けませんでした。

スクロールに緩急をつけたい

企業の採用情報サイトを作成しておりまして質問したいことがございます。

職種、店舗ごとに用意しておいた各ページからエントリーページに飛ぶ際に、
エントリーページの職種、店舗のselectがそれぞれ、あらかじめ選択された状態にしたいのですが、こういうのはどうやっているのでしょうか？ 

具体的には、下記のサイトと全く同じことをしたいと考えています。飛ぶページごとにリンク先のURLが違っているのはわかるのですが。。


職種ごとのページ↓
https://www.oreno.co.jp/recruit/job-details/bistro-bakery

そこから飛ぶエントリーページ↓
https://www.oreno.co.jp/recruit/entry


お教えいただければ助かります。よろしくお願いいたします。

リンク先によってselectがあらかじめ選択された状態にしたい

下記参考サイトのように、年月ごとに出力したアーカイブページのタイトルを、選択した年月日で表示させたいです。
[リンク内容](https://310setsubi.co.jp/news/2021/05/)
![イメージ説明](4bdc20af0c377dc7b3543fe62cc8a025.jpeg)

現在は下記のように、投稿記事の一覧を取得するループを書いているのですが、
```HTML
  <section id="news_top">
	<div class="news__top__inner">
		<div class="narrow_down">
			<dl>
				<dt>CATEGORY</dt>
					<dd>
						<select onChange="location.href=value;"> 
							<option hidden>全ての記事</option>
							<option value="<?php echo esc_url(home_url('/news-archive')); ?>">全ての記事</option>
							<?php 
							$taxonomy_slug = 'news_category'; // タクソノミーのスラッグを指定
							$terms = get_terms($taxonomy_slug); // タームの取得
							if( $terms && !is_wp_error($terms) ){ // タームがあれば表示
							foreach ( $terms as $value ) { // 配列の繰り返し
							echo '<option value="'.get_term_link($value->slug,$taxonomy_slug).'">'.esc_html($value->name).'</option>'; // タームのURLとタイトルを表示
									}
								}
							?> 
						</select>
					</dd>
			</dl>
			<dl>
				<dt>ARCHIVE</dt>
					<dd>
					<select class="categoryy" name="archive-dropdown" onChange='document.location.href=this.options[this.selectedIndex].value;'> 
							<option hidden>日付を選択する</option>
							<option value=""><?php echo attribute_escape(__('月を選択してください')); ?></option> 
							<?php wp_get_archives (array(
								'post_type' => 'news',
								'type' => 'monthly',
								'format' => 'option',
								'show_post_count' => '1'
								));
							?>
						</select>
					</dd>
			</dl>
		</div>
	</div>
	</section>
	<section id="news_archive">
		<div class="news_archive__inner">
		<h3 class="page_title">月別アーカイブ</h3> 
		<ul>
			<?php
			$paged = get_query_var('paged') ? get_query_var('paged') : 1;
			$args = array(
				'post_type' => 'news',
				'posts_per_page' =>10,
				'paged' => $paged
			);
			$news_query = new WP_Query( $args );
			if ( $news_query->have_posts() ) :
				while ( $news_query->have_posts() ) :
					$news_query->the_post();
			?>
			<li><a href="<?php the_permalink(); ?>">
				<div class="news_article__wrap">
					<p class="news_date"><?php the_time('Y.m.d'); ?></p>
					<?php
						if ($terms = get_the_terms($post->ID, 'news_category')) {
							echo ('<p class="news_category">');
							foreach ( $terms as $term ) {
								echo esc_html($term->name);
							}
							echo ('</p>');
						}
						?>
				</div>
				<p class="news_article__title"><?php the_title(); ?></p>
				</a>
			</li>
			<?php endwhile;
			if(function_exists('wp_pagenavi')){
				wp_pagenavi(array('query'=>$news_query));
			}
			endif;
			wp_reset_postdata();?>
		</ul>

		
		</div>
	</section>
```


```HTML
            <dl>
                <dt>ARCHIVE</dt>
                    <dd>
                    <select class="categoryy" name="archive-dropdown" onChange='document.location.href=this.options[this.selectedIndex].value;'> 
                            <option hidden>日付を選択する</option>
                            <option value=""><?php echo attribute_escape(__('月を選択してください')); ?></option> 
                            <?php wp_get_archives (array(
                                'post_type' => 'news',
                                'type' => 'monthly',
                                'format' => 'option',
                                'show_post_count' => '1'
                                ));
                            ?>
                        </select>
                    </dd>
            </dl>
```
上記セレクトボックスで選択した投稿月を下記箇所に、

```HTML
<h3 class="page_title">月別アーカイブ</h3>
```
「2021年5月」「2021年4月」と、切り替えて表示させるにはどうすればいいでしょうか?

年月ごとに、見出しを分けた一覧を表示したい。

### 実現したいこと

JavaScriptの[.test関数](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/RegExp/test)を使用して、
ひらがな、長音記号（ー）、半角英数字、半角、全角スペースのみにマッチする
正規表現を書きたいと考えています。

```
const REGEX = /^[あ-ん]|\s|ー|[ａ-ｚＡ-Ｚ]|[a-zA-Z]|[0-9０-９]$/;
let text = 'aaaあああ漢字la¥sd324@^^-=ーasdぁぃぅぇぉヵヶωΩ≈≈∂å∂¬˚˚©˚¥©¥˚∆œ©∑©∑¥¥§•';
REGEX.test(text)

結果：true
```

### 発生している問題

上記の変数 text には「漢字」という文字列やその他の長音記号以外の記号が含まれているにもかかわらず.test()が返す値がtrueになってしまいます。
REGEXに設定している正規表現が間違っているのは間違いないと思うのですが、
具体的にはどうすれば漢字やその他の記号等を弾けるでしょうか？
参考になるページでも結構ですのでご教示いただけませんでしょうか。

### 補足情報

ブラウザ：Google Chrome Version 71.0.3578.98 (Official Build) (64-bit)
Developer Toolsにて確認

ひらがな、長音記号、半角英数字、スペースにマッチする正規表現

PHPでメールフォームを作成したので、脆弱性がないかアドバイスいただけないでしょうか。
エンジニアでもなければ、PHPもろくに書けない雑魚ですが、「[php メールフォーム 作り方](https://www.google.co.jp/search?q=php+%E3%83%A1%E3%83%BC%E3%83%AB%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0+%E4%BD%9C%E3%82%8A%E6%96%B9&ie=utf-8&oe=utf-8&client=firefox-b-ab&gfe_rd=cr&ei=6NrkWKWOBuzZ8AfguCs)」でググって表示されるサイトを見ると、「んんんんん？？？」と思うところがあります。
これらを参考にしたり、コピペする方は、記述されているコードの良し悪しは判断できないかと思います。
そのような方々が参考にできるメールフォームを作りたいという思いで、調べて作りました。
周りに書いたコードを確認してもらえる人もいないので、皆様からのアドバイスがほしいです((_ _ (´ω｀ )ﾍﾟｺ

このメールフォームは、下記を対象者としています。

- php メールフォーム 作り方 でググってコピペする方
- コピペして動けばいいと考えている方
- if文や関数など基本的な記述はわかるけど、クラスとか理解していない方
- 脆弱性？なにそれ？という方

そのために、このメールフォームは下記の点を意識して作成しました。

- **コピペしたら動く**
- **なるべく難しい記述はしない、記述量を減らす**
- 処理を中断する die を使っていないので、表示したい箇所にコピペすれば動く
- PHP5.2.xまで想定し、環境（magic_quotes_gpc、セーフモード）に依存しない
- 肝心の脆弱性対策はクリックジャッキング、CSRF、XSS、メールヘッダインジェクションを考慮

最終的にはコード＋説明した記事を作成してQittaに投稿する予定です。
問題があれば、詳しい方々からアドバイスやご指摘があるはずなので...

**皆様から見て、脆弱性や気になる点などあれば、アドバイスもらえると嬉しいです((_ _ (´ω｀ )ﾍﾟｺ**
至らないところがあれば、調べますので、ご指摘だけでも頂けると嬉しいです。
お願いします。

入力（`index.php`） → 確認（`confirm.php`） → 送信（`send.php`） と画面を遷移してメールを送ります。

```php
<?php
// 他のサイトでインラインフレーム表示を禁止する（クリックジャッキング対策）
header('X-FRAME-OPTIONS: SAMEORIGIN');

// セッション開始
session_start();

// HTML特殊文字をエスケープする関数
function h($str) {
	return htmlspecialchars($str,ENT_QUOTES,'UTF-8');
}

/* --------------------------------------------------
	トークンの作成（CSRF対策）

	※使用しているPHPのバージョン・環境にあわせて
	 トークンを選んでね。不要なトークは削除してね。
-------------------------------------------------- */

// PHP 7.0 以降
if(!isset($_SESSION['token'])) {
	$_SESSION['token'] = bin2hex(random_bytes(32));
}

// PHP 5.3 ～ 5.x ※OPENSSL導入済
if(!isset($_SESSION['token'])) {
	$_SESSION['token'] = bin2hex(openssl_random_pseudo_bytes(32));
}

// PHP 5.3 未満
if(!isset($_SESSION['token'])) {
	$_SESSION['token'] = hash('sha256', session_id());
}

// トークンを代入
$token = $_SESSION['token'];

?>
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>入力画面</title>
</head>
<body>

<h1>お問い合わせ（入力画面）</h1>

<form method="post" action="confirm.php">
<table>
	<tr>
		<th>お名前（必須）</th>
		<td><input type="text" name="name"></td>
	</tr>
	<tr>
		<th>ふりがな（必須）</th>
		<td><input type="text" name="ruby"></td>
	</tr>
	<tr>
		<th>メールアドレス（必須）</th>
		<td><input type="text" name="mail"></td>
	</tr>
	<tr>
		<th>内容（必須）</th>
		<td><textarea name="content"></textarea></td>
	</tr>
</table>
<input type="hidden" name="token" value="<?php echo h($token); ?>">
<button>送信内容確認</button>
</form>
</body>
</html>
```

```php
<?php
// 他のサイトでインラインフレーム表示を禁止する（クリックジャッキング対策）
header('X-FRAME-OPTIONS: SAMEORIGIN');

// セッション開始
session_start();

// HTML特殊文字をエスケープする関数
function h($str) {
    return htmlspecialchars($str,ENT_QUOTES,'UTF-8');
}
?>
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>確認画面</title>
</head>
<body>

<h1>お問い合わせ（確認画面）</h1>

<?php

// セッション変数がなければ、空文字を代入
if(!isset($_SESSION['token'])) {
    $_SESSION['token'] = '';
}

// POSTされたデータを変数に代入（magic_quotes_gpc = On ＋ NULLバイト 対策）
foreach (array('token','name','ruby','mail','content') as $v) {
    $$v = filter_input(INPUT_POST, $v, FILTER_DEFAULT, FILTER_FLAG_STRIP_LOW);
}

// トークンを確認し、確認画面を表示
if($token !== $_SESSION['token']) {

    echo '<p>お問い合わせの手順に誤りがあります。<br>お手数ですが、最初からやり直してください。</p>';

} else {

    $error_flag = 0;

    // 必須項目は未入力をチェック
    if ($name === '') {
        echo '<p>お名前をご入力してください。</p>';
        $error_flag = 1;
    } elseif (mb_strlen($name) > 50) {
        echo '<p>お名前は 50 文字以内で入力してください。</p>';
        $error_flag = 1;
    }

    if ($ruby === '') {
        echo '<p>ふりがなをご入力してください。</p>';
        $error_flag = 1;
    } elseif (mb_strlen($ruby) > 50) {
        echo '<p>ふりがなは 50 文字以内で入力してください。</p>';
        $error_flag = 1;
    }

    if ($mail === '') {
        echo '<p>メールアドレスをご入力してください。</p>';
        $error_flag = 1;
    } elseif (mb_strlen($mail) > 100) {
        echo '<p>メールアドレスは 100 文字以内で入力してください。</p>';
        $error_flag = 1;
    } elseif (!filter_var($mail, FILTER_VALIDATE_EMAIL)) {
        echo '<p>メールアドレスの形式が正しくありません。</p>';
        $error_flag = 1;
    }

    if ($content === '') {
        echo '<p>内容をご入力してください。</p>';
        $error_flag = 1;
    } elseif (mb_strlen($content) > 500) {
        echo '<p>内容は 500 文字以内で入力してください。</p>';
        $error_flag = 1;
    }

    // エラーがある場合は、戻るボタンを表示し、エラーがない場合は、確認画面を表示
    if ($error_flag === 1) {
        echo '<button onClick="history.back(); return false;">戻る</button>';
    } else {
        // セッション変数に代入
        $_SESSION['name'] = $name;
        $_SESSION['ruby'] = $ruby;
        $_SESSION['mail'] = $mail;
        $_SESSION['content'] = $content;

        // 確認用画面の表示
    ?>

        <form method="post" action="send.php">
            <table>
                <tr>
                    <th>お名前</th>
                    <td><?php echo h($name); ?></td>
                </tr>
                <tr>
                    <th>ふりがな</th>
                    <td><?php echo h($ruby); ?></td>
                </tr>
                <tr>
                    <th>メールアドレス</th>
                    <td><?php echo h($mail); ?></td>
                </tr>
                <tr>
                    <th>内容</th>
                    <td><?php echo nl2br(h($content)); ?></td>
                </tr>
            </table>
            <input type="hidden" name="token" value="<?php echo h($token); ?>">
            <button>送信</button>
        </form>

<?php
    }
}
?>
</body>
</html>
```

```php
<?php
// 他のサイトでインラインフレーム表示を禁止する（クリックジャッキング対策）
header('X-FRAME-OPTIONS: SAMEORIGIN');

// セッション開始
session_start();

// mb_send_mail のエンコーディング
mb_language('ja');

// 内部文字エンコーディングを設定
mb_internal_encoding('UTF-8');
?>
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>送信画面</title>
</head>
<body>

<h1>お問い合わせ（送信画面）</h1>

<?php

// セッション変数がなければ、空文字を代入
if(!isset($_SESSION['token'])) {
    $_SESSION['token'] = '';
}

// POST['token']の値をtoken変数に代入
$token = filter_input(INPUT_POST, 'token', FILTER_DEFAULT, FILTER_FLAG_STRIP_LOW);

// 各セッション変数を各変数に代入
$name = isset($_SESSION['name']) && is_string($_SESSION['name']) ? $_SESSION['name'] : '';
$ruby = isset($_SESSION['ruby']) && is_string($_SESSION['ruby']) ? $_SESSION['ruby'] : '';
$mail = isset($_SESSION['mail']) && is_string($_SESSION['mail']) ? $_SESSION['mail'] : '';
$content = isset($_SESSION['content']) && is_string($_SESSION['content']) ? $_SESSION['content'] : '';

// トークンの値が一致しない場合は、エラー文を表示し、一致する場合は送信する
if($token !== $_SESSION['token']) {

    echo '<p>送信後に再度アクセスされたか、お問い合わせの手順に誤りがあります。<br>お手数ですが、最初の画面からご入力ください。<p>';

} else {

    /*  運営側へ送信するメールの設定  */

    // 送信先のメールアドレス
    $to      = 'xxxxxx@xxxxx.xxxx';
    // 件名
    $subject = '【お問い合わせからの送信】○○○○○○○○○○';
    // 本文
    $message = "◆お名前\n$name\n\n◆フリガナ\n$ruby\n\n◆メールアドレス\n$mail\n\n◆内容\n$content";
    // オプション
    $option = '-f'. $to;


    /*  問い合わせされた方へ自動返信するメールの設定  */

    // 件名
    $auto_subject = '【お問い合わせ】○○○○○○○○○○';
    // 送信元のメールアドレス
    $auto_from    = 'From:' . $to;
    // 本文
    $auto_message = "
※このメールは自動返信によるものです。

$name 様

このたびは、お問合せいただき、誠にありがとうございました。

お送りいただきました内容を確認の上、担当者より折り返しご連絡させていただきます。
    ";

    /* セーフモードがONの場合は、mb_send_mailの第5引数が使えないため、処理を分岐して送信 */
    if(ini_get('safe_mode')) {

        /*  運営側と自動返信のメールの送信が完了したら、送信完了の文章を表示する  */
        if(mb_send_mail($to, $subject, $message, "From:$mail") && mb_send_mail($mail, $auto_subject, $auto_message, $auto_from)) {
            echo '<p>このたびは、お問合せいただき、誠にありがとうございました。<br>お送りいただきました内容を確認の上、担当者より折り返しご連絡させていただきます。</p>';
        } else {
            echo '<p>大変申し訳ございませんが、メールの送信に失敗しました。<br>お手数ですが最初からやり直してください。</p>';
        }

    } else {

        /*  運営側と自動返信のメールの送信が完了したら、送信完了の文章を表示する  */
        if(mb_send_mail($to, $subject, $message, "From:$mail", $option) && mb_send_mail($mail, $auto_subject, $auto_message, $auto_from, $option)) {
            echo '<p>このたびは、お問合せいただき、誠にありがとうございました。<br>お送りいただきました内容を確認の上、担当者より折り返しご連絡させていただきます。</p>';
        } else {
            echo '<p>大変申し訳ございませんが、メールの送信に失敗しました。<br>お手数ですが最初からやり直してください。</p>';
        }

    }

}

// セッションの破棄
$_SESSION = array();
session_destroy();

?>
</body>
</html>
```

## **2017.04.11 追記**

徳丸氏による、脆弱性の解説です。

- [teratailに投稿されたメールフォームにCSRF脆弱性が残存した理由 | 徳丸浩の日記](http://blog.tokumaru.org/2017/04/teratailcsrf.html)

ありがとうございます((_ _ (´ω｀ )ﾍﾟｺ

【PHP】作成したメールフォームに脆弱性がないか、アドバイスもらえないでしょうか。

現在WordPressのテンプレートでタイトル通りのことをやりたく作成をしております。
具体的なイメージとしては下記のようなページテンプレートを作りたいです。


カテゴリー：hogehoge

2019年度
xx月xx日 記事タイトル
xx月xx日 記事タイトル

2018年度
xx月xx日 記事タイトル
xx月xx日 記事タイトル

2017年度
xx月xx日 記事タイトル
xx月xx日 記事タイトル



それに対して現在作成したコードは下記の通りです。

(page-hogehoge-no-matome.php)
```WordPress PHP
<?php 
query_posts('category_name=hogehoge&posts_per_page=-1');
if (have_posts()) : while (have_posts()) : the_post();
$post_year = get_the_date('Y');
?>
	<?php if ($post_year == '2020' ): ?>
		<h3><span class="Title">2020年度</span></h3>
			<div class="News"><a href="<?php the_permalink();?>"><p class="day bold"><?php the_time('Y.m.d');?><p class="title"><?php the_title();?></p></a></div>
	<?php elseif ($post_year == '2019' ): ?>
		<h3 class="mtL"><span class="Title">2019年度</span></h3>
			<div class="News"><a href="<?php the_permalink();?>"><p class="day bold"><?php the_time('Y.m.d');?><p class="title"><?php the_title();?></p></a></div>
	<?php elseif ($post_year == '2018' ): ?>
		<h3 class="mtL"><span class="Title">2018年度</span></h3>
			<div class="News"><a href="<?php the_permalink();?>"><p class="day bold"><?php the_time('Y.m.d');?><p class="title"><?php the_title();?></p></a></div>
	<?php endif; ?>
<?php endwhile; endif; ?>
<?php wp_reset_query(); ?>
```

上記コードだと当たり前ですが以下のようになってしまいます。

2019年度
xx月xx日 記事タイトル

2019年度
xx月xx日 記事タイトル

2018年度
xx月xx日 記事タイトル

2018年度
xx月xx日 記事タイトル


年度については一回表示されるだけにしたいのですが、上手い方法が何かあればご教授いただけると助かります。

WordPressで特定カテゴリーに属する記事一覧を年度ごとに綺麗に分けて1ページに表示させたい

こちらのサイトの「4. モーダルのサンプル（動画がでてくる、YouTube）」を参考にして動画のモーダルを実装しました。
[【jQuery】モーダルプラグイン『Remodal』の実装サンプル集](https://125naroom.com/web/3202)

このまま実装するとモーダルを閉じた際に動画が停止されませんでしたので、
以下のページのコードを参考にし、jQueryを書いてみてもうまく動いていないようで、停止されませんでした。
[Bootstrap3のmodalでYouTubeの動画を表示、ついでに閉じたら停止、modalのセンター表示02](https://codepen.io/kamikazerave/pen/zgaZYN)

実際に書いたコードがこちらです。
```html
<a href="#modal_d" class="btn">動画を表示する</a>
<div class="remodal" data-remodal-id="modal_d">
<div class="embed-container"  id="youtubeVideo">
<iframe id="modal-iframe" src="https://www.youtube.com/embed/PI4JABNwB_U" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
```
```javascript
$(document).ready(function() {
  $('#youtubeVideo').on('hidden.embed-container', function() {
    var $this = $(this).find('iframe'),
      tempSrc = $this.attr('src');
    $this.attr('src', "");
    $this.attr('src', tempSrc);

    console.log(tempSrc);
  });
});
```

どなたか解決策をご存知の方がいらっしゃいましたら、ご教授いただけますと幸いです。
よろしくお願いいたします。

モーダルを閉じたら動画が停止されるようにしたい（remodal.js）

## したいこと
WordPressでブログを作っています。
記事一覧ページにて、最新の記事は除外し2記事目からスタートして、
1ページあたり10記事を表示したいのですがどのようにしたら良いでしょうか？

query_postsは非推奨だと思うのでそれ以外の方法で考えていました。

`index.php`

```php
<?php
//記事があればentriesブロック以下を表示
if (have_posts()) : ?>

<div class="entries">

<?php
//記事数ぶんループ
while (have_posts()) :
the_post(); ?>



<a href="<?php the_permalink(); //記事のリンクを表示?>" class="entry-item wow fadeInUp">
<div class="entry-item-image">
<?php
if (has_post_thumbnail()) {
the_post_thumbnail('large');
} else {
echo '<img src="' . esc_url(get_template_directory_uri()) . '/img/noimg.png" alt="">';
}
?>
</div>
<div class="entry-item-meta">

<div class="entry-item-tag"><?php my_the_post_category(false); ?></div>
<time class="entry-item-published" datetime="<?php the_time('c'); ?>"><?php echo get_post_time('Y.n.j D'); ?></time>
</div>
<div class="entry-item-body">
<h2 class="entry-item-title"><?php the_title(); ?></h2>
<div class="entry-item-excerpt">
<p class="entry-item-text">
<?php the_excerpt(); ?>
</p>
</div>
</div>
</a>


                            
<?php endwhile; ?>

</div>

<?php endif; ?>
```

## 試したこと
ループしたい内容の前後に下記の記述だと、2記事目から表示されるのですが、
ページネーションで次のページに飛んでも1ページ目と同じ10記事が表示されてしまいます。

ご教示のほど宜しくお願いいたします。
```html
<?php
  $args = array(
    'posts_per_page' => 10,
    'offset' => 1,
  );
  $posts = get_posts( $args );
  foreach ( $posts as $post ): 
  setup_postdata( $post );
?>



<?php
  endforeach; // ループの終了
  wp_reset_postdata(); // 直前のクエリを復元する
?>
```