独自のウィジェットエリアを追加する方法

公開日: 使い方など
Knowledge Base Wordpress パソコン カスタマイズ 設定

最近お客様のご依頼に追われてちょっと疲れ気味。なかなか記事の追加ができなくなっていますが、気合を入れていきます。

ウィジェットって本当に便利ですよね?何でもかんでも挿入できて、順番を入れ替えられて・・ザ・Wordpressっていう機能の1つです。

ウィジェットを入れられる場所のことをウィジェットエリアといい、このウィジェットエリアはテーマによって場所や表示する条件などが制御されています。

つまり知識がない場合にはよりウィジェットエリアの多いものを選びがちになるってことなんですね。Wordpressをインストールすると入っているテーマはこれらを自身で設定していくことが前提になっているベーステーマなのでサイドバーのエリアだけって状態になっています。

本文のタイトル下、本文の下、フッターなどなどこれ以外にも入れたい場所があるのに・・・ちょっと残念です。

今回はタイトルでも書いている通り、自身で追加したい場所へ独自のウィジェットエリアを設ける方法です。

ウィジェットエリアを作ろう!!

結構敷居が高そうに見えるウィジェットエリアの作成、実は簡単に作れるんです。ここでは1つ追加する方法を紹介しますね。

方法は簡単、下のコードをテーマのfunctions.php末尾へ追加するだけです

add_action(
	'widgets_init',
	function(){
		register_sidebar(array(
			'id' => 'widget_under_content',
			'name' => 'ウィジェットの名前',
			'description' => 'ウィジェットの説明',
		));
	}
);
【注意】コードをコピーして使用する前に必ずお読みください

この記事内にコードが記載されている場合、コードはそのままコピー(いわゆるコピペ)してお使いいただいても構いませんが、以下の件にご留意ください。

使用については自己責任でお願いします

コードの確認は私の管理するサイト、またはテスト環境で問題が起こらなかったものですので、お使いの環境での動作等を保証するものではありません。

万が一このコードを使用してサイトに重篤なトラブルが生じても当サイト、当サイト管理者は一切責任を負いません

コードの変換エラーなどにより動作しない場合、更新エラーが出る場合があります

コードをそのままコピーしても問題なく使えるよう文字列変換を行った上で掲載しておりますが、希に変換できていない場合があり、コードエラーとなることがあります

その場合には以下の方法で修正を行ってみてください

  1. コードの中に全角の記号が入っていませんか?
  2. 半角にすることで解消できます
  3. コードの中に全角の空白(スペース)がありませんか?
  4. 半角にすることで解決できます
  5. 上のようなことがないのに更新できない
  6. 特に日本語での文字列が入っている場合には全角での文字列があるということでエラーになる場合があります。エラーとして返される行の先頭に空白がある場合には空白をなくすことできちんと認識され更新されるようになることが多いです。

コードを転載する場合には

ご自身のサイトで当ページのコードを転載される場合には必ず当ページへのリンクを入れていただきますようお願いいたします

※functions.phpへの追記に失敗するとWordpressのバージョンによっては管理画面が真っ白になって操作できなくなる可能性がありますのでFTPでバックアップを取るなりしてもしもに備えるようにしてください

コードの解説

簡単に言うとregister_sidebarというWordpress独自の関数を使って「ウィジェットエリアを追加してね!」としています

中にある「widget_under_content」というのはそのウィジェット固有の名前(id)なので適宜変更してください

「ウィジェットの名前」と「ウィジェットの説明」は管理画面から「外観」→「ウィジェット」で画面を開いたときに表示される名前や説明になりますから自身で分かるようにしておけばいいでしょう。

ウィジェットエリアの作成方法については

さんのページでとってもわかりやすく紹介されていますのでそちらもぜひ参考になさってください。

エリアができたら適当なウィジェットを追加しておきましょう(次の項目で表示設定をしたときにすぐ確認ができるようにするため)。

作成したウィジェットを表示させるようにしよう

テーマの編集なんてしたことがない・・・という方にはちょっと難解かも知れません。

WordPressのテーマは大きく

  1. サイトタイトルやメニューを表示するヘッダーエリア(テーマ内ではheader.phpがそれにあたります)
  2. サイト本文のエリア(テーマ内ではpage.phpやsingle.phpが標準的なファイル名です)
  3. サイドバーのエリア(テーマ内ではsidebar.phpが一般的です)
  4. フッターエリア(テーマ内ではfooter.phpが一般的です)

に分かれています。この中のどこに先ほど作ったウィジェットエリアを表示させるのかでまずは判断します。今回は本文の下に挿入する前提で解説します。

管理画面から「外観」→「テーマ編集」を開いてください(子テーマを使っている場合には親テーマを選択します)。

試しに「single.php」を開いてみましょう。なんだか怖いコードがたくさん書かれてますね。

テーマファイルの中は

<div>…</div>
【注意】コードをコピーして使用する前に必ずお読みください

この記事内にコードが記載されている場合、コードはそのままコピー(いわゆるコピペ)してお使いいただいても構いませんが、以下の件にご留意ください。

使用については自己責任でお願いします

コードの確認は私の管理するサイト、またはテスト環境で問題が起こらなかったものですので、お使いの環境での動作等を保証するものではありません。

万が一このコードを使用してサイトに重篤なトラブルが生じても当サイト、当サイト管理者は一切責任を負いません

コードの変換エラーなどにより動作しない場合、更新エラーが出る場合があります

コードをそのままコピーしても問題なく使えるよう文字列変換を行った上で掲載しておりますが、希に変換できていない場合があり、コードエラーとなることがあります

その場合には以下の方法で修正を行ってみてください

  1. コードの中に全角の記号が入っていませんか?
  2. 半角にすることで解消できます
  3. コードの中に全角の空白(スペース)がありませんか?
  4. 半角にすることで解決できます
  5. 上のようなことがないのに更新できない
  6. 特に日本語での文字列が入っている場合には全角での文字列があるということでエラーになる場合があります。エラーとして返される行の先頭に空白がある場合には空白をなくすことできちんと認識され更新されるようになることが多いです。

コードを転載する場合には

ご自身のサイトで当ページのコードを転載される場合には必ず当ページへのリンクを入れていただきますようお願いいたします

というタグの間にいろいろなコンテンツが入っていますこれが1つの部品の塊になります。

これがAの部品の中にBとCの部品があって・・・という風に多数折り重なっていつものページが表示されるようになっています。

そしてよーーく見ると、表示されるのと同じような文字が入ってたりします。それをヒントに「この辺の位置かな?」と当たりを付けてください。

ここに入れたらどうなるだろう・・・という場所が決まったら改行して隙間を空けて以下のコードを追記してみてください

<p>ここに何かが表示されますよ</p>
【注意】コードをコピーして使用する前に必ずお読みください

この記事内にコードが記載されている場合、コードはそのままコピー(いわゆるコピペ)してお使いいただいても構いませんが、以下の件にご留意ください。

使用については自己責任でお願いします

コードの確認は私の管理するサイト、またはテスト環境で問題が起こらなかったものですので、お使いの環境での動作等を保証するものではありません。

万が一このコードを使用してサイトに重篤なトラブルが生じても当サイト、当サイト管理者は一切責任を負いません

コードの変換エラーなどにより動作しない場合、更新エラーが出る場合があります

コードをそのままコピーしても問題なく使えるよう文字列変換を行った上で掲載しておりますが、希に変換できていない場合があり、コードエラーとなることがあります

その場合には以下の方法で修正を行ってみてください

  1. コードの中に全角の記号が入っていませんか?
  2. 半角にすることで解消できます
  3. コードの中に全角の空白(スペース)がありませんか?
  4. 半角にすることで解決できます
  5. 上のようなことがないのに更新できない
  6. 特に日本語での文字列が入っている場合には全角での文字列があるということでエラーになる場合があります。エラーとして返される行の先頭に空白がある場合には空白をなくすことできちんと認識され更新されるようになることが多いです。

コードを転載する場合には

ご自身のサイトで当ページのコードを転載される場合には必ず当ページへのリンクを入れていただきますようお願いいたします

そして更新したら一度サイトの画面を開いてみてください。「single.php」は投稿を表示するためのファイルなので、投稿を1つ表示してみてください

すると・・・どこかに「ここに何かが表示されますよ」という文字列が出てくるはず・・・。

つまり「ここに何かが表示されますよ」の代わりにウィジェットエリアを挿入するコードを入れればもうウィジェットエリアは完成!!というわけなんです。テーマによってファイル内の記述はさまざまですから、自分のテーマでないものを参考にコピペするよりもご自身でこうしてテストした方がより確実に場所を特定することができます。

それではいい場所が見つかったら

<p>ここに何かが表示されますよ</p>
【注意】コードをコピーして使用する前に必ずお読みください

この記事内にコードが記載されている場合、コードはそのままコピー(いわゆるコピペ)してお使いいただいても構いませんが、以下の件にご留意ください。

使用については自己責任でお願いします

コードの確認は私の管理するサイト、またはテスト環境で問題が起こらなかったものですので、お使いの環境での動作等を保証するものではありません。

万が一このコードを使用してサイトに重篤なトラブルが生じても当サイト、当サイト管理者は一切責任を負いません

コードの変換エラーなどにより動作しない場合、更新エラーが出る場合があります

コードをそのままコピーしても問題なく使えるよう文字列変換を行った上で掲載しておりますが、希に変換できていない場合があり、コードエラーとなることがあります

その場合には以下の方法で修正を行ってみてください

  1. コードの中に全角の記号が入っていませんか?
  2. 半角にすることで解消できます
  3. コードの中に全角の空白(スペース)がありませんか?
  4. 半角にすることで解決できます
  5. 上のようなことがないのに更新できない
  6. 特に日本語での文字列が入っている場合には全角での文字列があるということでエラーになる場合があります。エラーとして返される行の先頭に空白がある場合には空白をなくすことできちんと認識され更新されるようになることが多いです。

コードを転載する場合には

ご自身のサイトで当ページのコードを転載される場合には必ず当ページへのリンクを入れていただきますようお願いいたします

の代わりに以下のコードをコピペしましょう

<?php //ウィジェットの追加ここから ?>
<aside>
	<?php if(is_active_sidebar('widget_under_content')) : ?>
		<ul id="m_undercontent_widget">
		<?php dynamic_sidebar('widget_under_content'); ?>
		</ul>
	<?php endif; ?>
</aside>
<?php //ウィジェットの追加ここまで ?>
【注意】コードをコピーして使用する前に必ずお読みください

この記事内にコードが記載されている場合、コードはそのままコピー(いわゆるコピペ)してお使いいただいても構いませんが、以下の件にご留意ください。

使用については自己責任でお願いします

コードの確認は私の管理するサイト、またはテスト環境で問題が起こらなかったものですので、お使いの環境での動作等を保証するものではありません。

万が一このコードを使用してサイトに重篤なトラブルが生じても当サイト、当サイト管理者は一切責任を負いません

コードの変換エラーなどにより動作しない場合、更新エラーが出る場合があります

コードをそのままコピーしても問題なく使えるよう文字列変換を行った上で掲載しておりますが、希に変換できていない場合があり、コードエラーとなることがあります

その場合には以下の方法で修正を行ってみてください

  1. コードの中に全角の記号が入っていませんか?
  2. 半角にすることで解消できます
  3. コードの中に全角の空白(スペース)がありませんか?
  4. 半角にすることで解決できます
  5. 上のようなことがないのに更新できない
  6. 特に日本語での文字列が入っている場合には全角での文字列があるということでエラーになる場合があります。エラーとして返される行の先頭に空白がある場合には空白をなくすことできちんと認識され更新されるようになることが多いです。

コードを転載する場合には

ご自身のサイトで当ページのコードを転載される場合には必ず当ページへのリンクを入れていただきますようお願いいたします

保存したら再び入れた部分のあるページを表示してみてください(single.phpの場合は何か投稿を表示してみてください)

・・・ね、先ほど設定しておいたウィジェットの内容が表示されますよね?たったこれだけでオリジナルのウィジェットエリアが完成します。

注意点としては前の項でfunctions.phpへ追記したときのウィジェットidとこのコードのウィジェットidが一致してること。例では両方「widget_under_content」となっているのが確認いただけると思います。

それから前述したように

<div>…</div>
【注意】コードをコピーして使用する前に必ずお読みください

この記事内にコードが記載されている場合、コードはそのままコピー(いわゆるコピペ)してお使いいただいても構いませんが、以下の件にご留意ください。

使用については自己責任でお願いします

コードの確認は私の管理するサイト、またはテスト環境で問題が起こらなかったものですので、お使いの環境での動作等を保証するものではありません。

万が一このコードを使用してサイトに重篤なトラブルが生じても当サイト、当サイト管理者は一切責任を負いません

コードの変換エラーなどにより動作しない場合、更新エラーが出る場合があります

コードをそのままコピーしても問題なく使えるよう文字列変換を行った上で掲載しておりますが、希に変換できていない場合があり、コードエラーとなることがあります

その場合には以下の方法で修正を行ってみてください

  1. コードの中に全角の記号が入っていませんか?
  2. 半角にすることで解消できます
  3. コードの中に全角の空白(スペース)がありませんか?
  4. 半角にすることで解決できます
  5. 上のようなことがないのに更新できない
  6. 特に日本語での文字列が入っている場合には全角での文字列があるということでエラーになる場合があります。エラーとして返される行の先頭に空白がある場合には空白をなくすことできちんと認識され更新されるようになることが多いです。

コードを転載する場合には

ご自身のサイトで当ページのコードを転載される場合には必ず当ページへのリンクを入れていただきますようお願いいたします

が折り重なるようになっていますから、入れる場所によっては幅が狭くなったりして思う場所ではなかった・・・という場合がありますから、誤って関係ないコード部分を移動しないように
<?php //ウィジェットの追加ここから ?>
<aside>
	<?php if(is_active_sidebar('widget_under_content')) : ?>
		<ul id="m_undercontent_widget">
		<?php dynamic_sidebar('widget_under_content'); ?>
		</ul>
	<?php endif; ?>
</aside>
<?php //ウィジェットの追加ここまで ?>
【注意】コードをコピーして使用する前に必ずお読みください

この記事内にコードが記載されている場合、コードはそのままコピー(いわゆるコピペ)してお使いいただいても構いませんが、以下の件にご留意ください。

使用については自己責任でお願いします

コードの確認は私の管理するサイト、またはテスト環境で問題が起こらなかったものですので、お使いの環境での動作等を保証するものではありません。

万が一このコードを使用してサイトに重篤なトラブルが生じても当サイト、当サイト管理者は一切責任を負いません

コードの変換エラーなどにより動作しない場合、更新エラーが出る場合があります

コードをそのままコピーしても問題なく使えるよう文字列変換を行った上で掲載しておりますが、希に変換できていない場合があり、コードエラーとなることがあります

その場合には以下の方法で修正を行ってみてください

  1. コードの中に全角の記号が入っていませんか?
  2. 半角にすることで解消できます
  3. コードの中に全角の空白(スペース)がありませんか?
  4. 半角にすることで解決できます
  5. 上のようなことがないのに更新できない
  6. 特に日本語での文字列が入っている場合には全角での文字列があるということでエラーになる場合があります。エラーとして返される行の先頭に空白がある場合には空白をなくすことできちんと認識され更新されるようになることが多いです。

コードを転載する場合には

ご自身のサイトで当ページのコードを転載される場合には必ず当ページへのリンクを入れていただきますようお願いいたします

だけを移動させて調整しましょう(そのために頭と末尾にここから、ここまでというコメントを入れてます)。


簡単に書かせていただきましたが、基本的にウィジェットエリアを追加する方法としてはこれですべてなんです。

今まで必死に「いい場所にウィジェットエリアがあるテーマ・・・」と探されていた方からしたら青天の霹靂ですよね?これができればどんなテーマでも思うようにカスタマイズできると思います。

おまけ モバイルの時だけ表示されるようにする

ついでなのでちょっと条件を追加する方法を紹介しておきます。スマホなどのモバイル端末でのみ表示されるようにする方法です。

上の基本的な設置方法ができるようになってからチャレンジしてくださいね。

WordPressはphpというプログラム言語が使われていて、条件分岐というのが使えるようになっています。つまり「もしも〇〇だったら・・・そうでなかったら・・・」ということが制御できるようになってるんです。

この条件分岐を先ほどテーマ内に挿入したコードへ追加します。出来上がったものがこれ

<?php //モバイル用本文下ウィジェットの追加ここから ?>
<?php if ( wp_is_mobile() ) : ?>
<aside>
	<?php if(is_active_sidebar('widget_under_content')) : ?>
		<ul id="m_undercontent_widget">
		<?php dynamic_sidebar('widget_under_content'); ?>
		</ul>
	<?php endif; ?>
</aside>
<?php else: ?>
<?php endif; ?>
<?php //モバイル用本文下ウィジェットの追加ここまで ?>
【注意】コードをコピーして使用する前に必ずお読みください

この記事内にコードが記載されている場合、コードはそのままコピー(いわゆるコピペ)してお使いいただいても構いませんが、以下の件にご留意ください。

使用については自己責任でお願いします

コードの確認は私の管理するサイト、またはテスト環境で問題が起こらなかったものですので、お使いの環境での動作等を保証するものではありません。

万が一このコードを使用してサイトに重篤なトラブルが生じても当サイト、当サイト管理者は一切責任を負いません

コードの変換エラーなどにより動作しない場合、更新エラーが出る場合があります

コードをそのままコピーしても問題なく使えるよう文字列変換を行った上で掲載しておりますが、希に変換できていない場合があり、コードエラーとなることがあります

その場合には以下の方法で修正を行ってみてください

  1. コードの中に全角の記号が入っていませんか?
  2. 半角にすることで解消できます
  3. コードの中に全角の空白(スペース)がありませんか?
  4. 半角にすることで解決できます
  5. 上のようなことがないのに更新できない
  6. 特に日本語での文字列が入っている場合には全角での文字列があるということでエラーになる場合があります。エラーとして返される行の先頭に空白がある場合には空白をなくすことできちんと認識され更新されるようになることが多いです。

コードを転載する場合には

ご自身のサイトで当ページのコードを転載される場合には必ず当ページへのリンクを入れていただきますようお願いいたします

よーく見比べると・・・お分かりになるかと思います。

新たに

<?php if ( wp_is_mobile() ) : ?>
<?php else: ?>
<?php endif; ?>
【注意】コードをコピーして使用する前に必ずお読みください

この記事内にコードが記載されている場合、コードはそのままコピー(いわゆるコピペ)してお使いいただいても構いませんが、以下の件にご留意ください。

使用については自己責任でお願いします

コードの確認は私の管理するサイト、またはテスト環境で問題が起こらなかったものですので、お使いの環境での動作等を保証するものではありません。

万が一このコードを使用してサイトに重篤なトラブルが生じても当サイト、当サイト管理者は一切責任を負いません

コードの変換エラーなどにより動作しない場合、更新エラーが出る場合があります

コードをそのままコピーしても問題なく使えるよう文字列変換を行った上で掲載しておりますが、希に変換できていない場合があり、コードエラーとなることがあります

その場合には以下の方法で修正を行ってみてください

  1. コードの中に全角の記号が入っていませんか?
  2. 半角にすることで解消できます
  3. コードの中に全角の空白(スペース)がありませんか?
  4. 半角にすることで解決できます
  5. 上のようなことがないのに更新できない
  6. 特に日本語での文字列が入っている場合には全角での文字列があるということでエラーになる場合があります。エラーとして返される行の先頭に空白がある場合には空白をなくすことできちんと認識され更新されるようになることが多いです。

コードを転載する場合には

ご自身のサイトで当ページのコードを転載される場合には必ず当ページへのリンクを入れていただきますようお願いいたします

という3行が追加されてますね。

これは1行目の

<?php if ( wp_is_mobile() ) : ?>
【注意】コードをコピーして使用する前に必ずお読みください

この記事内にコードが記載されている場合、コードはそのままコピー(いわゆるコピペ)してお使いいただいても構いませんが、以下の件にご留意ください。

使用については自己責任でお願いします

コードの確認は私の管理するサイト、またはテスト環境で問題が起こらなかったものですので、お使いの環境での動作等を保証するものではありません。

万が一このコードを使用してサイトに重篤なトラブルが生じても当サイト、当サイト管理者は一切責任を負いません

コードの変換エラーなどにより動作しない場合、更新エラーが出る場合があります

コードをそのままコピーしても問題なく使えるよう文字列変換を行った上で掲載しておりますが、希に変換できていない場合があり、コードエラーとなることがあります

その場合には以下の方法で修正を行ってみてください

  1. コードの中に全角の記号が入っていませんか?
  2. 半角にすることで解消できます
  3. コードの中に全角の空白(スペース)がありませんか?
  4. 半角にすることで解決できます
  5. 上のようなことがないのに更新できない
  6. 特に日本語での文字列が入っている場合には全角での文字列があるということでエラーになる場合があります。エラーとして返される行の先頭に空白がある場合には空白をなくすことできちんと認識され更新されるようになることが多いです。

コードを転載する場合には

ご自身のサイトで当ページのコードを転載される場合には必ず当ページへのリンクを入れていただきますようお願いいたします

で、もしもアクセスされたのがモバイル端末だったら・・・が書かれていてその下にモバイルの時に表示されるもの(今回の場合はウィジェットエリア)が書かれ、その下に
<?php else: ?>
【注意】コードをコピーして使用する前に必ずお読みください

この記事内にコードが記載されている場合、コードはそのままコピー(いわゆるコピペ)してお使いいただいても構いませんが、以下の件にご留意ください。

使用については自己責任でお願いします

コードの確認は私の管理するサイト、またはテスト環境で問題が起こらなかったものですので、お使いの環境での動作等を保証するものではありません。

万が一このコードを使用してサイトに重篤なトラブルが生じても当サイト、当サイト管理者は一切責任を負いません

コードの変換エラーなどにより動作しない場合、更新エラーが出る場合があります

コードをそのままコピーしても問題なく使えるよう文字列変換を行った上で掲載しておりますが、希に変換できていない場合があり、コードエラーとなることがあります

その場合には以下の方法で修正を行ってみてください

  1. コードの中に全角の記号が入っていませんか?
  2. 半角にすることで解消できます
  3. コードの中に全角の空白(スペース)がありませんか?
  4. 半角にすることで解決できます
  5. 上のようなことがないのに更新できない
  6. 特に日本語での文字列が入っている場合には全角での文字列があるということでエラーになる場合があります。エラーとして返される行の先頭に空白がある場合には空白をなくすことできちんと認識され更新されるようになることが多いです。

コードを転載する場合には

ご自身のサイトで当ページのコードを転載される場合には必ず当ページへのリンクを入れていただきますようお願いいたします

という「モバイル端末でなかったら・・」が書かれています(今回の場合はモバイルでなかったら何も表示しないので空にしてあります)

そして最後に

<?php endif; ?>
【注意】コードをコピーして使用する前に必ずお読みください

この記事内にコードが記載されている場合、コードはそのままコピー(いわゆるコピペ)してお使いいただいても構いませんが、以下の件にご留意ください。

使用については自己責任でお願いします

コードの確認は私の管理するサイト、またはテスト環境で問題が起こらなかったものですので、お使いの環境での動作等を保証するものではありません。

万が一このコードを使用してサイトに重篤なトラブルが生じても当サイト、当サイト管理者は一切責任を負いません

コードの変換エラーなどにより動作しない場合、更新エラーが出る場合があります

コードをそのままコピーしても問題なく使えるよう文字列変換を行った上で掲載しておりますが、希に変換できていない場合があり、コードエラーとなることがあります

その場合には以下の方法で修正を行ってみてください

  1. コードの中に全角の記号が入っていませんか?
  2. 半角にすることで解消できます
  3. コードの中に全角の空白(スペース)がありませんか?
  4. 半角にすることで解決できます
  5. 上のようなことがないのに更新できない
  6. 特に日本語での文字列が入っている場合には全角での文字列があるということでエラーになる場合があります。エラーとして返される行の先頭に空白がある場合には空白をなくすことできちんと認識され更新されるようになることが多いです。

コードを転載する場合には

ご自身のサイトで当ページのコードを転載される場合には必ず当ページへのリンクを入れていただきますようお願いいたします

で「もしも・・・の内容はここで終わりですよ!」と閉じてます。

もしもモバイルだったら・・を判断させるために最初の行で書いてある「wp_is_mobile」という関数についてはその他にもいろいろなパターンがありますから、Wordpressの公式ページなどを見ていろいろチャレンジしてください。

いつでもご相談・サイトカスタマイズの依頼を受け付けています

Wordpressのカスタマイズ、不具合解消のご相談はすべてココナラのダイレクトメッセージからお受けしております。まずはこちらのバナーからお気軽にお問い合わせください。

※一度もココナラを使ったことがない方はココナラへの無料登録が必要です。こちらから登録後、上のリンクをクリックする、またはココナラトップページから「ひまあーと」を検索してお問い合わせください。


【スポンサーリンク】


記事の拡散にご協力をお願いします

閲覧いただきありがとうございました。役に立つ情報でしたら是非SNSでシェアをお願いします

関連情報