<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Blog | Samurai Web Works サムライウェブワークス -ロサンゼルスのウェブデザイン会社-</title>
	<atom:link href="https://samurai-web-works.com/info/feed/" rel="self" type="application/rss+xml" />
	<link>https://samurai-web-works.com/info</link>
	<description></description>
	<lastBuildDate>Tue, 23 Mar 2021 04:57:14 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=5.2.15</generator>
<atom:link rel="hub" href="https://pubsubhubbub.appspot.com"/><atom:link rel="hub" href="https://pubsubhubbub.superfeedr.com"/>	<item>
		<title>(新) Google reCAPTCHA V3 リキャプチャ設置、設定方法</title>
		<link>https://samurai-web-works.com/info/usefultools/how-to-set-up-google-recaptcha-v3/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=how-to-set-up-google-recaptcha-v3</link>
				<comments>https://samurai-web-works.com/info/usefultools/how-to-set-up-google-recaptcha-v3/#respond</comments>
				<pubDate>Tue, 23 Mar 2021 04:21:50 +0000</pubDate>
		<dc:creator><![CDATA[admin]]></dc:creator>
				<category><![CDATA[ウェブお役立ちTool, 制作Tips]]></category>

		<guid isPermaLink="false">https://samurai-web-works.com/info/?p=386</guid>
				<description><![CDATA[<p>&#8220;reCAPTCHA リキャプチャ&#8221; は、現在メールフォーム、もしくは会員登録の際等に [&#8230;]</p>
<p>投稿 <a rel="nofollow" href="https://samurai-web-works.com/info/usefultools/how-to-set-up-google-recaptcha-v3/">(新) Google reCAPTCHA V3 リキャプチャ設置、設定方法</a> は <a rel="nofollow" href="https://samurai-web-works.com/info">Blog | Samurai Web Works サムライウェブワークス -ロサンゼルスのウェブデザイン会社-</a> に最初に表示されました。</p>
]]></description>
								<content:encoded><![CDATA[<div class="theContentWrap-ccc"><a href="https://samurai-web-works.com/info/wp-content/uploads/2021/03/img-google-recaptcha-v3.jpg" data-rel="lightbox-image-0" data-rl_title="" data-rl_caption="" title=""><img src="https://samurai-web-works.com/info/wp-content/uploads/2021/03/img-google-recaptcha-v3.jpg" alt="(新) Google reCAPTCHA V3 リキャプチャ設置、設定方法" width="640" height="330" class="size-full wp-image-391" srcset="https://samurai-web-works.com/info/wp-content/uploads/2021/03/img-google-recaptcha-v3.jpg 640w, https://samurai-web-works.com/info/wp-content/uploads/2021/03/img-google-recaptcha-v3-300x155.jpg 300w" sizes="(max-width: 640px) 100vw, 640px" /></a>

<p class="mB20">&#8220;reCAPTCHA リキャプチャ&#8221; は、現在メールフォーム、もしくは会員登録の際等に用いられるスパム防止機能です。こちらは、最新のクリックが必要の無いタイプ (reCAPTCH V3) の設置方法を記していきます。</p>
<span id="more-386"></span>
<h2>Google reCAPTCHA に登録してAPIキーを入手する</h2>

<ol class="mB50">
 <li>まず始めに　<a href="http://www.google.com/recaptcha/intro/" target="_blank" rel="noopener noreferrer">http://www.google.com/recaptcha/intro/</a> <br />Google reCAPTCHA ページにアクセス、右上の青ボタン Get reCAPTCHA をクリック。Google アカウントをお持ちの方はそのまま次へ、無い方は登録して頂く必要があります。 <a href="https://samurai-web-works.com/info/wp-content/uploads/2021/03/img-google-recaptcha-v3.jpg" data-rel="lightbox-image-0" data-rl_title="" data-rl_caption="" title=""><img src="https://samurai-web-works.com/info/wp-content/uploads/2021/03/img-google-recaptcha-v3.jpg" alt="(新) Google reCAPTCHA V3 リキャプチャ設置、設定方法" width="640" height="330" class="size-full wp-image-391" srcset="https://samurai-web-works.com/info/wp-content/uploads/2021/03/img-google-recaptcha-v3.jpg 640w, https://samurai-web-works.com/info/wp-content/uploads/2021/03/img-google-recaptcha-v3-300x155.jpg 300w" sizes="(max-width: 640px) 100vw, 640px" /></a></li>
 <li class="mB15">次に各情報を入力します。<br>Label には任意の情報を (登録するウェブサイトのコンタクトフォーム等) 、<br>Choose the type of reCAPTCHA では、ウェブサイトの場合はreCAPTCHA V3 を選択。<br>するとドメインが入力される様になるので、ドメインを入力。こちらは基本は1つでいいはずです。最後に Terms of Service をクリックして登録。</li>
 <li>その後 <strong>Site Key</strong> <strong>Secret Key</strong> の2つが生成されていると思います。<br><strong>Site Key</strong> は後に貼り付けるJavascript に使います、<br><strong>Secret Key</strong> はサーバー側に使用する PHPコード (PHPの場合) に使用します。<strong>Secret Key は表に出さない様に気おつけて下さい。</strong></li>
</ol>
<h2 class="text_red">コンタクトフォーム内に以下のコードを貼り付け</h2>

<pre class="brush: jscript; title: ; notranslate">
&lt;script src=&quot;https://www.google.com/recaptcha/api.js?render=生成された Sitekey をこちらに貼り付け&quot;&gt;&lt;/script&gt; 
&lt;script&gt;
grecaptcha.ready(function() {
    grecaptcha.execute('生成された Sitekey をこちらに貼り付け', {action: 'homepage'}).then(function(token) {
        var recaptchaResponse = document.getElementById('g-recaptcha-response');
        recaptchaResponse.value = token;
    });
});
&lt;/script&gt;
</pre>

<h2 class="text_red mT50 mB20">次に、フォームの Submit ボタンに以下のコードを設置</h2>

<pre class="brush: jscript; title: ; notranslate">
 &lt;input type=&quot;hidden&quot; name=&quot;g-recaptcha-response&quot; id=&quot;g-recaptcha-response&quot;&gt;
 &lt;button type=&quot;submit&quot;&gt; 送信 &lt;/button&gt;
</pre>

<p class="mT20 mB50">これで自分のフォームに reCAPTCHA が設置されたはずです。（必ず入手したAPIがドメインと符号しているのを確認して下さい。違うドメインの物だと表示されません。）しかしこのままでは動きませんので、次はサーバー側の設定に移ろうと思います。</p>

<h2 class="text_red">PHPの設定をする</h2>
<p class="mB20">次はサーバー側の設定。Ajaxやその他の言語の設定方法もあるそうなのですが、今回はPHPでの設定を説明したいと思います。今回は、メールの受取側のスクリプトに以下のコードを設置。</p>

<pre class="brush: php; title: ; notranslate">
&lt;?php
 $secretKey =  '生成された Scecret Key をこちらに貼り付け';
 $captchaResponse = $_POST['g-recaptcha-response'];

 // APIリクエスト
 $verifyResponse = file_get_contents(&quot;https://www.google.com/recaptcha/api/siteverify?secret={$secretKey}&amp;response={$captchaResponse}&quot;);

 // APIレスポンス確認
 $responseData = json_decode($verifyResponse);
 if ($responseData-&gt;success) {
  // echo '&lt;h1 class=&quot;text-center&quot;&gt;&lt;span class=&quot;no_wrap&quot;&gt;ありがとうございました。&lt;/span&gt;&lt;/h1&gt;'; // 成功（ロボットではない）
   if (mail($to,&quot;題名をこちらへ入力&quot;, $message, $headers)) {
      echo '&lt;h1 class=&quot;text-center&quot;&gt;&lt;span class=&quot;no_wrap&quot;&gt;ありがとうございました。&lt;/span&gt;&lt;/h1&gt;';
   }
 } else {
  echo '&lt;h1 class=&quot;text-center&quot;&gt;Sorry unexpected error occurred, please try again later.&lt;/h1&gt;'; // 失敗
 }
?&gt;
</pre>

<p class="mT20 mB20">=受け取りに失敗した場合、のメッセージは必要に応じて書き換えて下さい。</p>

<p>いかがでしたでしょうか？実際 PHP コードに組み込むと、なると多少のコード書き換え知識が必要になります。今回は、reCAPTCHA 部分のみの公開にさせて頂きますが、これで基本的な Google reCAPTCHA リキャプチャ設置 はお分かりになったと思います。<br>前のバージョンの物より大分シンプルな設置方法になったと思います。</p>
</div><p>投稿 <a rel="nofollow" href="https://samurai-web-works.com/info/usefultools/how-to-set-up-google-recaptcha-v3/">(新) Google reCAPTCHA V3 リキャプチャ設置、設定方法</a> は <a rel="nofollow" href="https://samurai-web-works.com/info">Blog | Samurai Web Works サムライウェブワークス -ロサンゼルスのウェブデザイン会社-</a> に最初に表示されました。</p>
]]></content:encoded>
							<wfw:commentRss>https://samurai-web-works.com/info/usefultools/how-to-set-up-google-recaptcha-v3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
							</item>
		<item>
		<title>2018年 最近の制作実績 その3</title>
		<link>https://samurai-web-works.com/info/portfolio/2018-latest-portfolio-3/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=2018-latest-portfolio-3</link>
				<comments>https://samurai-web-works.com/info/portfolio/2018-latest-portfolio-3/#respond</comments>
				<pubDate>Mon, 24 Dec 2018 01:34:18 +0000</pubDate>
		<dc:creator><![CDATA[admin]]></dc:creator>
				<category><![CDATA[制作実績]]></category>

		<guid isPermaLink="false">https://samurai-web-works.com/info/?p=375</guid>
				<description><![CDATA[<p>2018年も後一週間を残す所になりました。最近制作したクライアント様のウェブサイトを、公開させて頂きます。 V [&#8230;]</p>
<p>投稿 <a rel="nofollow" href="https://samurai-web-works.com/info/portfolio/2018-latest-portfolio-3/">2018年 最近の制作実績 その3</a> は <a rel="nofollow" href="https://samurai-web-works.com/info">Blog | Samurai Web Works サムライウェブワークス -ロサンゼルスのウェブデザイン会社-</a> に最初に表示されました。</p>
]]></description>
								<content:encoded><![CDATA[<div class="theContentWrap-ccc"><p>2018年も後一週間を残す所になりました。最近制作したクライアント様のウェブサイトを、公開させて頂きます。</p>

<blockquote class="instagram-media" data-instgrm-permalink="https://www.instagram.com/p/BqeVWwPBxMj/?utm_source=ig_embed&amp;utm_medium=loading" data-instgrm-version="12" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:540px; min-width:326px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);"><div style="padding:16px;"> <a href="https://www.instagram.com/p/BqeVWwPBxMj/?utm_source=ig_embed&amp;utm_medium=loading" style=" background:#FFFFFF; line-height:0; padding:0 0; text-align:center; text-decoration:none; width:100%;" target="_blank"> <div style=" display: flex; flex-direction: row; align-items: center;"> <div style="background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 40px; margin-right: 14px; width: 40px;"></div> <div style="display: flex; flex-direction: column; flex-grow: 1; justify-content: center;"> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 100px;"></div> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 60px;"></div></div></div><div style="padding: 19% 0;"></div><div style="display:block; height:50px; margin:0 auto 12px; width:50px;"><svg width="50px" height="50px" viewBox="0 0 60 60" version="1.1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-511.000000, -20.000000)" fill="#000000"><g><path d="M556.869,30.41 C554.814,30.41 553.148,32.076 553.148,34.131 C553.148,36.186 554.814,37.852 556.869,37.852 C558.924,37.852 560.59,36.186 560.59,34.131 C560.59,32.076 558.924,30.41 556.869,30.41 M541,60.657 C535.114,60.657 530.342,55.887 530.342,50 C530.342,44.114 535.114,39.342 541,39.342 C546.887,39.342 551.658,44.114 551.658,50 C551.658,55.887 546.887,60.657 541,60.657 M541,33.886 C532.1,33.886 524.886,41.1 524.886,50 C524.886,58.899 532.1,66.113 541,66.113 C549.9,66.113 557.115,58.899 557.115,50 C557.115,41.1 549.9,33.886 541,33.886 M565.378,62.101 C565.244,65.022 564.756,66.606 564.346,67.663 C563.803,69.06 563.154,70.057 562.106,71.106 C561.058,72.155 560.06,72.803 558.662,73.347 C557.607,73.757 556.021,74.244 553.102,74.378 C549.944,74.521 548.997,74.552 541,74.552 C533.003,74.552 532.056,74.521 528.898,74.378 C525.979,74.244 524.393,73.757 523.338,73.347 C521.94,72.803 520.942,72.155 519.894,71.106 C518.846,70.057 518.197,69.06 517.654,67.663 C517.244,66.606 516.755,65.022 516.623,62.101 C516.479,58.943 516.448,57.996 516.448,50 C516.448,42.003 516.479,41.056 516.623,37.899 C516.755,34.978 517.244,33.391 517.654,32.338 C518.197,30.938 518.846,29.942 519.894,28.894 C520.942,27.846 521.94,27.196 523.338,26.654 C524.393,26.244 525.979,25.756 528.898,25.623 C532.057,25.479 533.004,25.448 541,25.448 C548.997,25.448 549.943,25.479 553.102,25.623 C556.021,25.756 557.607,26.244 558.662,26.654 C560.06,27.196 561.058,27.846 562.106,28.894 C563.154,29.942 563.803,30.938 564.346,32.338 C564.756,33.391 565.244,34.978 565.378,37.899 C565.522,41.056 565.552,42.003 565.552,50 C565.552,57.996 565.522,58.943 565.378,62.101 M570.82,37.631 C570.674,34.438 570.167,32.258 569.425,30.349 C568.659,28.377 567.633,26.702 565.965,25.035 C564.297,23.368 562.623,22.342 560.652,21.575 C558.743,20.834 556.562,20.326 553.369,20.18 C550.169,20.033 549.148,20 541,20 C532.853,20 531.831,20.033 528.631,20.18 C525.438,20.326 523.257,20.834 521.349,21.575 C519.376,22.342 517.703,23.368 516.035,25.035 C514.368,26.702 513.342,28.377 512.574,30.349 C511.834,32.258 511.326,34.438 511.181,37.631 C511.035,40.831 511,41.851 511,50 C511,58.147 511.035,59.17 511.181,62.369 C511.326,65.562 511.834,67.743 512.574,69.651 C513.342,71.625 514.368,73.296 516.035,74.965 C517.703,76.634 519.376,77.658 521.349,78.425 C523.257,79.167 525.438,79.673 528.631,79.82 C531.831,79.965 532.853,80.001 541,80.001 C549.148,80.001 550.169,79.965 553.369,79.82 C556.562,79.673 558.743,79.167 560.652,78.425 C562.623,77.658 564.297,76.634 565.965,74.965 C567.633,73.296 568.659,71.625 569.425,69.651 C570.167,67.743 570.674,65.562 570.82,62.369 C570.966,59.17 571,58.147 571,50 C571,41.851 570.966,40.831 570.82,37.631"></path></g></g></g></svg></div><div style="padding-top: 8px;"> <div style=" color:#3897f0; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:550; line-height:18px;"> View this post on Instagram</div></div><div style="padding: 12.5% 0;"></div> <div style="display: flex; flex-direction: row; margin-bottom: 14px; align-items: center;"><div> <div style="background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(0px) translateY(7px);"></div> <div style="background-color: #F4F4F4; height: 12.5px; transform: rotate(-45deg) translateX(3px) translateY(1px); width: 12.5px; flex-grow: 0; margin-right: 14px; margin-left: 2px;"></div> <div style="background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(9px) translateY(-18px);"></div></div><div style="margin-left: 8px;"> <div style=" background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 20px; width: 20px;"></div> <div style=" width: 0; height: 0; border-top: 2px solid transparent; border-left: 6px solid #f4f4f4; border-bottom: 2px solid transparent; transform: translateX(16px) translateY(-4px) rotate(30deg)"></div></div><div style="margin-left: auto;"> <div style=" width: 0px; border-top: 8px solid #F4F4F4; border-right: 8px solid transparent; transform: translateY(16px);"></div> <div style=" background-color: #F4F4F4; flex-grow: 0; height: 12px; width: 16px; transform: translateY(-4px);"></div> <div style=" width: 0; height: 0; border-top: 8px solid #F4F4F4; border-left: 8px solid transparent; transform: translateY(-4px) translateX(8px);"></div></div></div> <div style="display: flex; flex-direction: column; flex-grow: 1; justify-content: center; margin-bottom: 24px;"> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 224px;"></div> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 144px;"></div></div></a><p style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;"><a href="https://www.instagram.com/p/BqeVWwPBxMj/?utm_source=ig_embed&amp;utm_medium=loading" style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none;" target="_blank">A post shared by Taisuke Inui Design (@taisukedesign)</a> on <time style=" font-family:Arial,sans-serif; font-size:14px; line-height:17px;" datetime="2018-11-22T07:18:37+00:00">Nov 21, 2018 at 11:18pm PST</time></p></div></blockquote> <script async src="//www.instagram.com/embed.js"></script>

<h2>Go Coachella 様</h2>
<p>アメリカで非常に有名な、音楽フェス Coachella のツアー特設サイト。アートと融合した音楽フェスという事でモダンな色使い、訪問者に面白いと思ってもらえる様なデザインで制作しました。WordPressのカスタムで、クライアント様が各種情報を自身で簡易アップデート可能な仕様にしました。(Advanced Custom Field Pro を使用しています。)<br>
<a href="https://go-coachella.com/" rel="noopener" target="_blank">https://go-coachella.com/</a></p>

<hr style="margin-bottom:30px;">

<blockquote class="instagram-media" data-instgrm-permalink="https://www.instagram.com/p/Bq_mCKPBNea/?utm_source=ig_embed&amp;utm_medium=loading" data-instgrm-version="12" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:540px; min-width:326px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);"><div style="padding:16px;"> <a href="https://www.instagram.com/p/Bq_mCKPBNea/?utm_source=ig_embed&amp;utm_medium=loading" style=" background:#FFFFFF; line-height:0; padding:0 0; text-align:center; text-decoration:none; width:100%;" target="_blank"> <div style=" display: flex; flex-direction: row; align-items: center;"> <div style="background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 40px; margin-right: 14px; width: 40px;"></div> <div style="display: flex; flex-direction: column; flex-grow: 1; justify-content: center;"> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 100px;"></div> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 60px;"></div></div></div><div style="padding: 19% 0;"></div><div style="display:block; height:50px; margin:0 auto 12px; width:50px;"><svg width="50px" height="50px" viewBox="0 0 60 60" version="1.1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-511.000000, -20.000000)" fill="#000000"><g><path d="M556.869,30.41 C554.814,30.41 553.148,32.076 553.148,34.131 C553.148,36.186 554.814,37.852 556.869,37.852 C558.924,37.852 560.59,36.186 560.59,34.131 C560.59,32.076 558.924,30.41 556.869,30.41 M541,60.657 C535.114,60.657 530.342,55.887 530.342,50 C530.342,44.114 535.114,39.342 541,39.342 C546.887,39.342 551.658,44.114 551.658,50 C551.658,55.887 546.887,60.657 541,60.657 M541,33.886 C532.1,33.886 524.886,41.1 524.886,50 C524.886,58.899 532.1,66.113 541,66.113 C549.9,66.113 557.115,58.899 557.115,50 C557.115,41.1 549.9,33.886 541,33.886 M565.378,62.101 C565.244,65.022 564.756,66.606 564.346,67.663 C563.803,69.06 563.154,70.057 562.106,71.106 C561.058,72.155 560.06,72.803 558.662,73.347 C557.607,73.757 556.021,74.244 553.102,74.378 C549.944,74.521 548.997,74.552 541,74.552 C533.003,74.552 532.056,74.521 528.898,74.378 C525.979,74.244 524.393,73.757 523.338,73.347 C521.94,72.803 520.942,72.155 519.894,71.106 C518.846,70.057 518.197,69.06 517.654,67.663 C517.244,66.606 516.755,65.022 516.623,62.101 C516.479,58.943 516.448,57.996 516.448,50 C516.448,42.003 516.479,41.056 516.623,37.899 C516.755,34.978 517.244,33.391 517.654,32.338 C518.197,30.938 518.846,29.942 519.894,28.894 C520.942,27.846 521.94,27.196 523.338,26.654 C524.393,26.244 525.979,25.756 528.898,25.623 C532.057,25.479 533.004,25.448 541,25.448 C548.997,25.448 549.943,25.479 553.102,25.623 C556.021,25.756 557.607,26.244 558.662,26.654 C560.06,27.196 561.058,27.846 562.106,28.894 C563.154,29.942 563.803,30.938 564.346,32.338 C564.756,33.391 565.244,34.978 565.378,37.899 C565.522,41.056 565.552,42.003 565.552,50 C565.552,57.996 565.522,58.943 565.378,62.101 M570.82,37.631 C570.674,34.438 570.167,32.258 569.425,30.349 C568.659,28.377 567.633,26.702 565.965,25.035 C564.297,23.368 562.623,22.342 560.652,21.575 C558.743,20.834 556.562,20.326 553.369,20.18 C550.169,20.033 549.148,20 541,20 C532.853,20 531.831,20.033 528.631,20.18 C525.438,20.326 523.257,20.834 521.349,21.575 C519.376,22.342 517.703,23.368 516.035,25.035 C514.368,26.702 513.342,28.377 512.574,30.349 C511.834,32.258 511.326,34.438 511.181,37.631 C511.035,40.831 511,41.851 511,50 C511,58.147 511.035,59.17 511.181,62.369 C511.326,65.562 511.834,67.743 512.574,69.651 C513.342,71.625 514.368,73.296 516.035,74.965 C517.703,76.634 519.376,77.658 521.349,78.425 C523.257,79.167 525.438,79.673 528.631,79.82 C531.831,79.965 532.853,80.001 541,80.001 C549.148,80.001 550.169,79.965 553.369,79.82 C556.562,79.673 558.743,79.167 560.652,78.425 C562.623,77.658 564.297,76.634 565.965,74.965 C567.633,73.296 568.659,71.625 569.425,69.651 C570.167,67.743 570.674,65.562 570.82,62.369 C570.966,59.17 571,58.147 571,50 C571,41.851 570.966,40.831 570.82,37.631"></path></g></g></g></svg></div><div style="padding-top: 8px;"> <div style=" color:#3897f0; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:550; line-height:18px;"> View this post on Instagram</div></div><div style="padding: 12.5% 0;"></div> <div style="display: flex; flex-direction: row; margin-bottom: 14px; align-items: center;"><div> <div style="background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(0px) translateY(7px);"></div> <div style="background-color: #F4F4F4; height: 12.5px; transform: rotate(-45deg) translateX(3px) translateY(1px); width: 12.5px; flex-grow: 0; margin-right: 14px; margin-left: 2px;"></div> <div style="background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(9px) translateY(-18px);"></div></div><div style="margin-left: 8px;"> <div style=" background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 20px; width: 20px;"></div> <div style=" width: 0; height: 0; border-top: 2px solid transparent; border-left: 6px solid #f4f4f4; border-bottom: 2px solid transparent; transform: translateX(16px) translateY(-4px) rotate(30deg)"></div></div><div style="margin-left: auto;"> <div style=" width: 0px; border-top: 8px solid #F4F4F4; border-right: 8px solid transparent; transform: translateY(16px);"></div> <div style=" background-color: #F4F4F4; flex-grow: 0; height: 12px; width: 16px; transform: translateY(-4px);"></div> <div style=" width: 0; height: 0; border-top: 8px solid #F4F4F4; border-left: 8px solid transparent; transform: translateY(-4px) translateX(8px);"></div></div></div> <div style="display: flex; flex-direction: column; flex-grow: 1; justify-content: center; margin-bottom: 24px;"> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 224px;"></div> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 144px;"></div></div></a><p style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;"><a href="https://www.instagram.com/p/Bq_mCKPBNea/?utm_source=ig_embed&amp;utm_medium=loading" style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none;" target="_blank">A post shared by Taisuke Inui Design (@taisukedesign)</a> on <time style=" font-family:Arial,sans-serif; font-size:14px; line-height:17px;" datetime="2018-12-05T05:19:18+00:00">Dec 4, 2018 at 9:19pm PST</time></p></div></blockquote> <script async src="//www.instagram.com/embed.js"></script>

<h2>わだつみ円山町 様</h2>
<p>東京、渋谷円山町の伝統的な和風の佇まいのレストランのウェブサイトのリニューアルをしました。複数のページだったサイトを1ページに情報を入れ込んだスクロール式のウェブサイトを構築、動画を入れたり、伝統的な和風のデザインになるように心がけました。メニューや、お知らせ・イベント等、クライアント様が各種情報を自身で簡易アップデート可能な仕様にしました。(Advanced Custom Field Pro を使用しています。<br>
<a href="http://wadatsumigroup.com/" rel="noopener" target="_blank">http://wadatsumigroup.com/</a></p>

<hr style="margin-bottom:30px;">

<blockquote class="instagram-media" data-instgrm-permalink="https://www.instagram.com/p/BrMmqZvhbA7/?utm_source=ig_embed&amp;utm_medium=loading" data-instgrm-version="12" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:540px; min-width:326px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);"><div style="padding:16px;"> <a href="https://www.instagram.com/p/BrMmqZvhbA7/?utm_source=ig_embed&amp;utm_medium=loading" style=" background:#FFFFFF; line-height:0; padding:0 0; text-align:center; text-decoration:none; width:100%;" target="_blank"> <div style=" display: flex; flex-direction: row; align-items: center;"> <div style="background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 40px; margin-right: 14px; width: 40px;"></div> <div style="display: flex; flex-direction: column; flex-grow: 1; justify-content: center;"> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 100px;"></div> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 60px;"></div></div></div><div style="padding: 19% 0;"></div><div style="display:block; height:50px; margin:0 auto 12px; width:50px;"><svg width="50px" height="50px" viewBox="0 0 60 60" version="1.1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-511.000000, -20.000000)" fill="#000000"><g><path d="M556.869,30.41 C554.814,30.41 553.148,32.076 553.148,34.131 C553.148,36.186 554.814,37.852 556.869,37.852 C558.924,37.852 560.59,36.186 560.59,34.131 C560.59,32.076 558.924,30.41 556.869,30.41 M541,60.657 C535.114,60.657 530.342,55.887 530.342,50 C530.342,44.114 535.114,39.342 541,39.342 C546.887,39.342 551.658,44.114 551.658,50 C551.658,55.887 546.887,60.657 541,60.657 M541,33.886 C532.1,33.886 524.886,41.1 524.886,50 C524.886,58.899 532.1,66.113 541,66.113 C549.9,66.113 557.115,58.899 557.115,50 C557.115,41.1 549.9,33.886 541,33.886 M565.378,62.101 C565.244,65.022 564.756,66.606 564.346,67.663 C563.803,69.06 563.154,70.057 562.106,71.106 C561.058,72.155 560.06,72.803 558.662,73.347 C557.607,73.757 556.021,74.244 553.102,74.378 C549.944,74.521 548.997,74.552 541,74.552 C533.003,74.552 532.056,74.521 528.898,74.378 C525.979,74.244 524.393,73.757 523.338,73.347 C521.94,72.803 520.942,72.155 519.894,71.106 C518.846,70.057 518.197,69.06 517.654,67.663 C517.244,66.606 516.755,65.022 516.623,62.101 C516.479,58.943 516.448,57.996 516.448,50 C516.448,42.003 516.479,41.056 516.623,37.899 C516.755,34.978 517.244,33.391 517.654,32.338 C518.197,30.938 518.846,29.942 519.894,28.894 C520.942,27.846 521.94,27.196 523.338,26.654 C524.393,26.244 525.979,25.756 528.898,25.623 C532.057,25.479 533.004,25.448 541,25.448 C548.997,25.448 549.943,25.479 553.102,25.623 C556.021,25.756 557.607,26.244 558.662,26.654 C560.06,27.196 561.058,27.846 562.106,28.894 C563.154,29.942 563.803,30.938 564.346,32.338 C564.756,33.391 565.244,34.978 565.378,37.899 C565.522,41.056 565.552,42.003 565.552,50 C565.552,57.996 565.522,58.943 565.378,62.101 M570.82,37.631 C570.674,34.438 570.167,32.258 569.425,30.349 C568.659,28.377 567.633,26.702 565.965,25.035 C564.297,23.368 562.623,22.342 560.652,21.575 C558.743,20.834 556.562,20.326 553.369,20.18 C550.169,20.033 549.148,20 541,20 C532.853,20 531.831,20.033 528.631,20.18 C525.438,20.326 523.257,20.834 521.349,21.575 C519.376,22.342 517.703,23.368 516.035,25.035 C514.368,26.702 513.342,28.377 512.574,30.349 C511.834,32.258 511.326,34.438 511.181,37.631 C511.035,40.831 511,41.851 511,50 C511,58.147 511.035,59.17 511.181,62.369 C511.326,65.562 511.834,67.743 512.574,69.651 C513.342,71.625 514.368,73.296 516.035,74.965 C517.703,76.634 519.376,77.658 521.349,78.425 C523.257,79.167 525.438,79.673 528.631,79.82 C531.831,79.965 532.853,80.001 541,80.001 C549.148,80.001 550.169,79.965 553.369,79.82 C556.562,79.673 558.743,79.167 560.652,78.425 C562.623,77.658 564.297,76.634 565.965,74.965 C567.633,73.296 568.659,71.625 569.425,69.651 C570.167,67.743 570.674,65.562 570.82,62.369 C570.966,59.17 571,58.147 571,50 C571,41.851 570.966,40.831 570.82,37.631"></path></g></g></g></svg></div><div style="padding-top: 8px;"> <div style=" color:#3897f0; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:550; line-height:18px;"> View this post on Instagram</div></div><div style="padding: 12.5% 0;"></div> <div style="display: flex; flex-direction: row; margin-bottom: 14px; align-items: center;"><div> <div style="background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(0px) translateY(7px);"></div> <div style="background-color: #F4F4F4; height: 12.5px; transform: rotate(-45deg) translateX(3px) translateY(1px); width: 12.5px; flex-grow: 0; margin-right: 14px; margin-left: 2px;"></div> <div style="background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(9px) translateY(-18px);"></div></div><div style="margin-left: 8px;"> <div style=" background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 20px; width: 20px;"></div> <div style=" width: 0; height: 0; border-top: 2px solid transparent; border-left: 6px solid #f4f4f4; border-bottom: 2px solid transparent; transform: translateX(16px) translateY(-4px) rotate(30deg)"></div></div><div style="margin-left: auto;"> <div style=" width: 0px; border-top: 8px solid #F4F4F4; border-right: 8px solid transparent; transform: translateY(16px);"></div> <div style=" background-color: #F4F4F4; flex-grow: 0; height: 12px; width: 16px; transform: translateY(-4px);"></div> <div style=" width: 0; height: 0; border-top: 8px solid #F4F4F4; border-left: 8px solid transparent; transform: translateY(-4px) translateX(8px);"></div></div></div> <div style="display: flex; flex-direction: column; flex-grow: 1; justify-content: center; margin-bottom: 24px;"> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 224px;"></div> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 144px;"></div></div></a><p style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;"><a href="https://www.instagram.com/p/BrMmqZvhbA7/?utm_source=ig_embed&amp;utm_medium=loading" style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none;" target="_blank">A post shared by Taisuke Inui Design (@taisukedesign)</a> on <time style=" font-family:Arial,sans-serif; font-size:14px; line-height:17px;" datetime="2018-12-10T06:34:55+00:00">Dec 9, 2018 at 10:34pm PST</time></p></div></blockquote> <script async src="//www.instagram.com/embed.js"></script>

<h2>Posidon Group International 様</h2>
<p>ロサンゼルスで、アメリカ全土に和牛、高品質なシーフードの卸、また日本食レストランを展開をしている会社です。取扱い商材を分かり易くするため、ホームページに各種食材をビジュアル的にわかり易く、親しみやすいデザインで作成しました。<br>
<a href="http://psdgp.com/" rel="noopener" target="_blank">http://psdgp.com/</a></p>

<hr style="margin-bottom:30px;">

<p>Samurai Web Works Inc. -サムライウェブワークス- では、上記の様なウェブサイト以外でも、様々なウェブサイト制作が可能です。今まで 100 以上のウェブサイトを制作、どの様なジャンルのデザイン・ウェブサイト制作対応が可能です。ご興味のある方は一度 <a href="https://ja.samurai-web-works.com/contact.html" rel="noopener" target="_blank">お問い合わせ</a> 下さい。
ご覧頂きありがとうございました。</p>

</div><p>投稿 <a rel="nofollow" href="https://samurai-web-works.com/info/portfolio/2018-latest-portfolio-3/">2018年 最近の制作実績 その3</a> は <a rel="nofollow" href="https://samurai-web-works.com/info">Blog | Samurai Web Works サムライウェブワークス -ロサンゼルスのウェブデザイン会社-</a> に最初に表示されました。</p>
]]></content:encoded>
							<wfw:commentRss>https://samurai-web-works.com/info/portfolio/2018-latest-portfolio-3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
							</item>
		<item>
		<title>本格的CMSを構築する際に入れておきたい WordPress プラグイン</title>
		<link>https://samurai-web-works.com/info/usefultools/recommended-wordpress-plugin-for-cms-creation/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=recommended-wordpress-plugin-for-cms-creation</link>
				<comments>https://samurai-web-works.com/info/usefultools/recommended-wordpress-plugin-for-cms-creation/#respond</comments>
				<pubDate>Tue, 29 May 2018 00:11:37 +0000</pubDate>
		<dc:creator><![CDATA[admin]]></dc:creator>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[ウェブお役立ちTool, 制作Tips]]></category>
		<category><![CDATA[CMS]]></category>
		<category><![CDATA[WooCommerce]]></category>
		<category><![CDATA[プラグイン]]></category>

		<guid isPermaLink="false">https://samurai-web-works.com/info/?p=357</guid>
				<description><![CDATA[<p>最近では、WordPressもかなり進化しており、プラグインを利用する事で本格的な CMS ウェブサイト構築が [&#8230;]</p>
<p>投稿 <a rel="nofollow" href="https://samurai-web-works.com/info/usefultools/recommended-wordpress-plugin-for-cms-creation/">本格的CMSを構築する際に入れておきたい WordPress プラグイン</a> は <a rel="nofollow" href="https://samurai-web-works.com/info">Blog | Samurai Web Works サムライウェブワークス -ロサンゼルスのウェブデザイン会社-</a> に最初に表示されました。</p>
]]></description>
								<content:encoded><![CDATA[<div class="theContentWrap-ccc"><img src="https://samurai-web-works.com/info/wp-content/uploads/2018/05/blog-main-visual-05-28.jpg" alt="" width="800" height="533" class="alignnone size-full wp-image-372 mB20" srcset="https://samurai-web-works.com/info/wp-content/uploads/2018/05/blog-main-visual-05-28.jpg 800w, https://samurai-web-works.com/info/wp-content/uploads/2018/05/blog-main-visual-05-28-300x200.jpg 300w, https://samurai-web-works.com/info/wp-content/uploads/2018/05/blog-main-visual-05-28-768x512.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" />

<p style="margin-bottom:40px;">最近では、WordPressもかなり進化しており、プラグインを利用する事で本格的な CMS ウェブサイト構築が構築も可能になってきています。例えば、ショッピングカート、車両管理システム、旅行会社のツアー内容、レストランメニュー、会社製品登録等、の各種カスタム CMS がプラグインを使う事により可能になってきます。クライアントにはアップデートを自分自身で行う事が可能になるため、メンテナンス費用が抑えられ非常に喜ばれます。今回は、そんな本格的な CMS ウェブサイト構築に適したプラグインを紹介します。</p>

<h3 class="text22 bold margin20">Custom Post Type UI</h3>
<a href="https://wordpress.org/plugins/custom-post-type-ui/" target="_blank"><img src="https://samurai-web-works.com/info/wp-content/uploads/2018/05/img-blog-cpt-ui.jpg" alt="Custom Post Type UI" width="640" height="330" class="alignnone size-full wp-image-366" srcset="https://samurai-web-works.com/info/wp-content/uploads/2018/05/img-blog-cpt-ui.jpg 640w, https://samurai-web-works.com/info/wp-content/uploads/2018/05/img-blog-cpt-ui-300x155.jpg 300w" sizes="(max-width: 640px) 100vw, 640px" /></a>
<p><a href="https://wordpress.org/plugins/custom-post-type-ui/" target="_blank">配布元</a></p>
<p style="margin-bottom:40px;">WordPress で、非常に有名なプラグイン、デフォルトだと、投稿は一つしかありませんが、このプラグインを利用する事により無限に投稿を増やす事が可能です。例えば、デフォルトの投稿は、ニュースやブログ等に使用した際、その他にも投稿機能を使って様々な使い方が可能です。今まで弊社が構築してきた例ですと、車両管理システム、旅行会社のツアー内容、レストランメニュー等、の投稿を増設可能です。URLもそれぞれの投稿に適した物を指定できます。(/car-list/, /tour-list) 等。また、タクソノミー (タグ、カテゴリ等) も自由に追加が可能になっています。使用する際は、カスタムテンプレートを作成する必要があるので慣れが必要ですが使いこなせる様になれば、多様なカスタムが可能です。</p>

<h3 class="text22 bold margin20">Advanced Custom Fields</h3>
<a href="https://wordpress.org/plugins/advanced-custom-fields/" target="_blank"><img src="https://samurai-web-works.com/info/wp-content/uploads/2018/05/img-blog-advanced-custom-field.jpg" alt="Advanced Custom Fields" width="640" height="330" class="alignnone size-full wp-image-367" srcset="https://samurai-web-works.com/info/wp-content/uploads/2018/05/img-blog-advanced-custom-field.jpg 640w, https://samurai-web-works.com/info/wp-content/uploads/2018/05/img-blog-advanced-custom-field-300x155.jpg 300w" sizes="(max-width: 640px) 100vw, 640px" /></a>
<p><a href="https://wordpress.org/plugins/advanced-custom-fields/" target="_blank">配布元</a></p>
<p style="margin-bottom:40px;">こちらも、非常に有名なプラグインです。各投稿画面、ページにお好みのカスタムフィールが追加できます。構成が複雑なページ等になってくると、クライアントさんにページを渡した時、アップデートが困難になって来ると思います。その場合はあらかじめテンプレートで編集可能な部分を、カスタムフィールド化しておいてその部分のみを入力し、更新してもらう事が可能になり簡易的な WordPress のページ作成や管理が可能になります。特に上記で紹介した、Custom Post UI 内で自分で作った投稿にも対応している為、この2つを使えばほぼ無限なカスタムが可能です。また、有料版になってしまいますが Repeater Field、という機能があり、これは、特定のフィールドのリピートが可能です。リストや、テーブル等にも利用できる為非常にオススメです。</p>

<h3 class="text22 bold margin20">WooCommerce</h3>
<a href="https://wordpress.org/plugins/woocommerce/" target="_blank"><img src="https://samurai-web-works.com/info/wp-content/uploads/2018/05/img-blog-woocommerce.jpg" alt="WooCommerce" width="640" height="330" class="alignnone size-full wp-image-368" srcset="https://samurai-web-works.com/info/wp-content/uploads/2018/05/img-blog-woocommerce.jpg 640w, https://samurai-web-works.com/info/wp-content/uploads/2018/05/img-blog-woocommerce-300x155.jpg 300w" sizes="(max-width: 640px) 100vw, 640px" /></a>
<p><a href="https://wordpress.org/plugins/woocommerce/" target="_blank">配布元</a></p>
<p style="margin-bottom:40px;">WordPress でショッピングカート構築する際には欠かせないプラグイン、最近では日本語化も進んでいます。ショッピングカートのみでなく、カタログの様な使い方も可能です。デフォルトで ECommerce に必要な機能はついているので、必要あれば、上記の Advanced Custom Fields を利用する事によりフィールドの追加が可能です。テーマのカスタムは慣れるまで少々複雑ですが、ショッピングカート以外の使い方で、最初から CMS の構築をするのが大変な場合は、WooCommerce を使っての CMS の構築も可能になっています。用途に応じて Custome Post Type UI と、WooCommerceを使い分けて行きたいですね。もちろん両方を一度に使う事も可能です。</p>

<h3 class="text22 bold margin20">Admin Menu Editor</h3>
<a href="https://wordpress.org/plugins/admin-menu-editor/" target="_blank"><img src="https://samurai-web-works.com/info/wp-content/uploads/2018/05/img-blog-admin-menu-editor.jpg" alt="Admin Menu Editor" width="640" height="330" class="alignnone size-full wp-image-364" srcset="https://samurai-web-works.com/info/wp-content/uploads/2018/05/img-blog-admin-menu-editor.jpg 640w, https://samurai-web-works.com/info/wp-content/uploads/2018/05/img-blog-admin-menu-editor-300x155.jpg 300w" sizes="(max-width: 640px) 100vw, 640px" /></a>
<p><a href="https://wordpress.org/plugins/admin-menu-editor/" target="_blank">配布元</a></p>
<p style="margin-bottom:40px;">CMS 構築の際は、WordPress で管理画面をクライアントに渡す必要があります。その際に、管理画面の各項目 (投稿等) の並び替え、また名前を変更できるプラグインです。例えば、WordPress のデフォルトだと &#8220;投稿&#8221; になっていると思いますが、これを、ブログ、等に変更する事も可能です。また、Custome Post Type UI 等で追加した投稿は、デフォルトだと下の方に来るため、これを投稿の次等に設置する事で、よりクライアントが使いやすい管理画面の作成が可能になってきます。後は、必要に応じ、クライアントに発行するアカウントの権限の設定が必要になってくるかと思います。</p>

<h3 class="text22 bold margin20">WPS Hide Login</h3>
<a href="https://wordpress.org/plugins/wps-hide-login/" target="_blank"><img src="https://samurai-web-works.com/info/wp-content/uploads/2018/05/img-blog-wpd-hide-login.jpg" alt="WPS Hide Login" width="640" height="330" class="alignnone size-full wp-image-365" srcset="https://samurai-web-works.com/info/wp-content/uploads/2018/05/img-blog-wpd-hide-login.jpg 640w, https://samurai-web-works.com/info/wp-content/uploads/2018/05/img-blog-wpd-hide-login-300x155.jpg 300w" sizes="(max-width: 640px) 100vw, 640px" /></a>
<p><a href="https://wordpress.org/plugins/wps-hide-login/" target="_blank">配布元</a></p>
<p style="margin-bottom:40px;">こちらは直接 CMS 構築と関係は無いですが、WordPress デフォルトの /wp-admin/ を独自のURLへ変更できるプラグインです。特に複数人にアカウントを発行した際、短いパスワードを設定してする方の少なからず出てくると思うので、デフォルトのログインを隠す事により、よりセキュリティを向上し不正ログインを防ぐ事が可能です。</p>

<p>以上、本格的な CMS を構築する際に必須になってくるプラグインです。プラグインを駆使する事で、本格的な CMS の構築が可能なのは嬉しいですね。詳しい使い方に関してもそのうち紹介して行こうと思います。</p>
</div><p>投稿 <a rel="nofollow" href="https://samurai-web-works.com/info/usefultools/recommended-wordpress-plugin-for-cms-creation/">本格的CMSを構築する際に入れておきたい WordPress プラグイン</a> は <a rel="nofollow" href="https://samurai-web-works.com/info">Blog | Samurai Web Works サムライウェブワークス -ロサンゼルスのウェブデザイン会社-</a> に最初に表示されました。</p>
]]></content:encoded>
							<wfw:commentRss>https://samurai-web-works.com/info/usefultools/recommended-wordpress-plugin-for-cms-creation/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
							</item>
		<item>
		<title>本当に効果がある WordPress の SEO プラグイン 2018年度</title>
		<link>https://samurai-web-works.com/info/seo/seo-wordpress-plugin-2018/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=seo-wordpress-plugin-2018</link>
				<comments>https://samurai-web-works.com/info/seo/seo-wordpress-plugin-2018/#respond</comments>
				<pubDate>Sat, 28 Apr 2018 09:26:58 +0000</pubDate>
		<dc:creator><![CDATA[admin]]></dc:creator>
				<category><![CDATA[SEO]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[Rich Snippets]]></category>
		<category><![CDATA[Schema タグ]]></category>
		<category><![CDATA[Schema.org]]></category>

		<guid isPermaLink="false">https://samurai-web-works.com/info/?p=344</guid>
				<description><![CDATA[<p>WordPress の SEO プラグインは、様々なタイプの物が存在しており、良質なプラグインは、Google [&#8230;]</p>
<p>投稿 <a rel="nofollow" href="https://samurai-web-works.com/info/seo/seo-wordpress-plugin-2018/">本当に効果がある WordPress の SEO プラグイン 2018年度</a> は <a rel="nofollow" href="https://samurai-web-works.com/info">Blog | Samurai Web Works サムライウェブワークス -ロサンゼルスのウェブデザイン会社-</a> に最初に表示されました。</p>
]]></description>
								<content:encoded><![CDATA[<div class="theContentWrap-ccc"><img src="https://samurai-web-works.com/info/wp-content/uploads/2018/04/img-blog-all-in-one-schema.jpg" alt="" width="640" height="330" class="alignnone size-full wp-image-348 mB20" srcset="https://samurai-web-works.com/info/wp-content/uploads/2018/04/img-blog-all-in-one-schema.jpg 640w, https://samurai-web-works.com/info/wp-content/uploads/2018/04/img-blog-all-in-one-schema-300x155.jpg 300w" sizes="(max-width: 640px) 100vw, 640px" />

<p style="margin-bottom:40px;">WordPress の SEO プラグインは、様々なタイプの物が存在しており、良質なプラグインは、Google 検索のアルゴリズムに合わせ常に進化を遂げています。通常のウェブサイト制作だと非常に大変な設定が必要であるSEO の内部対策ですが、WordPress のプラグインを使う事により作業効率化の効果があるだけでは無く、最新のアルゴリズムに合わせアップデートされて行きます。今回は、様々なプラグインを試した中でも効果のあるプラグインを紹介していきます。</p>

<h3 class="text22 bold margin20">Yoast SEO</h3>
<a href="https://wordpress.org/plugins/wordpress-seo/" target="_blank"><img src="https://samurai-web-works.com/info/wp-content/uploads/2018/04/img-blog-yoast-seo.jpg" alt="Yoast SEO" width="640" height="330" class="alignnone size-full wp-image-346 hoverImg" srcset="https://samurai-web-works.com/info/wp-content/uploads/2018/04/img-blog-yoast-seo.jpg 640w, https://samurai-web-works.com/info/wp-content/uploads/2018/04/img-blog-yoast-seo-300x155.jpg 300w" sizes="(max-width: 640px) 100vw, 640px" /></a>
<p><a href="https://wordpress.org/plugins/wordpress-seo/" target="_blank">配布元</a></p>
<p style="margin-bottom:40px;">現在 WordPress 内で、一番メジャーな SEO 対策プラグイン。ターゲットキーワードの解析機能、Schema タグを用いたパンくず機能、Facebook, Twitter 等の Social Media の投稿、またはシェアに関する非常に多彩な設定があり、これ一つでほとんどの対策ができてしまうといっても過言ではありません。現時点では完全では無いものの日本語にも対応しており、また XML Sitemap 機能もあり、吐き出されるコードも非常にきれいな物で、Google でのエラー回避の対策にもなります。管理人も、最近まで使用していた SEO、XML プラグインからこちらに完全に乗り換えました。また、他の SEO プラグインからのインポート機能もあるのも魅力で乗り換えが簡単にできます。</p>

<h3 class="text22 bold margin20">Schema</h3>
<a href="https://wordpress.org/plugins/schema/" target="_blank"><img src="https://samurai-web-works.com/info/wp-content/uploads/2018/04/img-blog-schema.jpg" alt="Schema" width="640" height="330" class="alignnone size-full wp-image-347 hoverImg" srcset="https://samurai-web-works.com/info/wp-content/uploads/2018/04/img-blog-schema.jpg 640w, https://samurai-web-works.com/info/wp-content/uploads/2018/04/img-blog-schema-300x155.jpg 300w" sizes="(max-width: 640px) 100vw, 640px" /></a>
<p><a href="https://wordpress.org/plugins/schema/" target="_blank">配布元</a></p>
<p style="margin-bottom:40px;">Schema は、schema タグ (Google 等の検索エンジンに、 マークアップしたコードや、ページの情報をより明確に伝える機能 。例: Article, Blog, Video, Audio, About Page, Contact Page 等) を簡単な設定で取り込む事ができます。Yoast SEO のみでは、schema タグを各要素等に詳細に取り入れる機能は無いので、このプラグインを用いる事でより詳細なページ内容を検索エンジンに伝える事ができます。わざわざソースコードに各タグをいれる手間を省く事ができます。</p>

<h3 class="text22 bold margin20">All In One Schema Rich Snippets</h3>
<a href="https://wordpress.org/plugins/ewww-image-optimizer/" target="_blank"><img src="https://samurai-web-works.com/info/wp-content/uploads/2018/04/img-blog-all-in-one-schema.jpg" alt="All In One Schema Rich Snippets" width="640" height="330" class="alignnone size-full wp-image-348" srcset="https://samurai-web-works.com/info/wp-content/uploads/2018/04/img-blog-all-in-one-schema.jpg 640w, https://samurai-web-works.com/info/wp-content/uploads/2018/04/img-blog-all-in-one-schema-300x155.jpg 300w" sizes="(max-width: 640px) 100vw, 640px" /></a>
<p><a href="https://wordpress.org/plugins/ewww-image-optimizer/" target="_blank">配布元</a></p>
<p style="margin-bottom:15px;">All In One Schema Rich Snippets は、Google Search Console で設定が可能な Rich Snippets を簡易的に実装が可能なプラグインです。Rich Snippets は Google が推奨している機能で、イベント情報、レシピ、商品等を特定のタグや情報を入れる事により、検索エンジンを調べた際にサイトの検索結果とは別に出す機能です。代表的な物は、イベントやレシピなのですが、以下の様な検索結果は一度は見た事があるのではないでしょうか？</p>
<img src="https://samurai-web-works.com/info/wp-content/uploads/2018/04/soy-sauce-recipes-Google-Search.png" alt="" width="558" height="417" class="alignnone size-full wp-image-349" srcset="https://samurai-web-works.com/info/wp-content/uploads/2018/04/soy-sauce-recipes-Google-Search.png 558w, https://samurai-web-works.com/info/wp-content/uploads/2018/04/soy-sauce-recipes-Google-Search-300x224.png 300w" sizes="(max-width: 558px) 100vw, 558px" />
<p style="margin-bottom:40px;">これらの情報は、設定する事により確実に検索結果に表示される訳ではありませんが、表示される確立は上がります。All In One Schema Rich Snippets は、その手助けをしてくれる非常に有能はプラグインです。</p>

<p>以上、最近は小手先の SEO 対策は通用しなくなってきており、コンテンツのクオリティの高さや、サイトを訪れるユーザーにとって有能な情報をウェブサイトに入れる事がより必要になってきています。上記紹介したプラグインは、そんばクオリティの高いコンテンツを制作する手助けをしてくれるプラグインです。是非一度お試しになって下さい。</p>
</div><p>投稿 <a rel="nofollow" href="https://samurai-web-works.com/info/seo/seo-wordpress-plugin-2018/">本当に効果がある WordPress の SEO プラグイン 2018年度</a> は <a rel="nofollow" href="https://samurai-web-works.com/info">Blog | Samurai Web Works サムライウェブワークス -ロサンゼルスのウェブデザイン会社-</a> に最初に表示されました。</p>
]]></content:encoded>
							<wfw:commentRss>https://samurai-web-works.com/info/seo/seo-wordpress-plugin-2018/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
							</item>
		<item>
		<title>2018年 最近の制作実績 その2</title>
		<link>https://samurai-web-works.com/info/portfolio/2018-latest-portfolio-2/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=2018-latest-portfolio-2</link>
				<comments>https://samurai-web-works.com/info/portfolio/2018-latest-portfolio-2/#respond</comments>
				<pubDate>Fri, 20 Apr 2018 04:56:34 +0000</pubDate>
		<dc:creator><![CDATA[admin]]></dc:creator>
				<category><![CDATA[制作実績]]></category>

		<guid isPermaLink="false">https://samurai-web-works.com/info/?p=336</guid>
				<description><![CDATA[<p>最近制作したクライアント様のウェブサイトを、公開させて頂きます。 A post shared by Taisu [&#8230;]</p>
<p>投稿 <a rel="nofollow" href="https://samurai-web-works.com/info/portfolio/2018-latest-portfolio-2/">2018年 最近の制作実績 その2</a> は <a rel="nofollow" href="https://samurai-web-works.com/info">Blog | Samurai Web Works サムライウェブワークス -ロサンゼルスのウェブデザイン会社-</a> に最初に表示されました。</p>
]]></description>
								<content:encoded><![CDATA[<div class="theContentWrap-ccc"><p>最近制作したクライアント様のウェブサイトを、公開させて頂きます。</p>

<blockquote class="instagram-media" data-instgrm-permalink="https://www.instagram.com/p/BhN7eP9nokA/" data-instgrm-version="8" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:658px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);"><div style="padding:8px;"> <div style=" background:#F8F8F8; line-height:0; margin-top:40px; padding:62.5% 0; text-align:center; width:100%;"> <div style=" background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAMUExURczMzPf399fX1+bm5mzY9AMAAADiSURBVDjLvZXbEsMgCES5/P8/t9FuRVCRmU73JWlzosgSIIZURCjo/ad+EQJJB4Hv8BFt+IDpQoCx1wjOSBFhh2XssxEIYn3ulI/6MNReE07UIWJEv8UEOWDS88LY97kqyTliJKKtuYBbruAyVh5wOHiXmpi5we58Ek028czwyuQdLKPG1Bkb4NnM+VeAnfHqn1k4+GPT6uGQcvu2h2OVuIf/gWUFyy8OWEpdyZSa3aVCqpVoVvzZZ2VTnn2wU8qzVjDDetO90GSy9mVLqtgYSy231MxrY6I2gGqjrTY0L8fxCxfCBbhWrsYYAAAAAElFTkSuQmCC); display:block; height:44px; margin:0 auto -44px; position:relative; top:-22px; width:44px;"></div></div><p style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;"><a href="https://www.instagram.com/p/BhN7eP9nokA/" style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none;" target="_blank">A post shared by Taisuke Inui Design (@taisukedesign)</a> on <time style=" font-family:Arial,sans-serif; font-size:14px; line-height:17px;" datetime="2018-04-06T05:42:03+00:00">Apr 5, 2018 at 10:42pm PDT</time></p></div></blockquote> <script async defer src="//www.instagram.com/embed.js"></script>

<h2>Uniglobal USA 様</h2>
<p>ロサンゼルスで、各種シーフードの卸業をされています。シーフードなので、海をイメージさせる様な青基調でデザインしました。また、WordPressのカスタムで、クライアント様が自身で在庫を簡易アップデート可能な仕様にしました。(Custom Post Type, Advanced Custom Field Pro を使用しています。)<br>
<a href="http://uniglobalusa.com/" rel="noopener" target="_blank">http://uniglobalusa.com/</a></p>

<hr style="margin-bottom:30px;">

<blockquote class="instagram-media" data-instgrm-permalink="https://www.instagram.com/p/BSikMPaD6LC/" data-instgrm-version="8" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:658px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);"><div style="padding:8px;"> <div style=" background:#F8F8F8; line-height:0; margin-top:40px; padding:62.5% 0; text-align:center; width:100%;"> <div style=" background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAMUExURczMzPf399fX1+bm5mzY9AMAAADiSURBVDjLvZXbEsMgCES5/P8/t9FuRVCRmU73JWlzosgSIIZURCjo/ad+EQJJB4Hv8BFt+IDpQoCx1wjOSBFhh2XssxEIYn3ulI/6MNReE07UIWJEv8UEOWDS88LY97kqyTliJKKtuYBbruAyVh5wOHiXmpi5we58Ek028czwyuQdLKPG1Bkb4NnM+VeAnfHqn1k4+GPT6uGQcvu2h2OVuIf/gWUFyy8OWEpdyZSa3aVCqpVoVvzZZ2VTnn2wU8qzVjDDetO90GSy9mVLqtgYSy231MxrY6I2gGqjrTY0L8fxCxfCBbhWrsYYAAAAAElFTkSuQmCC); display:block; height:44px; margin:0 auto -44px; position:relative; top:-22px; width:44px;"></div></div><p style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;"><a href="https://www.instagram.com/p/BSikMPaD6LC/" style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none;" target="_blank">A post shared by Taisuke Inui Design (@taisukedesign)</a> on <time style=" font-family:Arial,sans-serif; font-size:14px; line-height:17px;" datetime="2017-04-06T10:11:46+00:00">Apr 6, 2017 at 3:11am PDT</time></p></div></blockquote> <script async defer src="//www.instagram.com/embed.js"></script>

<h2>KRUSE Amplification 様</h2>
<p>ロサンゼルスの楽器メーカー、ハイクオリティなカスタムギターアンプを販売しています。黒基調で金色のテキストを用い、高級感や重量感が出る様なデザイン。また、アンプの各特徴を見てもらえる様、カタログの用な説明文をウェブページとして実装しました。<br>
<a href="http://kruseamplification.com/" rel="noopener" target="_blank">http://kruseamplification.com/</a></p>

<hr style="margin-bottom:30px;">

<blockquote class="instagram-media" data-instgrm-permalink="https://www.instagram.com/p/BeUqEkmHbsh/" data-instgrm-version="8" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:658px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);"><div style="padding:8px;"> <div style=" background:#F8F8F8; line-height:0; margin-top:40px; padding:62.5% 0; text-align:center; width:100%;"> <div style=" background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAMUExURczMzPf399fX1+bm5mzY9AMAAADiSURBVDjLvZXbEsMgCES5/P8/t9FuRVCRmU73JWlzosgSIIZURCjo/ad+EQJJB4Hv8BFt+IDpQoCx1wjOSBFhh2XssxEIYn3ulI/6MNReE07UIWJEv8UEOWDS88LY97kqyTliJKKtuYBbruAyVh5wOHiXmpi5we58Ek028czwyuQdLKPG1Bkb4NnM+VeAnfHqn1k4+GPT6uGQcvu2h2OVuIf/gWUFyy8OWEpdyZSa3aVCqpVoVvzZZ2VTnn2wU8qzVjDDetO90GSy9mVLqtgYSy231MxrY6I2gGqjrTY0L8fxCxfCBbhWrsYYAAAAAElFTkSuQmCC); display:block; height:44px; margin:0 auto -44px; position:relative; top:-22px; width:44px;"></div></div><p style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;"><a href="https://www.instagram.com/p/BeUqEkmHbsh/" style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none;" target="_blank">A post shared by Taisuke Inui Design (@taisukedesign)</a> on <time style=" font-family:Arial,sans-serif; font-size:14px; line-height:17px;" datetime="2018-01-24T06:50:30+00:00">Jan 23, 2018 at 10:50pm PST</time></p></div></blockquote> <script async defer src="//www.instagram.com/embed.js"></script>

<h2>US VISA LEGAL PRO 様</h2>
<p>ロサンゼルスで、各種就労ビザの申請を行っています。法律関連ですが固くなりすぎないデザインにこころがけ、親しみやすく敷居が高すぎない様な印象が無いようにデザインしています。<br>
<a href="http://usvisa-legalpro.com//" rel="noopener" target="_blank">http://usvisa-legalpro.com/</a></p>

<hr style="margin-bottom:30px;">

<p>Samurai Web Works Inc. -サムライウェブワークス- では、上記の様なウェブサイト以外でも、様々なウェブサイト制作が可能です。今まで 100 以上のウェブサイトを制作、どの様なジャンルのデザイン・ウェブサイト制作対応が可能です。ご興味のある方は一度 <a href="https://ja.samurai-web-works.com/contact.html" rel="noopener" target="_blank">お問い合わせ</a> 下さい。
ご覧頂きありがとうございました。</p>

</div><p>投稿 <a rel="nofollow" href="https://samurai-web-works.com/info/portfolio/2018-latest-portfolio-2/">2018年 最近の制作実績 その2</a> は <a rel="nofollow" href="https://samurai-web-works.com/info">Blog | Samurai Web Works サムライウェブワークス -ロサンゼルスのウェブデザイン会社-</a> に最初に表示されました。</p>
]]></content:encoded>
							<wfw:commentRss>https://samurai-web-works.com/info/portfolio/2018-latest-portfolio-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
							</item>
		<item>
		<title>Google サーチコンソールでエラーが通知された時の直し方</title>
		<link>https://samurai-web-works.com/info/seo/errors-on-google-search-console/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=errors-on-google-search-console</link>
				<comments>https://samurai-web-works.com/info/seo/errors-on-google-search-console/#respond</comments>
				<pubDate>Thu, 19 Apr 2018 00:56:43 +0000</pubDate>
		<dc:creator><![CDATA[admin]]></dc:creator>
				<category><![CDATA[SEO]]></category>
		<category><![CDATA[Google Search Console]]></category>
		<category><![CDATA[Google サーチコンソール]]></category>

		<guid isPermaLink="false">https://samurai-web-works.com/info/?p=327</guid>
				<description><![CDATA[<p>サーチコンソール(Search Console、旧：ウェブマスターツール)は、主にGoogle 検索結果でサイ [&#8230;]</p>
<p>投稿 <a rel="nofollow" href="https://samurai-web-works.com/info/seo/errors-on-google-search-console/">Google サーチコンソールでエラーが通知された時の直し方</a> は <a rel="nofollow" href="https://samurai-web-works.com/info">Blog | Samurai Web Works サムライウェブワークス -ロサンゼルスのウェブデザイン会社-</a> に最初に表示されました。</p>
]]></description>
								<content:encoded><![CDATA[<div class="theContentWrap-ccc"><a href="https://samurai-web-works.com/info/wp-content/uploads/2018/04/Index-coverage.png" data-rel="lightbox-image-0" data-rl_title="" data-rl_caption="" title=""><img src="https://samurai-web-works.com/info/wp-content/uploads/2018/04/Index-coverage.png" alt="Google サーチコンソールエラー" width="920" height="610" class="alignnone size-full wp-image-330" srcset="https://samurai-web-works.com/info/wp-content/uploads/2018/04/Index-coverage.png 920w, https://samurai-web-works.com/info/wp-content/uploads/2018/04/Index-coverage-300x199.png 300w, https://samurai-web-works.com/info/wp-content/uploads/2018/04/Index-coverage-768x509.png 768w" sizes="(max-width: 920px) 100vw, 920px" /></a>

サーチコンソール(Search Console、旧：ウェブマスターツール)は、主にGoogle 検索結果でサイトのパフォーマンスを監視、管理ができる無料ツールで、SEO対策には欠かせないツールになっています。登録したサイトに関する様々な情報を閲覧できる機能があり、代表的な機能では、何の検索ワードでサイトが表示され、またクリックされたかなどを調べる事も可能です。また何か問題が発生した際にはアカウントのメールアドレスにメールが来ます。

<h3 class="text22 bold margin20">ある日サーチコンソールでエラーが出たとの通知が届く</h3>
ある日、エラーが出たとの通知が来ました、内容は、No Index (Google にインデックスさせないコード) が入っているページが、Indexさせる通知として送られて来る、との事。今までは何も問題内容だったのですが、恐らく Google の仕様が変わった影響だと思います。早速ググってみた所、同じエラーを受け取った人が 2018 年に入ってたくさんいました。

<h3 class="text22 bold margin20">エラーが出る事で、検索順位が下がる？</h3>
これは、100% の確証は無いのですが、エラーを受け取った辺りから特に何かした訳でも無く、特定のキーワードの順位が下がってしまいました。尚、Google から受け取ったメールをみたところ、&#8221;エラーは、検索順位に悪い影響を及ぼす可能性がある  &#8221; 的な事が英語で書かれていたので、恐らくそれが影響で順位が下がってしまった可能性が大です。

<h3 class="text22 bold margin20">結局何が原因だったのか</h3>
サーチコンソールでのメッセージ内容を見てみると対象のURLが表示されています。見てみたところ、WordPress のプラグインが原因、Google XML Sitemap というプラグインが自動生成する sitemap.html に、No Index のコードが含まれているとの事、ただしこれはこちらで修正できる物でも無いので、プラグインを消去、別のプラグインを入れる事にしました。(Google XML Sitemap は100万以上のウェブサイトにインストールされている最もポピュラーなプラグインの一つ、今後この現象は非常に増える可能性があります。) また、現在アメリカでは、最もポピュラーなSEOプラグイン、<a href="https://wordpress.org/plugins/wordpress-seo/" target="_blank">Yoast SEO</a> にこの機会に乗り換える事にしました。このプラグインの紹介はまた別でしようと思いますが、非常に優れ物です、XML Sitemap も掃き出してくれ、エラーが出ない様なきれいなサイトマップを生成してくれます。

<h3 class="text22 bold margin20">サーチコンソールへの通知</h3>
上記の様に、検出されたエラーをサイト内で直す事には成功しましたが、サーチコンソールに通知して、直した事を通知しないといけません。尚、通知を出してから、結果が出るまで自分の場合は約10日間かかりました。
恐らく、ただ通知するだけでは不十分だと判断したので、<strong>削除したURLを Google へ通知</strong> しました。これは、サーチコンソールへ登録したサイトのURLの削除を Google へ通知する事ができます。

<h3 class="text22 bold margin20">無事エラーが直りました</h3>
Google に修正の申請をした 10日後、無事、エラーが直ったと通知が来ました。恐らく順位の下降もこれが原因だったため、徐々に順位も回復してきています。

<h3 class="text22 bold margin20">まとめ</h3>
いきなりエラーの通知が来ると何故、と焦るかもしれませんが、ポイントは以下です。
<ol>
 <li>エラー内容を見て、プラグインが原因の場合は入れ直し。2018年現在、同エラーには Yoast SEO がベスト (他の XML サイトマッププラグインは消去すること)</li>
 <li>必ずサーチコンソールに内容を通知する</li>
 <li>その他、通知するだけでは無く、こちらでもできる事をしておく (今回の場合は、削除したサイトを Google へ通知)</li>
</ol>

以上、同じ現象が出てしまった際は試してみて下さい。</div><p>投稿 <a rel="nofollow" href="https://samurai-web-works.com/info/seo/errors-on-google-search-console/">Google サーチコンソールでエラーが通知された時の直し方</a> は <a rel="nofollow" href="https://samurai-web-works.com/info">Blog | Samurai Web Works サムライウェブワークス -ロサンゼルスのウェブデザイン会社-</a> に最初に表示されました。</p>
]]></content:encoded>
							<wfw:commentRss>https://samurai-web-works.com/info/seo/errors-on-google-search-console/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
							</item>
		<item>
		<title>2018年 最近の制作実績</title>
		<link>https://samurai-web-works.com/info/portfolio/2018-latest-portfolio/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=2018-latest-portfolio</link>
				<comments>https://samurai-web-works.com/info/portfolio/2018-latest-portfolio/#respond</comments>
				<pubDate>Sun, 01 Apr 2018 17:20:19 +0000</pubDate>
		<dc:creator><![CDATA[admin]]></dc:creator>
				<category><![CDATA[制作実績]]></category>

		<guid isPermaLink="false">https://samurai-web-works.com/info/?p=315</guid>
				<description><![CDATA[<p>最近制作したクライアント様のウェブサイトを、公開させて頂きます。 A post shared by Taisu [&#8230;]</p>
<p>投稿 <a rel="nofollow" href="https://samurai-web-works.com/info/portfolio/2018-latest-portfolio/">2018年 最近の制作実績</a> は <a rel="nofollow" href="https://samurai-web-works.com/info">Blog | Samurai Web Works サムライウェブワークス -ロサンゼルスのウェブデザイン会社-</a> に最初に表示されました。</p>
]]></description>
								<content:encoded><![CDATA[<div class="theContentWrap-ccc"><p>最近制作したクライアント様のウェブサイトを、公開させて頂きます。</p>

<blockquote class="instagram-media" data-instgrm-permalink="https://www.instagram.com/p/Bf2OWotHHsy/" data-instgrm-version="8" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:658px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);"><div style="padding:8px;"> <div style=" background:#F8F8F8; line-height:0; margin-top:40px; padding:62.5% 0; text-align:center; width:100%;"> <div style=" background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAMUExURczMzPf399fX1+bm5mzY9AMAAADiSURBVDjLvZXbEsMgCES5/P8/t9FuRVCRmU73JWlzosgSIIZURCjo/ad+EQJJB4Hv8BFt+IDpQoCx1wjOSBFhh2XssxEIYn3ulI/6MNReE07UIWJEv8UEOWDS88LY97kqyTliJKKtuYBbruAyVh5wOHiXmpi5we58Ek028czwyuQdLKPG1Bkb4NnM+VeAnfHqn1k4+GPT6uGQcvu2h2OVuIf/gWUFyy8OWEpdyZSa3aVCqpVoVvzZZ2VTnn2wU8qzVjDDetO90GSy9mVLqtgYSy231MxrY6I2gGqjrTY0L8fxCxfCBbhWrsYYAAAAAElFTkSuQmCC); display:block; height:44px; margin:0 auto -44px; position:relative; top:-22px; width:44px;"></div></div><p style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;"><a href="https://www.instagram.com/p/Bf2OWotHHsy/" style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none;" target="_blank">A post shared by Taisuke Inui Design (@taisukedesign)</a> on <time style=" font-family:Arial,sans-serif; font-size:14px; line-height:17px;" datetime="2018-03-03T04:13:53+00:00">Mar 2, 2018 at 8:13pm PST</time></p></div></blockquote> <script async defer src="//www.instagram.com/embed.js"></script>

<h2>Eco Drive Auto Sales 様</h2>
<p>ロサンゼルスで、プリウス等のエコカーを専門的に販売・リースされている会社です。カンパニーカラーの青・緑を基調に、WordPressカスタムポスト、WooCommerce等を入れ込みクライアント様側での車両更新、お客様の声等の更新を簡易的に可能にしています。<br>
<a href="http://www.ecodriveautosales.com/" rel="noopener" target="_blank">http://www.ecodriveautosales.com/</a></p>

<hr style="margin-bottom:30px;">

<blockquote class="instagram-media" data-instgrm-permalink="https://www.instagram.com/p/BcpHZFGHhDJ/" data-instgrm-version="8" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:658px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);"><div style="padding:8px;"> <div style=" background:#F8F8F8; line-height:0; margin-top:40px; padding:62.5% 0; text-align:center; width:100%;"> <div style=" background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAMUExURczMzPf399fX1+bm5mzY9AMAAADiSURBVDjLvZXbEsMgCES5/P8/t9FuRVCRmU73JWlzosgSIIZURCjo/ad+EQJJB4Hv8BFt+IDpQoCx1wjOSBFhh2XssxEIYn3ulI/6MNReE07UIWJEv8UEOWDS88LY97kqyTliJKKtuYBbruAyVh5wOHiXmpi5we58Ek028czwyuQdLKPG1Bkb4NnM+VeAnfHqn1k4+GPT6uGQcvu2h2OVuIf/gWUFyy8OWEpdyZSa3aVCqpVoVvzZZ2VTnn2wU8qzVjDDetO90GSy9mVLqtgYSy231MxrY6I2gGqjrTY0L8fxCxfCBbhWrsYYAAAAAElFTkSuQmCC); display:block; height:44px; margin:0 auto -44px; position:relative; top:-22px; width:44px;"></div></div><p style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;"><a href="https://www.instagram.com/p/BcpHZFGHhDJ/" style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none;" target="_blank">A post shared by Taisuke Inui Design (@taisukedesign)</a> on <time style=" font-family:Arial,sans-serif; font-size:14px; line-height:17px;" datetime="2017-12-13T12:28:44+00:00">Dec 13, 2017 at 4:28am PST</time></p></div></blockquote> <script async defer src="//www.instagram.com/embed.js"></script>

<h2>DTLA Ramen 様</h2>
<p>ロサンゼルス、ダウンタウンのラーメンバー。従来のラーメン屋のイメージを払拭するモダンな店作り、おしゃれな町並みをウェブサイトへも再現。使用フォント等も工夫し、モダンなダイニングレストラン的なイメージに仕上げました。<br>
<a href="http://dtlaramen.com/" rel="noopener" target="_blank">http://dtlaramen.com/</a></p>

<hr style="margin-bottom:30px;">

<blockquote class="instagram-media" data-instgrm-permalink="https://www.instagram.com/p/BfsS5gqn9Qn/" data-instgrm-version="8" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:658px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);"><div style="padding:8px;"> <div style=" background:#F8F8F8; line-height:0; margin-top:40px; padding:62.5% 0; text-align:center; width:100%;"> <div style=" background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAMUExURczMzPf399fX1+bm5mzY9AMAAADiSURBVDjLvZXbEsMgCES5/P8/t9FuRVCRmU73JWlzosgSIIZURCjo/ad+EQJJB4Hv8BFt+IDpQoCx1wjOSBFhh2XssxEIYn3ulI/6MNReE07UIWJEv8UEOWDS88LY97kqyTliJKKtuYBbruAyVh5wOHiXmpi5we58Ek028czwyuQdLKPG1Bkb4NnM+VeAnfHqn1k4+GPT6uGQcvu2h2OVuIf/gWUFyy8OWEpdyZSa3aVCqpVoVvzZZ2VTnn2wU8qzVjDDetO90GSy9mVLqtgYSy231MxrY6I2gGqjrTY0L8fxCxfCBbhWrsYYAAAAAElFTkSuQmCC); display:block; height:44px; margin:0 auto -44px; position:relative; top:-22px; width:44px;"></div></div><p style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;"><a href="https://www.instagram.com/p/BfsS5gqn9Qn/" style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none;" target="_blank">A post shared by Taisuke Inui Design (@taisukedesign)</a> on <time style=" font-family:Arial,sans-serif; font-size:14px; line-height:17px;" datetime="2018-02-27T07:41:11+00:00">Feb 26, 2018 at 11:41pm PST</time></p></div></blockquote> <script async defer src="//www.instagram.com/embed.js"></script>

<h2>CAL OFFICE 様</h2>
<p>ロサンゼルスで、新規のバーチャルオフィスサービス、住所貸し等のサービスを行っています。黒・グレーのモダンな雰囲気、また斜め、Parallax等の特殊なデザインも取り込みつつ、シンプルな構成のランディングページです。<br>
<a href="https://calofficeus.com/" rel="noopener" target="_blank">https://calofficeus.com/</a></p>

<hr style="margin-bottom:30px;">

<p>Samurai Web Works Inc. -サムライウェブワークス- では、上記の様なウェブサイト以外でも、様々なウェブサイト制作が可能です。今まで 100 以上のウェブサイトを制作、どの様なジャンルのデザイン・ウェブサイト制作対応が可能です。ご興味のある方は一度 <a href="https://ja.samurai-web-works.com/contact.html" rel="noopener" target="_blank">お問い合わせ</a> 下さい。
ご覧頂きありがとうございました。</p>

</div><p>投稿 <a rel="nofollow" href="https://samurai-web-works.com/info/portfolio/2018-latest-portfolio/">2018年 最近の制作実績</a> は <a rel="nofollow" href="https://samurai-web-works.com/info">Blog | Samurai Web Works サムライウェブワークス -ロサンゼルスのウェブデザイン会社-</a> に最初に表示されました。</p>
]]></content:encoded>
							<wfw:commentRss>https://samurai-web-works.com/info/portfolio/2018-latest-portfolio/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
							</item>
		<item>
		<title>think with Google, Google オフィシャルのモバイル評価測定ツールがリリース！</title>
		<link>https://samurai-web-works.com/info/usefultools/think-with-google-mobile-speed-tool/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=think-with-google-mobile-speed-tool</link>
				<comments>https://samurai-web-works.com/info/usefultools/think-with-google-mobile-speed-tool/#respond</comments>
				<pubDate>Wed, 01 Nov 2017 09:20:11 +0000</pubDate>
		<dc:creator><![CDATA[admin]]></dc:creator>
				<category><![CDATA[ウェブお役立ちTool, 制作Tips]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[think with Google]]></category>
		<category><![CDATA[モバイルサイト]]></category>

		<guid isPermaLink="false">https://samurai-web-works.com/info/?p=290</guid>
				<description><![CDATA[<p>Google ではウェブサイトの表示速度に重点を置いています。本当に効果があるWordPress高速化の設定・ [&#8230;]</p>
<p>投稿 <a rel="nofollow" href="https://samurai-web-works.com/info/usefultools/think-with-google-mobile-speed-tool/">think with Google, Google オフィシャルのモバイル評価測定ツールがリリース！</a> は <a rel="nofollow" href="https://samurai-web-works.com/info">Blog | Samurai Web Works サムライウェブワークス -ロサンゼルスのウェブデザイン会社-</a> に最初に表示されました。</p>
]]></description>
								<content:encoded><![CDATA[<div class="theContentWrap-ccc"><a href="https://samurai-web-works.com/info/wp-content/uploads/2017/11/blog-image-think-with-google01.jpg" data-rel="lightbox-image-0" data-rl_title="" data-rl_caption="" title=""><img src="https://samurai-web-works.com/info/wp-content/uploads/2017/11/blog-image-think-with-google01.jpg" alt="" width="640" height="330" class="alignnone size-full wp-image-302" srcset="https://samurai-web-works.com/info/wp-content/uploads/2017/11/blog-image-think-with-google01.jpg 640w, https://samurai-web-works.com/info/wp-content/uploads/2017/11/blog-image-think-with-google01-300x155.jpg 300w" sizes="(max-width: 640px) 100vw, 640px" /></a>
<p class="mB20">Google ではウェブサイトの表示速度に重点を置いています。<a href="https://samurai-web-works.com/info/wordpress/speed-up-wordpress-plugin-2017-2018/" target="_blank">本当に効果があるWordPress高速化の設定・高速化プラグイン 2017・2018年度</a> でもお伝えした様に、表示速度は SEO に関係します。それだけでは無く、遅いウェブサイトは訪問者の離脱にも影響しますね。
今回は、モバイルの表示速度の評価を様々な視点で評価してくれる、think with Google Test your mobile speed. を試してみました。</p>

<a href="https://samurai-web-works.com/info/wp-content/uploads/2017/11/blog-image-think-with-google01.jpg" data-rel="lightbox-image-0" data-rl_title="" data-rl_caption="" title=""><img src="https://samurai-web-works.com/info/wp-content/uploads/2017/11/blog-image-think-with-google01.jpg" alt="" width="640" height="330" class="alignnone size-full wp-image-302" srcset="https://samurai-web-works.com/info/wp-content/uploads/2017/11/blog-image-think-with-google01.jpg 640w, https://samurai-web-works.com/info/wp-content/uploads/2017/11/blog-image-think-with-google01-300x155.jpg 300w" sizes="(max-width: 640px) 100vw, 640px" /></a>
<p class="mB30">まずは、<a href="https://testmysite.thinkwithgoogle.com/" rel="noopener" target="_blank">https://testmysite.thinkwithgoogle.com/</a> にアクセスします。Enter URL to test your speed というフィールドに、測定したいウェブサイトのURLを入力します。今回は弊社のウェブサイトを例として入力してみました。</p>

<a href="https://samurai-web-works.com/info/wp-content/uploads/2017/11/blog-image-think-with-google02.jpg" data-rel="lightbox-image-2" data-rl_title="" data-rl_caption="" title=""><img src="https://samurai-web-works.com/info/wp-content/uploads/2017/11/blog-image-think-with-google02.jpg" alt="" width="640" height="330" class="alignnone size-full wp-image-295 mB20" srcset="https://samurai-web-works.com/info/wp-content/uploads/2017/11/blog-image-think-with-google02.jpg 640w, https://samurai-web-works.com/info/wp-content/uploads/2017/11/blog-image-think-with-google02-300x155.jpg 300w" sizes="(max-width: 640px) 100vw, 640px" /></a>
<p class="mB30">入力すると、2-3分でレポートが生成されます。（インターネットのスピードにより、多少前後するみたいです。）未だに、世界で 70% のモバイルネットワークは、3G 回線だそうです。4G 回線でだけでなく、3G 回線でもストレス無く表示できるウェブサイト設計が必要になりますね。</p>

<a href="https://samurai-web-works.com/info/wp-content/uploads/2017/11/blog-image-think-with-google03.jpg" data-rel="lightbox-image-3" data-rl_title="" data-rl_caption="" title=""><img src="https://samurai-web-works.com/info/wp-content/uploads/2017/11/blog-image-think-with-google03.jpg" alt="" width="640" height="330" class="alignnone size-full wp-image-296" srcset="https://samurai-web-works.com/info/wp-content/uploads/2017/11/blog-image-think-with-google03.jpg 640w, https://samurai-web-works.com/info/wp-content/uploads/2017/11/blog-image-think-with-google03-300x155.jpg 300w" sizes="(max-width: 640px) 100vw, 640px" /></a>
<a href="https://samurai-web-works.com/info/wp-content/uploads/2017/11/blog-image-think-with-google04.jpg" data-rel="lightbox-image-4" data-rl_title="" data-rl_caption="" title=""><img src="https://samurai-web-works.com/info/wp-content/uploads/2017/11/blog-image-think-with-google04.jpg" alt="" width="640" height="330" class="alignnone size-full wp-image-297" srcset="https://samurai-web-works.com/info/wp-content/uploads/2017/11/blog-image-think-with-google04.jpg 640w, https://samurai-web-works.com/info/wp-content/uploads/2017/11/blog-image-think-with-google04-300x155.jpg 300w" sizes="(max-width: 640px) 100vw, 640px" /></a>
<p class="mB30">レポートが生成されました、デザインも中々スタイリッシュです。評価は Excellent、 3G 回線で 3s (3秒平均)で表示されるみたいです。</p>

<a href="https://samurai-web-works.com/info/wp-content/uploads/2017/11/blog-image-think-with-google05.jpg" data-rel="lightbox-image-5" data-rl_title="" data-rl_caption="" title=""><img src="https://samurai-web-works.com/info/wp-content/uploads/2017/11/blog-image-think-with-google05.jpg" alt="" width="640" height="330" class="alignnone size-full wp-image-300" srcset="https://samurai-web-works.com/info/wp-content/uploads/2017/11/blog-image-think-with-google05.jpg 640w, https://samurai-web-works.com/info/wp-content/uploads/2017/11/blog-image-think-with-google05-300x155.jpg 300w" sizes="(max-width: 640px) 100vw, 640px" /></a>
<p class="mB30">レポートの下部、Get My Free Report ボタンで、より詳しいレポートをメールに送ってもらえます。</p>

<a href="https://samurai-web-works.com/info/wp-content/uploads/2017/11/blog-image-think-with-google06.jpg" data-rel="lightbox-image-6" data-rl_title="" data-rl_caption="" title=""><img src="https://samurai-web-works.com/info/wp-content/uploads/2017/11/blog-image-think-with-google06.jpg" alt="" width="640" height="330" class="alignnone size-full wp-image-301" srcset="https://samurai-web-works.com/info/wp-content/uploads/2017/11/blog-image-think-with-google06.jpg 640w, https://samurai-web-works.com/info/wp-content/uploads/2017/11/blog-image-think-with-google06-300x155.jpg 300w" sizes="(max-width: 640px) 100vw, 640px" /></a>
<p class="mB30">こちらがメールのレポートの一部、Compress images (画像の圧縮率)、Eliminate render-blocking JavaScript and CSS in above-the-fold content (JavaScript と CSS の圧縮)辺りにまだ改善の余地がありそうです。</p>

<p>この様な流れで、あなたのウェブサイトの表示速度の評価を無料でしてもらえます。課題が分かれば、SEO にも効果があり、離脱率も下がる＝より高いコンバージョンを得る事ができそうですね<br>
<a href="https://testmysite.thinkwithgoogle.com/" rel="noopener" target="_blank">https://testmysite.thinkwithgoogle.com/</a>　是非、一度試してみて下さい。</p></div><p>投稿 <a rel="nofollow" href="https://samurai-web-works.com/info/usefultools/think-with-google-mobile-speed-tool/">think with Google, Google オフィシャルのモバイル評価測定ツールがリリース！</a> は <a rel="nofollow" href="https://samurai-web-works.com/info">Blog | Samurai Web Works サムライウェブワークス -ロサンゼルスのウェブデザイン会社-</a> に最初に表示されました。</p>
]]></content:encoded>
							<wfw:commentRss>https://samurai-web-works.com/info/usefultools/think-with-google-mobile-speed-tool/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
							</item>
		<item>
		<title>WordPress 内で直接コードを編集できるプラグイン WP Editor</title>
		<link>https://samurai-web-works.com/info/wordpress/wp-editor-plugin/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=wp-editor-plugin</link>
				<comments>https://samurai-web-works.com/info/wordpress/wp-editor-plugin/#respond</comments>
				<pubDate>Fri, 20 Oct 2017 19:34:14 +0000</pubDate>
		<dc:creator><![CDATA[admin]]></dc:creator>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[コーディング]]></category>
		<category><![CDATA[作業効率化]]></category>

		<guid isPermaLink="false">https://samurai-web-works.com/info/?p=276</guid>
				<description><![CDATA[<p>WordPress 使っていると、テーマファイルの編集、PHP や CSS を触る機会があると思います。小さな [&#8230;]</p>
<p>投稿 <a rel="nofollow" href="https://samurai-web-works.com/info/wordpress/wp-editor-plugin/">WordPress 内で直接コードを編集できるプラグイン WP Editor</a> は <a rel="nofollow" href="https://samurai-web-works.com/info">Blog | Samurai Web Works サムライウェブワークス -ロサンゼルスのウェブデザイン会社-</a> に最初に表示されました。</p>
]]></description>
								<content:encoded><![CDATA[<div class="theContentWrap-ccc"><a href="https://samurai-web-works.com/info/wp-content/uploads/2017/10/blog-image-wp-editor-top.jpg" data-rel="lightbox-image-0" data-rl_title="" data-rl_caption="" title=""><img src="https://samurai-web-works.com/info/wp-content/uploads/2017/10/blog-image-wp-editor-top.jpg" alt="" width="640" height="330" class="alignnone size-full wp-image-287" srcset="https://samurai-web-works.com/info/wp-content/uploads/2017/10/blog-image-wp-editor-top.jpg 640w, https://samurai-web-works.com/info/wp-content/uploads/2017/10/blog-image-wp-editor-top-300x155.jpg 300w" sizes="(max-width: 640px) 100vw, 640px" /></a>
<p class="mB50">WordPress 使っていると、テーマファイルの編集、PHP や CSS を触る機会があると思います。小さな変更がある際、わざわざ FTP 接続してからファイルをダウンロードするしなければならない事もあると思います。しかし、このプラグイン WP Editor を使う事により、WordPress 管理画面内から、コーディングのソフト (Dreamweaver, Brackets 等) で編集するのと近い感じでコーディングが可能です。ここまでは従来のプラグインでも出来た内容ですが、このプラグインのすぐい所は、投稿やページ内でのテキスト編集でも同じ様な機能で使える事、要は、WordPress のページ編集がそのまま行えてしまう点だと思います。もちろん、プラグインの編集も同じ様に行えます。</p>

<h2 class="text_red">導入方法</h2>
<p class="mB20">まずはプラグインをダウンロード、有効化した後、ダッシュボードの左下の方に WP Editor のタブが出来ているのが確認できます。そちらをクリック後、以下の画面が表示されるのでプラグインの設定が可能です。<br>
基本インストール後、テーマファイル、プラグイン、投稿でが有効になるはずです。ここで細かい設定ですが、以下のオプション (Post Editor) で Editor Theme があると思いますが、こちらは好みに応じて変更してみて下さい。筆者は、背景が暗めのEditorが好きなので、&#8221;Ruby Blue&#8221; を選択してみました。その他は Editor Height (この Editor の高さの設定です。) デフォルトだと 450px でこれだと少し高さが足りない印象があります。600px 位に設定するのがベストです。</p>
<a href="https://samurai-web-works.com/info/wp-content/uploads/2017/10/wp-editor-setting.jpg" data-rel="lightbox-image-1" data-rl_title="" data-rl_caption="" title=""><img src="https://samurai-web-works.com/info/wp-content/uploads/2017/10/wp-editor-setting.jpg" alt="" width="751" height="1450" class="alignnone size-full wp-image-281" srcset="https://samurai-web-works.com/info/wp-content/uploads/2017/10/wp-editor-setting.jpg 751w, https://samurai-web-works.com/info/wp-content/uploads/2017/10/wp-editor-setting-155x300.jpg 155w" sizes="(max-width: 751px) 100vw, 751px" /></a>
<p class="mB20">その後は、Theme Editor, Plugin Editor も同じ様に設定すれば、結構だと思います。Editor Theme は豊富な種類があるので、好みに応じて変更してみて下さい。</p>
<h3>プラグイン導入後</h3>
<a href="https://samurai-web-works.com/info/wp-content/uploads/2017/10/wp-editor-code-view.jpg" data-rel="lightbox-image-2" data-rl_title="" data-rl_caption="" title=""><img src="https://samurai-web-works.com/info/wp-content/uploads/2017/10/wp-editor-code-view.jpg" alt="" width="900" height="449" class="alignnone size-full wp-image-284" srcset="https://samurai-web-works.com/info/wp-content/uploads/2017/10/wp-editor-code-view.jpg 900w, https://samurai-web-works.com/info/wp-content/uploads/2017/10/wp-editor-code-view-300x150.jpg 300w, https://samurai-web-works.com/info/wp-content/uploads/2017/10/wp-editor-code-view-768x383.jpg 768w" sizes="(max-width: 900px) 100vw, 900px" /></a>
<p class="mB20">上記の様に、投稿のコードビューが、コーディングソフトの様な画面になりましたね。デザイナーや開発者でコードビューを使っておられる方は大分作業もはかどると思います。<br>*サーバーの環境によっては、このプラグインが上手く作動しない事もありますので、ご注意下さい。</p>

<p class="f18 mB20 bold"><a href="https://wordpress.org/plugins/wp-editor/" target="_blank">プラグイン配布元</a></p>
</div><p>投稿 <a rel="nofollow" href="https://samurai-web-works.com/info/wordpress/wp-editor-plugin/">WordPress 内で直接コードを編集できるプラグイン WP Editor</a> は <a rel="nofollow" href="https://samurai-web-works.com/info">Blog | Samurai Web Works サムライウェブワークス -ロサンゼルスのウェブデザイン会社-</a> に最初に表示されました。</p>
]]></content:encoded>
							<wfw:commentRss>https://samurai-web-works.com/info/wordpress/wp-editor-plugin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
							</item>
		<item>
		<title>WordCamp LA 2017 へ行ってきました</title>
		<link>https://samurai-web-works.com/info/wordpress/wordcamp-la-2017/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=wordcamp-la-2017</link>
				<comments>https://samurai-web-works.com/info/wordpress/wordcamp-la-2017/#respond</comments>
				<pubDate>Sun, 15 Oct 2017 21:33:29 +0000</pubDate>
		<dc:creator><![CDATA[admin]]></dc:creator>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[WordCamp]]></category>
		<category><![CDATA[ソーシャルメディア]]></category>
		<category><![CDATA[マーケティング]]></category>

		<guid isPermaLink="false">https://samurai-web-works.com/info/?p=258</guid>
				<description><![CDATA[<p>2017年9月29日から10月1日に、ロサンゼルスで WordCamp LAX 2017 が開催されました。W [&#8230;]</p>
<p>投稿 <a rel="nofollow" href="https://samurai-web-works.com/info/wordpress/wordcamp-la-2017/">WordCamp LA 2017 へ行ってきました</a> は <a rel="nofollow" href="https://samurai-web-works.com/info">Blog | Samurai Web Works サムライウェブワークス -ロサンゼルスのウェブデザイン会社-</a> に最初に表示されました。</p>
]]></description>
								<content:encoded><![CDATA[<div class="theContentWrap-ccc"><a href="https://samurai-web-works.com/info/wp-content/uploads/2017/10/blog-image-wc-lax01.jpg" data-rel="lightbox-image-0" data-rl_title="" data-rl_caption="" title=""><img src="https://samurai-web-works.com/info/wp-content/uploads/2017/10/blog-image-wc-lax01.jpg" alt="" width="640" height="330" class="alignnone size-full wp-image-267" srcset="https://samurai-web-works.com/info/wp-content/uploads/2017/10/blog-image-wc-lax01.jpg 640w, https://samurai-web-works.com/info/wp-content/uploads/2017/10/blog-image-wc-lax01-300x155.jpg 300w" sizes="(max-width: 640px) 100vw, 640px" /></a>

<p class="mB40">2017年9月29日から10月1日に、ロサンゼルスで <a href="https://2017.la.wordcamp.org/" target="_blank">WordCamp LAX 2017</a> が開催されました。WordCamp は世界中で開催されている、WordPressに関するセミナーです。もちろん日本でも開催されており、東京や京都などでは大々的に開催されている様ですね。しかし、単に WordPress のセミナーだけでは無く、CSS, WordPress Rest API, SEO, ブランディング, ソーシャルメディアマーケティング等、非常に幅広いジャンルのセミナーが行われ、WordPressにあまり馴染みの無い方でも楽しめる内容になっています。筆者は30日と1日のセッションに参加しました。<br>内容的には非常に為になる充実したセミナーです。しかも $40 USD、両日昼食、ドリンク付き、Tシャツ付き、更にはアフターパーティーも自由参加（筆者は参加しませんでしたが。）という、非常にリーゾナブルな価格設定も魅力です。</p>

<h3 class="text22 bold margin20">会場 Cal State LA</h3>
<a href="https://samurai-web-works.com/info/wp-content/uploads/2017/10/blog-image-wc-lax02.jpg" data-rel="lightbox-image-1" data-rl_title="" data-rl_caption="" title=""><img src="https://samurai-web-works.com/info/wp-content/uploads/2017/10/blog-image-wc-lax02.jpg" alt="" width="640" height="330" class="alignnone size-full wp-image-261" srcset="https://samurai-web-works.com/info/wp-content/uploads/2017/10/blog-image-wc-lax02.jpg 640w, https://samurai-web-works.com/info/wp-content/uploads/2017/10/blog-image-wc-lax02-300x155.jpg 300w" sizes="(max-width: 640px) 100vw, 640px" /></a>

<p class="mB40">会場は、Cal State LA という、ロサンゼルスの東に位置する大学の会場、1フロアを貸し切っての開催、合計3室のセミナールームがありました。1室は、実践的なプログラミングのセッション、他2室はスピーチ型なセッションです。同時間帯で行われる為、どちらかのセッションを選らんで参加すると言った方式です。</p>

<h3 class="text22 bold margin20">TECHNICAL SEO BEST PRACTICES FOR PUBLISHERS</h3>
<a href="https://samurai-web-works.com/info/wp-content/uploads/2017/10/blog-image-wc-lax03.jpg" data-rel="lightbox-image-2" data-rl_title="" data-rl_caption="" title=""><img src="https://samurai-web-works.com/info/wp-content/uploads/2017/10/blog-image-wc-lax03.jpg" alt="" width="640" height="330" class="alignnone size-full wp-image-262" srcset="https://samurai-web-works.com/info/wp-content/uploads/2017/10/blog-image-wc-lax03.jpg 640w, https://samurai-web-works.com/info/wp-content/uploads/2017/10/blog-image-wc-lax03-300x155.jpg 300w" sizes="(max-width: 640px) 100vw, 640px" /></a>
<p class="mB40">こちらは1日目に行われたテクニカルSEOのセッション、Arsen Rabinovich 氏、SEO とソーシャルメディアのの会社を経営されている方です。SEOの基本から、Yoast SEO プラグインを使った（但しあくまで作業効率化、プラグインに頼り切らない）SEO手法の紹介、no-index, no-follow の正しい使い方。Scheme Tag のマークアップによる Google の検索結果の表示の違い。かなり最新のテクニカルSEO、特に内部対策の説明を聞く事ができました。WordPress はもちろん、その他のプラットフォームにも幅広く使えるSEOの知識です。個人的にはこのセッション、と以下に紹介する、Slow sites suck! How to speed up WordPress without touching a line of code. がベストのセッションでした。</p>

<h3 class="text22 bold margin20">SLOW SITES SUCK! HOW TO SPEED UP WORDPRESS WITHOUT TOUCHING A LINE OF CODE.</h3>
<a href="https://samurai-web-works.com/info/wp-content/uploads/2017/10/blog-image-wc-lax04.jpg" data-rel="lightbox-image-3" data-rl_title="" data-rl_caption="" title=""><img src="https://samurai-web-works.com/info/wp-content/uploads/2017/10/blog-image-wc-lax04.jpg" alt="" width="640" height="330" class="alignnone size-full wp-image-263" srcset="https://samurai-web-works.com/info/wp-content/uploads/2017/10/blog-image-wc-lax04.jpg 640w, https://samurai-web-works.com/info/wp-content/uploads/2017/10/blog-image-wc-lax04-300x155.jpg 300w" sizes="(max-width: 640px) 100vw, 640px" /></a>
<p class="mB40">様々な手法で、WordPressサイトの表示の高速化の手法を説明するセッション。Andrew Wilder 氏、WordPress サイト全般のメンテ、SEO等のビジネスをされている方です。サイトの表示速度は非常に重要です。遅ければ遅くなる程、サイト訪問の離脱率を高めるだけでは無く、Google のSEOの評価にも影響します。内容は、プラグインを用いたサイト高速化の設定、キャッシュ化、画像の圧縮、CDNを用いたサイトのキャッシュ化、Google Speed Insight を用いたウェブサイトの速度測定等、非常に幅広い角度からウェブサイトの表示の高速化の手法を説明するセッションでした。</p>

<h3 class="text22 bold margin20">DISCOVERING THE WORDPRESS REST API</h3>
<a href="https://samurai-web-works.com/info/wp-content/uploads/2017/10/blog-image-wc-lax06.jpg" data-rel="lightbox-image-4" data-rl_title="" data-rl_caption="" title=""><img src="https://samurai-web-works.com/info/wp-content/uploads/2017/10/blog-image-wc-lax06.jpg" alt="" width="640" height="330" class="alignnone size-full wp-image-265" srcset="https://samurai-web-works.com/info/wp-content/uploads/2017/10/blog-image-wc-lax06.jpg 640w, https://samurai-web-works.com/info/wp-content/uploads/2017/10/blog-image-wc-lax06-300x155.jpg 300w" sizes="(max-width: 640px) 100vw, 640px" /></a>
<p class="mB40">こちらは、WordPress REST API とは？というセッション、全く馴染みの無い方にも WordPress REST API を用いた入門的なカスタム方法の説明をされていました。</p>

<h3 class="text22 bold margin20">WORDPRESS AND FLEXBOX CSS</h3>
<a href="https://samurai-web-works.com/info/wp-content/uploads/2017/10/blog-image-wc-lax05.jpg" data-rel="lightbox-image-5" data-rl_title="" data-rl_caption="" title=""><img src="https://samurai-web-works.com/info/wp-content/uploads/2017/10/blog-image-wc-lax05.jpg" alt="" width="640" height="330" class="alignnone size-full wp-image-264" srcset="https://samurai-web-works.com/info/wp-content/uploads/2017/10/blog-image-wc-lax05.jpg 640w, https://samurai-web-works.com/info/wp-content/uploads/2017/10/blog-image-wc-lax05-300x155.jpg 300w" sizes="(max-width: 640px) 100vw, 640px" /></a>
<p class="mB40">こちらは、Flexbox CSSの紹介、CSS3から実装された display:flex; の内容を詳しい説明をされていました。Flexbox は、CSS 要素の上下中央揃えに主に使われます。</p>

<h3 class="text22 bold margin20">BRANDING FOR EVERYONE</h3>
<a href="https://samurai-web-works.com/info/wp-content/uploads/2017/10/blog-image-wc-lax07.jpg" data-rel="lightbox-image-6" data-rl_title="" data-rl_caption="" title=""><img src="https://samurai-web-works.com/info/wp-content/uploads/2017/10/blog-image-wc-lax07.jpg" alt="" width="640" height="330" class="alignnone size-full wp-image-266" srcset="https://samurai-web-works.com/info/wp-content/uploads/2017/10/blog-image-wc-lax07.jpg 640w, https://samurai-web-works.com/info/wp-content/uploads/2017/10/blog-image-wc-lax07-300x155.jpg 300w" sizes="(max-width: 640px) 100vw, 640px" /></a>
<p class="mB40">こちらはブランディングに関するセッション、クライアントとのコミュニケーションを取りつつ、どの様にブランディングを進めるか、またプロモーションの仕方なども紹介されていました。ロゴやデザインのコンセプト等も説明されていて、デザイナー出身の筆者も改めて気づく事がたくさんあったセッションでした。</p>
<p class="mB40">全ては紹介できませんが、他にも、<strong>コマンドラインを使った WordPress のカスタム手法、ソーシャルメディアマーケティングの手法に特化したセッション、プロジェクトマネージメントの手法、予算の立て方からスコープ範囲の設定。</strong>などなど、どのセッションも全く外れのない内容でした。</p>

<h3 class="text22 bold margin20">おまけ</h3>
<a href="https://samurai-web-works.com/info/wp-content/uploads/2017/10/blog-image08.jpg" data-rel="lightbox-image-7" data-rl_title="" data-rl_caption="" title=""><img src="https://samurai-web-works.com/info/wp-content/uploads/2017/10/blog-image08.jpg" alt="" width="640" height="330" class="alignnone size-full wp-image-270" srcset="https://samurai-web-works.com/info/wp-content/uploads/2017/10/blog-image08.jpg 640w, https://samurai-web-works.com/info/wp-content/uploads/2017/10/blog-image08-300x155.jpg 300w" sizes="(max-width: 640px) 100vw, 640px" /></a>
<p>こちらが2日間提供される昼食の一つ、数種類からのメニューがあり好きな物を選べるといったシステムです。ホテルの食事に近い感じで、非常においしい。<br>また企業ブースも充実しており、アメリカの主なホスティング各社、WooCommerce等が参加しており、Tシャツや様々なノベルティがもらえます。もしよければ、ロサンゼルスの WordCamp に参加してみてはいかがですか？筆者も次は日本で開催される WordCamp にも参加してみたいです。</p></div><p>投稿 <a rel="nofollow" href="https://samurai-web-works.com/info/wordpress/wordcamp-la-2017/">WordCamp LA 2017 へ行ってきました</a> は <a rel="nofollow" href="https://samurai-web-works.com/info">Blog | Samurai Web Works サムライウェブワークス -ロサンゼルスのウェブデザイン会社-</a> に最初に表示されました。</p>
]]></content:encoded>
							<wfw:commentRss>https://samurai-web-works.com/info/wordpress/wordcamp-la-2017/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
							</item>
	</channel>
</rss>
