<?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>WordPress &#8211; ad-note</title>
	<atom:link href="https://ad-note.jp/category/wordpress/feed" rel="self" type="application/rss+xml" />
	<link>https://ad-note.jp</link>
	<description></description>
	<lastBuildDate>Sun, 02 Aug 2020 06:11:17 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=5.4.2</generator>
	<item>
		<title>【WordPress】特定のカテゴリー記事のサイドバーに任意の要素（目次や記事一覧）を表示させる方法</title>
		<link>https://ad-note.jp/1026.html</link>
					<comments>https://ad-note.jp/1026.html#respond</comments>
		
		<dc:creator><![CDATA[ほわいと]]></dc:creator>
		<pubDate>Mon, 11 Jul 2016 03:06:12 +0000</pubDate>
				<category><![CDATA[WordPress]]></category>
		<guid isPermaLink="false">https://ad-note.jp/?p=1026</guid>

					<description><![CDATA[通常、WordPressのサイドバーというのは、どのカテゴリー記事でも、サイト内のどのページでも同じものが表示されます。 しかし、カテゴリーによって閲覧ユーザー層が異なる場合、カテゴリーごとにそれぞれサイドバーを設定した [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>通常、WordPressのサイドバーというのは、どのカテゴリー記事でも、サイト内のどのページでも同じものが表示されます。</p>



<p>しかし、カテゴリーによって閲覧ユーザー層が異なる場合、カテゴリーごとにそれぞれサイドバーを設定したいと思うものです。</p>



<p>そこで今回、カテゴリーによって異なる要素をサイドバーに表示させる方法、さらにカテゴリー内の回遊率を上げてくれる目次の設置方法について詳しく説明していきます。</p>



<p>カテゴリーごとではなく、記事ごとであったり、タグごとに切り替えたりもでき、汎用性が非常に高いので、知っておいて損はないテクニックだと思います。</p>



<span id="more-1026"></span>



<div id="rtoc-mokuji-wrapper" class="rtoc-mokuji-content frame5 preset5 animation-fade rtoc_open default">
		<div id="rtoc-mokuji-title" class="rtoc_center">
		<button class="rtoc_open_close rtoc_open"></button>
		<span>目次</span>
		</div><ul class="rtoc-mokuji mokuji_ul level-1"><li class="rtoc-item"><a href="#rtoc-1">1:概要</a></li><li class="rtoc-item"><a href="#rtoc-2">2:特定のカテゴリに目次を設置する方法</a></li><ul class="rtoc-mokuji mokuji_none level-2"><li class="rtoc-item"><a href="#rtoc-3">2.1:<span style="color: #222222;">特定のカテゴリー記事のサイドバーに任意の</span>要素を表示させる方法</a></li><li class="rtoc-item"><a href="#rtoc-4">2.2:現在のページ分かる目次を設置する方法</a></li><li class="rtoc-item"><a href="#rtoc-5">2.3:サイドバーを追尾させる方法</a></li></ul><li class="rtoc-item"><a href="#rtoc-6">あとがき</a></li></li></ul></div><h2 id="rtoc-1" >1:概要</h2>



<p>今回は、特定のカテゴリー記事に目次を設置する方法を説明していきます。</p>



<p>例えば、「アドセンス」カテゴリーの記事のサイドバーに、以下の様な「アドセンス記事の目次」を表示するとしましょう。</p>



<figure class="wp-block-image"><img src="https://ad-note.jp/wp-content/uploads/2016/07/image-18.png" alt="サイドバーの目次" title=""/></figure>



<p>そして、目次に表示しているリンクをクリックしたりしてアクセスすると、下のように「<strong><span style="color: #ff0000;">←今ここ</span></strong>」など表示して今見ているページが分かるようになっています。</p>



<figure class="wp-block-image"><img src="https://ad-note.jp/wp-content/uploads/2016/07/image11.png" alt="現在のページが分かる目次" title=""/></figure>



<p>さらに目につきやすいようにスクロールに伴い追尾するように設定します。</p>



<p>これらを実現する方法です。</p>



<h2 id="rtoc-2" >2:特定のカテゴリに目次を設置する方法</h2>



<p>では、実際に設置する方法を順序立てて説明していきます。</p>



<p>説明の流れとしてはこんな感じです。</p>



<ol><li><strong><span style="color: #222222;">特定のカテゴリー記事のサイドバーに任意の要素を表示させる方法について</span> </strong></li><li><strong><span style="color: #222222;">現在のページが分かる目次の設置法について</span> </strong></li><li><span style="color: #222222;"><strong>サイドバーの要素を追尾させる方法について</strong></span></li></ol>



<h3 id="rtoc-3" >2.1:<span style="color: #222222;">特定のカテゴリー記事のサイドバーに任意の</span>要素を表示させる方法</h3>



<p>まずは特定のカテゴリーのサイドバーに任意の要素を表示させる方法についてです。</p>



<p>WordPressの記事ページのサイドバーというのは、「single.php」で「sidebar.php」を読み込んで表示させます。</p>



<figure class="wp-block-image"><img src="https://ad-note.jp/wp-content/uploads/2016/07/image-19.png" alt="single.php" title=""/></figure>



<p>↓</p>



<figure class="wp-block-image"><img src="https://ad-note.jp/wp-content/uploads/2016/07/image-20.png" alt="sidebar.php" title=""/></figure>



<p>なので、カテゴリーによって違うサイドバーを表示させるなら、</p>



<ol><li><strong>「single.php」内で条件分岐を使ってカテゴリーごとに違うサイドバーのファイルを読み込ませる </strong></li><li><strong>「sidebar.php」内で条件分岐を使ってカテゴリーごとに違う要素を読みこませる</strong></li></ol>



<p>どちらかを行えばよいのです。</p>



<p>どちらでも良いのですが、今回は後者の方法を行いました。</p>



<p>「sidebar.php」のウィジェットに対応する部分の下に、以下を追加します。<br></p>


<pre class="line-numbers"><code class="language-php">&lt;?php<br />
if(in_category('adsense')) :<br />
    get_sidebar('adsense');<br />
endif<br />
?&gt;</code></pre>



<figure class="wp-block-image"><img src="https://ad-note.jp/wp-content/uploads/2016/07/image-21.png" alt="" title=""/></figure>



<p>これは、『カテゴリーのスラッグが「adsense」なら（2行目）、「sidebar-adsense.php」を読み込む（3行目）』という意味です。</p>



<p>2行目のシングルクォーテーションの中は、カテゴリーのスラッグを入力して下さい。</p>



<p>そして、さらに読み込ませたい要素を記した「sidebar-adsense.php」というファイルをFTPソフトでテーマフォルダの階層にアップロードします。</p>



<p>例：/ad-note.jp/public_html/wp-content/themes/xeory_base</p>



<p>3行目のシングルクォーテーションの中や「sidebar-〇〇.php」はなんでもいいので、分かりやすい文字列にしましょう。</p>



<p>また、わざわざ新たにファイルを作ってアップロードしなくても、「get_sidebar(&#8216;adsense&#8217;);」のところを直接書き込んでも良いのですが、後から見た時に分かりやすく修正も楽そうなのでこのようにしました。</p>



<p>ちなみに、テンプレートパーツの読み込み方はこちらを参考にして下さい。</p>



<p>参考：<a href="http://on-ze.com/archives/1144" target="_blank" rel="noopener noreferrer">【WordPress】任意のテンプレートパーツを読み込む関数［get_template_part() ;］の使い方。 – ONZE</a></p>



<h3 id="rtoc-4" >2.2:現在のページ分かる目次を設置する方法</h3>



<p>さて「sidebar-adsense.php」に書き込んだ内容が、カテゴリー「アドセンス」の記事のサイドバーに表示されるようにしました。</p>



<p>なので、表示させたい内容を記述していきます。</p>



<p>例えば、次のように記述したとします。</p>


<pre class="line-numbers"><code class="language-php">&lt;ul&gt;<br />
  &lt;il class=&quot;&lt;?php if ( is_single(&#039;179&#039;) ) { echo &#039; current-ad&#039;; } ?&gt;&quot;&gt;<br />
      &lt;a href=&quot;https://ad-note.jp/179.html&quot;&gt;アドセンスとは？メリット・デメリット&lt;/a&gt;<br />
  &lt;/li&gt;<br />
&lt;/ul&gt;</code></pre>



<p>2行目に見慣れない関数が含まれていると思いますが、「スラッグ「179」の投稿ページを見ている場合、「class=&#8221;current-ad&#8221;」を出力する」という意味です。</p>



<p>他のページを見ている場合は、クラスは何も出力されません。</p>



<p>実際に「https://ad-note.jp/179.html」のページを見た時、次のようになります。</p>


<pre class="line-numbers"><code class="language-php">&lt;ul&gt;<br />
  &lt;il class=&quot;current-ad&quot;&gt;<br />
    &lt;a href=&quot;https://ad-note.jp/179.html&quot;&gt;アドセンスとは？メリット・デメリット&lt;/a&gt;<br />
  &lt;/li&gt;<br />
&lt;/ul&gt;</code></pre>



<p>あとはCSSで「current-ad」を装飾すれば良いのです。</p>



<p>例えば以下のようにすれば、現在見ているページのリンクの右に「<strong><span style="color: #ff0000;">←今ここ</span></strong>」というのをつけ、さらにそのリンクを解除することができます。</p>


<pre class="line-numbers"><code class="language-css">li.current-ad:after {<br />
    content: "←今ここ";<br />
    color: #fb4343;<br />
    font-weight: bold;<br />
}<br />
li.current-ad a {<br />
    pointer-events: none;<br />
    color: #2b2d2d;<br />
    font-weight: bold;<br />
}</code></pre>



<p>こちらを参考にしました。</p>



<p>参考：<a href="http://www.hp-stylelink.com/news/2013/11/20131113.php" target="_blank" rel="noopener noreferrer">【CSS】知らなきゃまずい!?擬似要素「:before」「:after」の使い方の基本 | Web制作会社スタイル</a></p>



<p>その他にも枠線で囲ったり、上下の幅を調整したりしていますが、ここでは説明を割愛します。</p>



<p>ちなみにですが、このブログでは「sidebar-adsense.php」を次のようにしています。<br>是非参考にして下さい。</p>


<pre class="line-numbers"><code class="language-php">&lt;div class=&quot;side-widget-inner&quot; id=&quot;ad-rec&quot;&gt;<br />
&lt;h4 class=&quot;side-title&quot;&gt;&lt;span class=&quot;side-title-inner&quot;&gt;アドセンスのおすすめ記事&lt;/span&gt;&lt;/h4&gt;<br />
&lt;ol&gt;<br />
&lt;li class=&quot;&lt;?php if ( is_single(&#039;179&#039;) ) { echo &#039; current-ad&#039;; } ?&gt;&quot;&gt;&lt;a href=&quot;https://ad-note.jp/179.html&quot;&gt;アドセンスとは？メリット・デメリット&lt;/a&gt;&lt;/li&gt;<br />
&lt;li class=&quot;&lt;?php if ( is_single(&#039;146&#039;) ) { echo &#039; current-ad&#039;; } ?&gt;&quot;&gt;&lt;a href=&quot;https://ad-note.jp/146.html&quot;&gt;アドセンスアカウント取得法&lt;/a&gt;&lt;/li&gt;<br />
&lt;li class=&quot;&lt;?php if ( is_single(&#039;53&#039;) ) { echo &#039; current-ad&#039;; } ?&gt;&quot;&gt;&lt;a href=&quot;https://ad-note.jp/53.html&quot;&gt;アドセンスのおすすめ配置&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;アドセンス設置法&lt;/li&gt;<br />
&lt;ul&gt;<br />
&lt;li class=&quot;&lt;?php if ( is_single(&#039;102&#039;) ) { echo &#039; current-ad&#039;; } ?&gt;&quot;&gt;&lt;a href=&quot;https://ad-note.jp/102.html&quot;&gt;ダブルレクタングル&lt;/a&gt;&lt;/li&gt;<br />
&lt;li class=&quot;&lt;?php if ( is_single(&#039;294&#039;) ) { echo &#039; current-ad&#039;; } ?&gt;&quot;&gt;&lt;a href=&quot;https://ad-note.jp/294.html&quot;&gt;見出しタグ前に自動設置&lt;/a&gt;&lt;/li&gt;<br />
&lt;li class=&quot;&lt;?php if ( is_single(&#039;280&#039;) ) { echo &#039; current-ad&#039;; } ?&gt;&quot;&gt;&lt;a href=&quot;https://ad-note.jp/280.html&quot;&gt;moreタグに挿入&lt;/a&gt;&lt;/li&gt;<br />
&lt;li class=&quot;&lt;?php if ( is_single(&#039;256&#039;) ) { echo &#039; current-ad&#039;; } ?&gt;&quot;&gt;&lt;a href=&quot;https://ad-note.jp/256.html&quot;&gt;記事中スマホのみに設置&lt;/a&gt;&lt;/li&gt;<br />
&lt;/ul&gt;<br />
&lt;li&gt;アドセンス停止を防ぐ&lt;/li&gt;<br />
&lt;ul&gt;<br />
&lt;li class=&quot;&lt;?php if ( is_single(&#039;965&#039;) ) { echo &#039; current-ad&#039;; } ?&gt;&quot;&gt;&lt;a href=&quot;https://ad-note.jp/965.html&quot;&gt;アドセンスの禁止事項一覧&lt;/a&gt;&lt;/li&gt;<br />
&lt;li class=&quot;&lt;?php if ( is_single(&#039;936&#039;) ) { echo &#039; current-ad&#039;; } ?&gt;&quot;&gt;&lt;a href=&quot;https://ad-note.jp/936.html&quot;&gt;アドセンス狩り対策&lt;/a&gt;&lt;/li&gt;<br />
&lt;/ul&gt;<br />
&lt;li class=&quot;&lt;?php if ( is_single(&#039;855&#039;) ) { echo &#039; current-ad&#039;; } ?&gt;&quot;&gt;&lt;a href=&quot;https://ad-note.jp/855.html&quot;&gt;アドセンスの「ページ単位の広告」&lt;/a&gt;&lt;/li&gt;<br />
&lt;li class=&quot;&lt;?php if ( is_single(&#039;759&#039;) ) { echo &#039; current-ad&#039;; } ?&gt;&quot;&gt;&lt;a href=&quot;https://ad-note.jp/759.html&quot;&gt;アドセンス配置の検証方法&lt;/a&gt;&lt;/li&gt;<br />
&lt;/ol&gt;<br />
&lt;p align=&quot;center&quot;&gt;&lt;a href=&quot;https://ad-note.jp/category/adsense&quot;&gt;＞＞アドセンス記事一覧＜＜&lt;/a&gt;&lt;/p&gt;<br />
&lt;/div&gt;</code></pre>



<h3 id="rtoc-5" >2.3:サイドバーを追尾させる方法</h3>



<p>サイドバーを追尾させるには、JavaScript（jQuery）を使う方法もありますが、プラグインで手軽に行うこともできます。</p>



<p>「Q2W3 Fixed Widget」または「standard Widget Extensions」などが一般的です。</p>



<p>今回は楽そうだったので「Q2W3 Fixed Widget」を使いました。</p>



<p>【プラグイン】＞【新規追加】から「Q2W3 Fixed Widget」を検索してインストール＆有効化。</p>



<p>そして、【外観】＞【Fixed Widget Options】から【Custom IDs】にて、追尾させたいサイドバーの要素につけたid（ここでは「ad-rec」）を設定。</p>



<figure class="wp-block-image"><img src="https://ad-note.jp/wp-content/uploads/2016/07/image-22.png" alt="Fixed Widget Optionsの設定" title=""/></figure>



<p>以上でサイドバーの目次の部分が追尾されます。</p>



<p>画面のどこに固定するかなど細かい設定もできますが、ここでは割愛します。</p>



<h2 id="rtoc-6" >あとがき</h2>



<p>カテゴリーによってサイドバーを切り替えるというと何となく難しそうですが、意外と簡単にできることが分かってもらえたかと思います。</p>



<p>ただ、今では大抵のサイトはPCよりもスマホユーザーの方が多いものなので、サイドバーではなく記事下に表示させるのもいいかもしれませんね。</p>



<p>今回の内容が理解できれば、特定のカテゴリー記事における記事下部に目次を設置したり、色々応用ができるかと思います。</p>



<p>また、現在見ているページに自動で目印が入る目次というのは結構便利なので、CSSなど自分なりにアレンジして使っていただけたら幸いです。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://ad-note.jp/1026.html/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>エックスサーバーでWordPressを無料SSL化（https化）する方法</title>
		<link>https://ad-note.jp/1002.html</link>
					<comments>https://ad-note.jp/1002.html#respond</comments>
		
		<dc:creator><![CDATA[ほわいと]]></dc:creator>
		<pubDate>Sun, 03 Jul 2016 01:50:30 +0000</pubDate>
				<category><![CDATA[WordPress]]></category>
		<guid isPermaLink="false">https://ad-note.jp/?p=1002</guid>

					<description><![CDATA[2016年6月30日をもってエックスサーバーにて、 独自SSLが無料で行えるようになりました。 これを機に本ブログad-noteもSSL化したので、 その手順、及びSSL化に伴い必要となる手順を説明していきます。 現状S [&#8230;]]]></description>
										<content:encoded><![CDATA[<p>2016年6月30日をもってエックスサーバーにて、<br />
 独自SSLが無料で行えるようになりました。</p>
<p>これを機に本ブログad-noteもSSL化したので、<br />
 その手順、及びSSL化に伴い必要となる手順を説明していきます。</p>
<p>現状SSL化は手間がかかるだけでほとんどメリットはありませんが、<br />
 簡単に設定できデメリットもあまりないのでこの機会に試してみるのもいいと思います。</p>
<p><span id="more-1002"></span></p>
<div id="rtoc-mokuji-wrapper" class="rtoc-mokuji-content frame5 preset5 animation-fade rtoc_open default">
		<div id="rtoc-mokuji-title" class="rtoc_center">
		<button class="rtoc_open_close rtoc_open"></button>
		<span>目次</span>
		</div><ul class="rtoc-mokuji mokuji_ul level-1"><li class="rtoc-item"><a href="#rtoc-1">1:本ブログのSSL化の理由</a></li><li class="rtoc-item"><a href="#rtoc-2">2:エックスサーバーでWordPressをSSL化する手順</a></li><ul class="rtoc-mokuji mokuji_none level-2"><li class="rtoc-item"><a href="#rtoc-3">2.1:サーバーパネルからSSL設定</a></li><li class="rtoc-item"><a href="#rtoc-4"><span style="color: #000000;">2.2:WordPressの一般設定でのURL変更</span></a></li><li class="rtoc-item"><a href="#rtoc-5"><span style="color: #000000;">2.3:ブログ内のURLを変更</span></a></li><li class="rtoc-item"><a href="#rtoc-6">2.<span style="color: #000000;">4:正しくSSL化できているか確認</span></a></li><li class="rtoc-item"><a href="#rtoc-7"><span style="color: #000000;">2.5:URLのリダイレクト</span></a></li><li class="rtoc-item"><a href="#rtoc-8"><span style="color: #000000;">2.6:Google Search Consoleの再登録</span></a></li><li class="rtoc-item"><a href="#rtoc-9"><span style="color: #000000;">2.7:Google AnalyticsのURL変更</span></a></li><li class="rtoc-item"><a href="#rtoc-10"><span style="color: #000000;">2.8:SNS Count CacheのSSL設定（使用している場合のみ）</span></a></li></ul><li class="rtoc-item"><a href="#rtoc-11">あとがき</a></li></li></ul></div><h2 id="rtoc-1" >1:本ブログのSSL化の理由</h2>
<p>サイトをSSL化すると色々と良いことがあると言われています。</p>
<ul>
<li><strong><span style="color: #222222;">セキュリティの強化</span> </strong></li>
<li><strong><span style="color: #222222;">サイトの表示速度向上</span> </strong></li>
<li><strong>SEO面で有利</strong></li>
</ul>
<p>などなど。</p>
<p>ただし、現状ではSSL化はGoogle検索結果の1％も影響はありませんし、<br />
 全体としてもSSL化の恩恵はそこまで大きくありません。</p>
<p>費用や手間を考えると、<br />
 個人規模のサイトで行うのはデメリットの方が大きいかと思います。</p>
<p>では、なぜ今回本ブログをSSL化したのか。</p>
<p>一番の理由が作業の合間の気分転換です（笑）</p>
<p>強いてきちんとした理由を挙げるのであれば、<br />
 今回のエックスサーバーでのSSL無料化によって、<br />
 本ブログでのSSL化のデメリットがなくなったからです。</p>
<p>従来のSSL化の際に生じるデメリットは主に3つ挙げられますが、<br />
 どれも本サイトでは問題ありませんでした。</p>
<div class="box">
<ul>
<li><strong>費用や手間などのコストがかかる</strong>
<ul>
<li>2016年6月30日よりエックスサーバーで無料かつ簡単にでSSL化できるようになった</li>
</ul>
</li>
<li><strong>SNSのカウントが0になる</strong>
<ul>
<li>WordPressの場合、プラグイン「SNS Count Cache」を使えばHTTP時代のシェア数も引き継げる</li>
</ul>
</li>
<li><strong>SSL未対応のASPがある（画像素材やバナー広告）</strong>
<ul>
<li>本ブログではテキストリンク以外のアフィリリンクはないし、今後使う予定もない</li>
</ul>
</li>
</ul>
</div>
<p>エックスサーバーのSSL化無料が話題になっており、<br />
 丁度このブログもエックスサーバーを使っていましたし、ブログのネタにもなると思ったので、<br />
 この機会にSSL化したというわけです。</p>
<div class="simple_box">
<p><strong>■SSL化のデメリットの補足</strong></p>
<p>SSL未対応のASPの素材を使ってもサイト自体は表示されますが、 正しくSSL化できている証であるアドレスバーの緑の鍵が表示されません。</p>
<p>また、アドセンスの場合は 「SSL未対応の広告が多く、オークションの競争率が低下してしまうため、アドセンス掲載サイトをSSL化してしまうと収益が大幅に減少してしまう」 という旨の情報を少し前に見かけました。</p>
<p>しかし、現在は基本的にSSLに対応しており、オークションの競争率に影響はないので、アドセンス掲載サイトをSSL化しても問題は無いかと思います。</p>
<p>ただし、アドセンスコードを修正する必要があるので注意が必要です。</p>
<p>参考：<a href="https://support.google.com/adsense/answer/10528" target="_blank">SSL 対応の AdSense 用広告コード &#8211; AdSense ヘルプ</a></p>
</div>
<h2 id="rtoc-2" >2:エックスサーバーでWordPressをSSL化する手順</h2>
<p>では次に、SSL化する手順と、<br />
 SSL化に伴い必要なことを説明していきます。</p>
<p>流れとしては以下の通りです。</p>
<div class="box">
<ol>
<li><b><span style="color: #222222;">サーバーパネルからSSL設定</span></b></li>
<li><b><span style="color: #000000;">WordPressの一般設定でURL変更</span></b></li>
<li><b><span style="color: #000000;">ブログ内のURLを変更</span>
<ul>
<li><b><span style="color: #000000;">記事内の画像URL、内部リンクURL</span></b></li>
<li><b><span style="color: #000000;">テーマファイルやウィジェットに含まれるURL</span></b></li>
<li><b><span style="color: #000000;">アフィリリンク（SSL対応ASPの画像を使っている場合）</span></b></li>
</ul>
</li>
<li><b><span style="color: #000000;">正しくSSL化できているか確認</span></b></li>
<li><b><span style="color: #000000;">URLのリダイレクト</span></b></li>
<li><b><span style="color: #000000;">Google Search Consoleの再登録</span></b></li>
<li><b><span style="color: #000000;">Google AnalyticsのURL変更</span></b></li>
<li><span style="color: #000000;">SNS Count CacheのSSL設定（使用している場合のみ）</span></b></li>
</ol>
</div>
<h3 id="rtoc-3" >2.1:サーバーパネルからSSL設定</h3>
<p>エックスサーバーのサーバーパネルから【SSL設定】を選択。<br />
  <img style="background-image: none; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-width: 0px;" title="" src="https://ad-note.jp/wp-content/uploads/2016/07/image.png" alt="エックスサーバーのサーバーパネルから【SSL設定】" width="652" height="420" border="0" /></p>
<p>【独自SSL設定の追加】を選択すると指定のサイトURLが表示されるので【独自SSL設定を追加する（確定）】をクリックします。「www」がついていますが、wwwなしのサイトでもこれで問題ありません。<br />
 <img style="background-image: none; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-width: 0px;" title="" src="https://ad-note.jp/wp-content/uploads/2016/07/image-1.png" alt="独自SSL設定の追加" width="652" height="297" border="0" /></p>
<p>ちなみに【CRS情報（SSL証明書申請情報）を入力する】はチェックを入れなくても構いません。</p>
<p>以上でサーバーパネル側の設定は終わりですが、設定が反映されるまで最大1時間程かかります。（僕の場合は10分もかかりませんでした）</p>
<p>設定の反映を終えていない状態で選択したサイトに「https：//」を付けてアクセスしても、<br />
 以下のような画面が表示されます。<br />
 <img style="background-image: none; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-width: 0px;" title="" src="https://ad-note.jp/wp-content/uploads/2016/07/image-2.png" alt="この接続ではプライバシー保護されません" width="652" height="416" border="0" /></p>
<p>きちんとサイトが表示されるまで待ちましょう。</p>
<h3 id="rtoc-4" ><span style="color: #000000;">2.2:WordPressの一般設定でのURL変更</span></h3>
<p>https://でサイトにアクセスできるようになったら、<br />
 WordPress管理画面の【一般設定】で以下のようにURLを「http⇒https」に変更します。<br />
 <img style="background-image: none; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-width: 0px;" title="" src="https://ad-note.jp/wp-content/uploads/2016/07/image-3.png" alt="WordPressの一般設定でのURL変更" width="652" height="535" border="0" /></p>
<h3 id="rtoc-5" ><span style="color: #000000;">2.3:ブログ内のURLを変更</span></h3>
<p>きちんとSSL化できていたら以下のように緑の鍵マークが表示されます。</p>
<p><img style="background-image: none; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-width: 0px;" title="" src="https://ad-note.jp/wp-content/uploads/2016/07/image-4.png" alt="SSL化成功" width="159" height="30" border="0" /></p>
<p>しかし、ブログ内のURL、特に画像のURLが「http://」だと、<br />
 httpとhttpsが混在しているとみなされ、以下のようにきちんと表示されません。</p>
<p><img style="background-image: none; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-width: 0px;" title="" src="https://ad-note.jp/wp-content/uploads/2016/07/image-5.png" alt="SSL未対応" width="152" height="30" border="0" /></p>
<p>そこで、ブログ内の以下のURLを修正していきます。</p>
<ul>
<li><span style="color: #000000;">記事内の画像URL、内部リンクURL</span></li>
<li><span style="color: #000000;">テーマファイルやウィジェットに含まれるURL</span></li>
<li><span style="color: #000000;">アフィリリンク（SSL対応ASPの画像を使っている場合）</span></li>
</ul>
<h4><span style="color: #000000;">2.3.1:<span style="color: #000000;">記事内の画像URL、内部リンクURL</span> </span></h4>
<p>記事内の内部リンク&lt;a href=<strong>http://ad-note.jp/～</strong>&gt;や、<br />
 画像のリンク&lt;img src=<strong>http://ad-note.jp/</strong>wp-content/uploads/～.png &gt;などを<br />
 「https」の形に置換します。</p>
<p>プラグイン「Search Regex」を使えば記事内の要素を一括で任意の要素に変換できるので、<br />
 活用しましょう。</p>
<p><img style="background-image: none; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-width: 0px;" title="" src="https://ad-note.jp/wp-content/uploads/2016/07/image-6.png" alt="Search Regex" width="652" height="260" border="0" /></p>
<p><span style="color: #000000;">これで何か不都合なことが起こるとは考えにくいですが、<br />
 万が一に備えてデータベースのバックアップをとっておくことをおすすめします。</span></p>
<p><a class="link1" href="https://ad-note.jp/693.html" target="_blank">WordPressのバックアッププラグインBackWPupの設定と復元方法</a></p>
<h4><span style="color: #000000;">2.3.2:<span style="color: #000000;">テーマファイルやウィジェットに含まれるURL</span> </span></h4>
<p>「Search Regex」は記事やコメントの要素の置換はできるのですが、<br />
 テーマファイルやウィジェットなどの置換はできないので手動でURL変更をしないといけません。</p>
<p>特にCSSで画像ファイルを読み込んでいる場合や、<br />
 サイドバーにプロフィール画像やメルマガ登録ボタンを設置している場合などは、<br />
 きちんとURLをhttps://で置き換えましょう。</p>
<h4><span style="color: #000000;">2.3.3:<span style="color: #000000;">アフィリリンク（SSL対応ASPの画像を使っている場合）</span></span></h4>
<p>アフィリリンクにASPのバナーなど素材を使っている場合、<br />
 そのリンクが表示されるページはアドレスバー緑の鍵は表示されません。</p>
<p>もしそのASPがSSLに対応しているのであれば、<br />
 リンクを置き換えましょう。</p>
<p>特にアドセンスの場合は前述した通り、きちんとアドセンスコードを修正して下さい。<br />
 ⇒<a href="https://support.google.com/adsense/answer/10528" target="_blank">SSL 対応の AdSense 用広告コード &#8211; AdSense ヘルプ</a></p>
<p>ちなみに、どのASPがSSLに対応しているのかは以下を参考にして下さい。</p>
<p>参考： <a href="https://ischool.co.jp/2016-04-11/" target="_blank">ASPのHTTPS化の対応状況を調べてみた！今後のアフィリエイトサイトは？</a></p>
<h3 id="rtoc-6" >2.<span style="color: #000000;">4:正しくSSL化できているか確認</span></h3>
<p>手順通り進めていき、きちんとSSL化できていれば緑の鍵が表示されますが、<br />
 まだ変化しないようであれば以下の枠の部分をクリックすることで原因を確認できます。</p>
<p><img style="background-image: none; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-width: 0px;" title="" src="https://ad-note.jp/wp-content/uploads/2016/07/image-7.png" alt="正しくSSL化できているか確認" width="302" height="120" border="0" /></p>
<p><img style="background-image: none; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-width: 0px;" title="" src="https://ad-note.jp/wp-content/uploads/2016/07/image-8.png" alt="正しくSSL化できているか確認" width="502" height="424" border="0" /></p>
<p>下図のようにhttp://の状態の画像ファイルが表示されるので、これを修正しましょう。<br />
 <img style="background-image: none; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-width: 0px;" title="" src="https://ad-note.jp/wp-content/uploads/2016/07/image-9.png" alt="正しくSSL化できているか確認" width="502" height="297" border="0" /></p>
<p>この修正を終えたらきちんと緑の鍵のマークが表示されるようになりました。</p>
<p><img style="background-image: none; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-width: 0px;" title="" src="https://ad-note.jp/wp-content/uploads/2016/07/image-10.png" alt="SSL対応" width="281" height="33" border="0" /></p>
<h3 id="rtoc-7" ><span style="color: #000000;">2.5:URLのリダイレクト</span></h3>
<p>これでhttps://のページがきちんとSSL化できましたが、<br />
 まだ検索エンジンに表示されているのはhttp://のページであり、<br />
 ユーザーはhttps://のページにアクセスできるとは限りません。</p>
<p>つまり、http://とhttps://のページが存在しているわけなので、<br />
 http://のページにアクセスしたらhttps://へ自動で転送されるよう、<br />
 リダイレクトをしないといけません。</p>
<p><span style="font-weight: normal;">「.htaccess」を用いてこれを実行します。</span></p>
<p>【/ドメイン名/public_html】の階層にある<span style="font-weight: normal;">「.htaccess」に、<br />
 以下を追加します。</span></p>
<pre class="lang:default decode:true " >&lt;IfModule mod_rewrite.c&gt;
RewriteEngine on
RewriteCond %{HTTPS} !=on [NC]
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]
&lt;/IfModule&gt; </pre>
<p>これでhttp:のページにアクセスしたらhttps://のページに転送されるので、<br />
 一応確認して下さい。</p>
<h3 id="rtoc-8" ><span style="color: #000000;">2.6:Google Search Consoleの再登録</span></h3>
<p>SSL化に伴い、Google Search Consoleに再登録し、<br />
 サイトマップを送信する必要があります。</p>
<p> <img style="background-image: none; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-width: 0px;" title="" src="https://ad-note.jp/wp-content/uploads/2016/07/image-12.png" alt="Google Search Consoleの再登録" width="502" height="157" border="0" /></p>
<p>旧URL（http://）のプロパティについては削除する必要はないみたいです。</p>
<h3 id="rtoc-9" ><span style="color: #000000;">2.7:Google AnalyticsのURL変更</span></h3>
<p>Google Analyticsを使っている場合は、<br />
 設定しているURLを変更する必要があります。</p>
<p>【アナリティクス設定】＞【プロパティ設定】から、<br />
 デフォルトのURLを「https://」に変更しましょう。</p>
<p><img style="background-image: none; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-width: 0px;" title="" src="https://ad-note.jp/wp-content/uploads/2016/07/image-13.png" alt="Google AnalyticsのURL変更" width="502" height="355" border="0" /></p>
<h3 id="rtoc-10" ><span style="color: #000000;">2.8:SNS Count CacheのSSL設定（使用している場合のみ）</span></h3>
<p>通常、SSL化したらURLが変わるので、<br />
 これまでのSNSのカウントは0にリセットされてしまいます。</p>
<p>しかし、プラグイン「SNS Count Cache」を用いれば、<br />
 http://時代のシェア数を引き継げるのです。</p>
<p>【SNS Count Cache】＞【設定】＞【シェア基本キャッシュ設定】から、<br />
 【HTTPからHTTPSへのスキーム以降モード】を有効にします。</p>
<p> <img style="background-image: none; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-width: 0px;" title="" src="https://ad-note.jp/wp-content/uploads/2016/07/image-14.png" alt="SNS Count CacheのSSL設定" width="502" height="387" border="0" /></p>
<p>これで設定は終了ですが、たまにエラーが発生する場合もあります。</p>
<p><img style="background-image: none; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-width: 0px;" title="" src="https://ad-note.jp/wp-content/uploads/2016/07/image-15.png" alt="SNS Count CacheのSSLエラー" width="652" height="74" border="0" /></p>
<p><span style="color: #ff0000;">あなたのサイト上でWP-Cronシステムの呼び出し処理に問題が見つかりました。あなたのサイト上でWP-Cronジョブが動作しない可能性があります。問題は次のとおりです。<br />
 SSL: certificate subject name &#8216;*.xserver.jp&#8217; does not match target host name &#8216;～&#8217;</span></p>
<p>というようなエラーメッセージが出てくる時がありますが、<br />
 これはサーバーのPHPのバーションが古い時に表示されます。</p>
<p>サーバーパネルからPHPのバージョンを切り替えるとエラーが直りました。</p>
<p><img style="background-image: none; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-width: 0px;" title="" src="https://ad-note.jp/wp-content/uploads/2016/07/image-16.png" alt="エックスサーバーPHPバージョン変更" width="502" height="437" border="0" /></p>
<p>これでSNSの引き継ぎはできているはずですが、<br />
 何故か本ブログのFacebookとGoogle+のカウントが引き継げていません…。</p>
<p>まあ、あんまり気にならないので諦めています。</p>
<p>以上で、SSL化の作業、及びそれに伴い必要な作業はすべて終了です。</p>
<h2 id="rtoc-11" >あとがき</h2>
<p>SSL化といえばかなり面倒くさそうで敷居が高かったのですが、<br />
 実際やってみたらかなり簡単でしたし、特に不具合も起きずスムーズに終えることができました。</p>
<p>後になって思いますが、<br />
 これで今後は「SSL化がSEOに有利」というような情報を一々気にしないで済みますし、<br />
 記事が少ない時に終えられたのは良かったと思います。</p>
<p>ただ、前述した通り、個人のサイトでSSL化するメリットは現段階でほぼ皆無なので、<br />
 無理にSSL化する必要はありません。</p>
<p>デメリットもほとんど無いので、<br />
 悩んでいるくらいならパッと終わらせるというのもありですが。</p>
<p>SSL化の際には是非この記事を参考にして頂ければなと思います。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://ad-note.jp/1002.html/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>ブログタイプのWordPress無料テーマ10選（日本語・レスポンシブ対応）</title>
		<link>https://ad-note.jp/533.html</link>
					<comments>https://ad-note.jp/533.html#respond</comments>
		
		<dc:creator><![CDATA[ほわいと]]></dc:creator>
		<pubDate>Fri, 11 Mar 2016 15:14:31 +0000</pubDate>
				<category><![CDATA[WordPress]]></category>
		<guid isPermaLink="false">http://ad-note.jp/?p=533</guid>

					<description><![CDATA[こんにちは、ほわいとです。 WordPressのテーマは膨大な数程存在するので、 慣れていない人は、どういう基準で選べば良いのか、どういうテーマが存在するのか、 よくわからないものです。 そこで今回は、WordPress [&#8230;]]]></description>
										<content:encoded><![CDATA[<p>こんにちは、ほわいとです。</p>
<p>WordPressのテーマは膨大な数程存在するので、<br />
慣れていない人は、どういう基準で選べば良いのか、どういうテーマが存在するのか、<br />
よくわからないものです。</p>
<p>そこで今回は、WordPressのテーマを選ぶ際のポイントと、<br />
日本語対応、レスポンシブ対応のおすすめ無料テーマを10個ご紹介します。</p>
<p><img title="" style="border-top: 0px; border-right: 0px; background-image: none; border-bottom: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; border-left: 0px; display: block; padding-right: 0px; margin-right: auto" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/03/image-38.png" width="800" height="437"></p>
<p><span id="more-533"></span></p>
<div id="rtoc-mokuji-wrapper" class="rtoc-mokuji-content frame5 preset5 animation-fade rtoc_open default">
		<div id="rtoc-mokuji-title" class="rtoc_center">
		<button class="rtoc_open_close rtoc_open"></button>
		<span>目次</span>
		</div><ul class="rtoc-mokuji mokuji_ul level-1"><li class="rtoc-item"><a href="#rtoc-1">1:WordPressのテーマの選び方</a></li><ul class="rtoc-mokuji mokuji_none level-2"><li class="rtoc-item"><a href="#rtoc-2">1.1:値段</a></li><li class="rtoc-item"><a href="#rtoc-3">1.2:デザイン</a></li><li class="rtoc-item"><a href="#rtoc-4">1.3:ネット上にカスタマイズ解説記事がある</a></li><li class="rtoc-item"><a href="#rtoc-5">1.4:安全性</a></li><li class="rtoc-item"><a href="#rtoc-6">1.5:レスポンシブ対応</a></li></ul><li class="rtoc-item"><a href="#rtoc-7"><font color="#222333"></font>2:おすすめブログタイプのWordPressテーマ</a></li><ul class="rtoc-mokuji mokuji_none level-2"><li class="rtoc-item"><a href="#Xeory">2.1:Xeory Base</a></li><li class="rtoc-item"><a href="#Stinger">2.2:Stingerシリーズ</a></li><li class="rtoc-item"><a href="#Simplicity">2.3:Simplicity</a></li><li class="rtoc-item"><a href="#Gush"><span style="color: #222222">2.4:Gush2</span></a></li><li class="rtoc-item"><a href="#Material"><span style="color: #222222">2.5:Material</span> </a></li><li class="rtoc-item"><a href="#WpTHK">2.6:WpTHK </a></li><li class="rtoc-item"><a href="#Twenty">2.7:Twentyシリーズ（fifteen、twelve） </a></li><li class="rtoc-item"><a href="#Graphy">2.8:Graphy </a></li><li class="rtoc-item"><a href="#First">2.9:First </a></li><li class="rtoc-item"><a href="#Write">2.10:Write</a></li></ul><li class="rtoc-item"><a href="#rtoc-18">3:気になったサイトのテーマを調べる方法</a></li><li class="rtoc-item"><a href="#rtoc-19">あとがき</a></li></li></ul></div><h2 id="rtoc-1" >1:WordPressのテーマの選び方</h2>
<p>WordPressのテーマを選ぶ際、<br />
最初は何を判断材料としたらいいのかわからないかと思うので、<br />
選ぶ際のポイントについて説明していきます。</p>
<p>以下の5つを考慮してください。
</p>
<ol>
<li><strong><font color="#ff0000">値段 </font></strong>
<li><strong><font color="#ff0000">デザイン </font></strong>
<li><strong><font color="#ff0000">ネット上にカスタマイズ解説記事がある </font></strong>
<li><strong><font color="#ff0000">安全性 </font></strong>
<li><strong><font color="#ff0000">レスポンシブ対応</font></strong></li>
</ol>
<h3 id="rtoc-2" >1.1:値段</h3>
<p>まず、WordPressのテーマは無料のものと有料のものに分類されます。</p>
<p>有料の方がSEO的に優れていたり、<br />
使いやすかったりすると思われがちですが、<br />
実際は大きな違いはありません。</p>
<p>無料で提供されるテンプレートのレベルが上がってきたというのもありますが、<br />
検索エンジンの評価自体、コンテンツの質の比重が大きくなるのに伴い、<br />
ユーザーの目に見えないサイトの構造などは評価に左右されにくくなってきたのです。</p>
<p>アフィリエイト報酬目当てで有料のテーマを薦めている人も多いですが、<br />
<strong><font color="#ff0000">特別な理由がない限り無料のテーマを使うことをオススメします。</font></strong></p>
<h3 id="rtoc-3" >1.2:デザイン</h3>
<p>WordPressのテーマを選ぶ際には一番重要視するポイントです。</p>
<ul>
<li><strong>サイト全体の配色 </strong>
<li><strong>トップページの配置 </strong>
<li><strong>記事ページのパーツ </strong>
<li><strong>パンくずリスト </strong>
<li><strong>グローバルナビゲーション </strong>
<li><strong>ヘッダー </strong>
<li><strong>フッター </strong>
<li><strong>サイドバー </strong>
<li><strong>カラム数 </strong>
<li><strong>見出し </strong>
<li><strong>スマホ閲覧時のデザイン</strong></li>
</ul>
<p>などなど。</p>
<p>自分の好みや、<br />
サイトの傾向に適したデザインを選びましょう。
</p>
<h3 id="rtoc-4" >1.3:ネット上にカスタマイズ解説記事がある</h3>
<p>WordPressのテーマはそれぞれ構造や仕様が異なるので、<br />
カスタマイズの方法も違ってきます。</p>
<p>HTMLやCSSの知識がついてきたら、<br />
どんなテーマでも独自にデザインをカスタマイズすることが出来ますが、<br />
あまり知識がない状態だと難しいものです。</p>
<p>なので、あまり慣れていない人は、<br />
ネット上にカスタマイズ事例や、解説記事があるテーマを選ぶのをおすすめします。</p>
<p>気になるテーマがあれば、<br />
<font color="#ff0000">「WordPress （テーマ名）&nbsp; カスタマイズ」<br />
</font>で検索してみましょう。</p>
<h3 id="rtoc-5" >1.4:安全性</h3>
<p>WordPressのテーマはネット上に数多く存在しますが、<br />
中にはセキュリティ面で危険なもの少なくありません。</p>
<p>なので、WordPressの公式テーマを使うのが一番無難です。</p>
<p>それ以外なら、<br />
以下の項目をチェックしてください。</p>
<ul>
<li><strong><font color="#ff0000">制作者が信頼できる </font></strong>
<li><strong><font color="#ff0000">テーマの最終アップデートが古くない </font></strong>
<li><strong><font color="#ff0000">多くの人が使っている</font></strong></li>
</ul>
<h3 id="rtoc-6" >1.5:レスポンシブ対応</h3>
<p>サイトのテーマによりますが、<br />
今ではほとんどのサイトがPCよりもスマホの方がユーザーが多いかと思います。</p>
<p>なので、スマホユーザーを考慮したWordPressのテーマを選ぶのが重要です。</p>
<ul><!--EndFragment--></ul>
<p><font color="#222333"></font>できれば、PCだけではなく、<br />
スマホやタブレットに対応したテーマにしましょう。</p>
<p>ただし、今ではレスポンシブ非対応のテーマの方が珍しいですし、<br />
プラグインで簡単にスマホ用のデザインに切り替えることができるので、<br />
<strong><u>他の項目と比べるとあまり重要ではありません。</u></strong></p>
<h2 id="rtoc-7" ><font color="#222333"></font>2:おすすめブログタイプのWordPressテーマ</h2>
<p>では次に、具体的におすすめなWordPressテーマをご紹介します。</p>
<p>WordPressでは企業サイトやポートフォリオサイト、ニュース・マガジンサイトなど、<br />
テーマによって様々な用途で使われますが、今回は<strong><font color="#ff0000"><u>“ブログ”として使うのに最適なテーマ</u></font></strong>を取り挙げました。</p>
<p>まず概観の紹介ですが、今回紹介するのは、以下の10個のテーマで、<br />
どれも<strong>無料</strong>で、<strong>レスポンシブ対応</strong>、<strong>日本語対応</strong>です。</p>
<p><font color="#ff0000">※画像をクリックすると拡大します</font></p>
<table id="gaikan" style="border-collapse: collapse; table-layout: fixed" cellspacing="0" cellpadding="0" border="0">
<colgroup>
<col></colgroup>
<tbody>
<tr>
<td><span style="color: #222222"><strong><u>Xeory Base</u></strong></span><br />
<span style="color: #222222"><strong><u></u></strong></span><a href="https://ad-note.jp/wp-content/uploads/2016/03/image-18.png"><img title="Xeory " style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" border="0" alt="Xeory " src="https://ad-note.jp/wp-content/uploads/2016/03/image_thumb-11.png" width="331" height="160"><span style="color: #222222"></a>  </p>
<p align="center"><a href="#Xeory">＞クリックで詳細までスクロール＜</a></span></p>
</td>
<td><strong><u>Stinger</u></strong><br />
<span style="color: #222222"><strong><u></u></strong></span><a href="https://ad-note.jp/wp-content/uploads/2016/03/image-19.png"><img title="Stinger" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" border="0" alt="Stinger" src="https://ad-note.jp/wp-content/uploads/2016/03/image_thumb-12.png" width="282" height="160"></a>  </p>
<p align="center"><a href="#Stinger">＞クリックで詳細までスクロール＜</a></p>
</td>
</tr>
<tr>
<td><strong><u><span style="color: #222222">Simplicity</span> </u></strong><span style="color: #222222"><br />
</span><a href="https://ad-note.jp/wp-content/uploads/2016/03/image-20.png"><img title="Simplicity " style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" border="0" alt="Simplicity " src="https://ad-note.jp/wp-content/uploads/2016/03/image_thumb-13.png" width="319" height="160">  </p>
<p align="center"></a><a href="#Simplicity">＞クリックで詳細までスクロール＜</a></p>
</td>
<td><span style="color: #222222"><strong><u>Gush2</u></strong></span><a href="https://ad-note.jp/wp-content/uploads/2016/03/image-21.png"><br />
<img title="Gush " style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" border="0" alt="Gush " src="https://ad-note.jp/wp-content/uploads/2016/03/image_thumb-14.png" width="289" height="160">  </p>
<p align="center"></a><a href="#Gush">＞クリックで詳細までスクロール＜</a></p>
</td>
</tr>
<tr>
<td><span style="color: #222222"><strong><u>Material</u></strong></span><br />
<a href="https://ad-note.jp/wp-content/uploads/2016/03/image-22.png"><img title="Material " style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" border="0" alt="Material " src="https://ad-note.jp/wp-content/uploads/2016/03/image_thumb-15.png" width="292" height="160">  </p>
<p align="center"></a><a href="#Material">＞クリックで詳細までスクロール＜</a></p>
</td>
<td><strong><u>WpTHK</u></strong><a href="https://ad-note.jp/wp-content/uploads/2016/03/image-23.png"><br />
<img title="WpTHK" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" border="0" alt="WpTHK" src="https://ad-note.jp/wp-content/uploads/2016/03/image_thumb-16.png" width="300" height="160">  </p>
<p align="center"></a><a href="#WpTHK">＞クリックで詳細までスクロール＜</a></p>
</td>
</tr>
<tr>
<td><strong><u>Twentyシリーズ</u></strong><br />
<a href="https://ad-note.jp/wp-content/uploads/2016/03/image-24.png"><img title="Twentyシリーズ" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" border="0" alt="Twentyシリーズ" src="https://ad-note.jp/wp-content/uploads/2016/03/image_thumb-17.png" width="325" height="160">  </p>
<p align="center"></a><a href="#Twenty">＞クリックで詳細までスクロール＜</a></p>
</td>
<td><strong><u>Graphy</u></strong> <a href="https://ad-note.jp/wp-content/uploads/2016/03/image-25.png"><br />
<img title="Graphy " style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" border="0" alt="Graphy " src="https://ad-note.jp/wp-content/uploads/2016/03/image_thumb-18.png" width="325" height="160">  </p>
<p align="center"></a><a href="#Graphy">＞クリックで詳細までスクロール＜</a></p>
</td>
</tr>
<tr>
<td><strong><u>First</u></strong><br />
<a href="https://ad-note.jp/wp-content/uploads/2016/03/image-26.png"><img title="First" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" border="0" alt="First" src="https://ad-note.jp/wp-content/uploads/2016/03/image_thumb-19.png" width="312" height="160">  </p>
<p align="center"></a><a href="#First">＞クリックで詳細までスクロール＜</a></p>
</td>
<td><strong><u>Write</u></strong><span style="color: #222222"><br />
</span><a href="https://ad-note.jp/wp-content/uploads/2016/03/image-27.png"><img title="Write" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" border="0" alt="Write" src="https://ad-note.jp/wp-content/uploads/2016/03/image_thumb-20.png" width="248" height="160">  </p>
<p align="center"></a><a href="#Write">＞クリックで詳細までスクロール＜</a></p>
</td>
</tr>
<p><!-- [if supportMisalignedColumns]--></p>
</tbody>
</table>
<p>ちなみにですが、<strong><u>Xeory～WpTHK、write</u></strong>はWordPressの<strong><font color="#ff0000">非公式テーマ</font></strong>なので、<br />
個別にサイトからダウンロードしたテーマをアップロードする必要がありますが、<br />
それ以外は公式テーマなので管理画面からインストールすることができます。</p>
<h3 id="Xeory">2.1:Xeory Base</h3>
<p><img title="Xeory " style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" border="0" alt="Xeory " src="https://ad-note.jp/wp-content/uploads/2016/03/image-18.png" width="700" height="339"></p>
<ul>
<li>制作：<a href="http://bazubu.com/" target="_blank">バズ部</a>
<li><a href="https://xeory.jp/template/xeory-base/" target="_blank">ダウンロード</a>
<li><a href="https://xeory.jp/base/" target="_blank">デモ</a></li>
</ul>
<p>あのWebマーケティングで有名なブログ『バズ部』が無料で提供しているWordPressのテーマです。</p>
<p>各種設定のためのマニュアルが用意されており、<br />
テーマをインストールしたらあとはそれに従うだけなので、<br />
初心者でも困ることはないと思われます。</p>
<p>Xeoryには、『初期設定』という項目があり、<br />
メタタグ、Google Analytics、Google Search Console、SNSのリンク、OGP設定など、<br />
本来、初心者には少し敷居が高い設定が簡単にできるようになっているのもポイントです。</p>
<p><a href="https://ad-note.jp/wp-content/uploads/2016/03/image-28.png"><img title="image" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="image" src="https://ad-note.jp/wp-content/uploads/2016/03/image_thumb-21.png" width="139" height="327"></a></p>
<p>デザインはとてもシンプルなので、<br />
<font color="#000000">サイトの見栄えが、コンテンツのボリュームや質に大きく依存します。</font></p>
<p>しっかりとした記事を書く場合は適したテーマですが、<br />
コンテンツがの質が乏しければサイト自体がみすぼらしい印象を与えてしまうので、<br />
注意しましょう。</p>
<p>ちなみにXeoryは、現在本ブログが使用しているテーマです。</p>
<p align="right"><a href="#gaikan"><font size="5">↑10テーマの概観を見直す</font></a></p>
<h3 id="Stinger">2.2:Stingerシリーズ</h3>
<p><img title="Stinger" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" border="0" alt="Stinger" src="https://ad-note.jp/wp-content/uploads/2016/03/image-19.png" width="700" height="398"></p>
<ul>
<li>制作：<a href="http://rentalhomepage.com/" target="_blank">ENJIさん</a>
<li><a href="http://wp-fun.com/dl/" target="_blank">ダウンロード</a>
<li><a href="http://wp-fun.com/demo/" target="_blank" class="broken_link">デモ</a></li>
</ul>
<p>「アフィリエイト」というキーワードを、<br />
個人のブログで検索エンジン上位を獲得している猛者『ENJI』さんが開発したテーマです。</p>
<p>恐らくブロガー、アフィリエイターが使う無料のWordPressのテーマの中で、<br />
最も使用者が多く、最もカスタマイズ解説記事が多いテーマであると思われるます。</p>
<p>Xeory同様に、『STINGER管理』という独自の項目があり、<br />
面倒な設定を一括して行うことが出来ます。</p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/03/image-29.png" width="137" height="377"></p>
<p>解説記事が多くカスタマイズしやすいという利点があるものの、<br />
使用者が多く、デザインを大きく変更しないと他と変わり映えのしないブログになるので、<br />
その点は頭に入れておきましょう。</p>
<p align="right"><a href="#gaikan"><font size="5">↑10テーマの概観を見直す</font></a></p>
<h3 id="Simplicity">2.3:Simplicity</h3>
<p><img title="Simplicity " style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" border="0" alt="Simplicity " src="https://ad-note.jp/wp-content/uploads/2016/03/image-20.png" width="700" height="351"></p>
<ul>
<li>製作：<a href="http://nelog.jp/" target="_blank">わいひら（yhira）さん</a>
<li><a href="http://wp-simplicity.com/downloads/" target="_blank">ダウンロード</a>
<li><a href="http://wp-simplicity.com/" target="_blank">デモ</a></li>
</ul>
<p><font color="#222333">体感では、無料のテーマの中ではStingerの次に多く見かけるテンプレートです。</font></p>
<p><font color="#222333">そのシンプルながらも洗練されたデザインと、<br />
使いやすさに惹かれる人が多いようです。</font></p>
<p>Simplicity<font color="#222333">も、これまでのテーマ同様に、<br />
【外観】→【カスタマイズ】から複雑な設定を簡単に行えるようになっています。</font></p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/03/image-30.png" width="200" height="490"></p>
<p><font color="#222333">また、スキンの機能が充実しており、<br />
簡単にブログのデザインを幅広く変更することが出来るというのもポイントです。</font></p>
<ul><!--EndFragment--></ul>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/03/image-31.png" width="200" height="490"></p>
<p align="right"><a href="#gaikan"><font size="5">↑10テーマの概観を見直す</font></a></p>
<h3 id="Gush"><span style="color: #222222">2.4:Gush2</span></h3>
<p><img title="Gush " style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" border="0" alt="Gush " src="https://ad-note.jp/wp-content/uploads/2016/03/image-21.png" width="700" height="388"></p>
<ul>
<li>製作：<a href="http://naifix.com/">Elloraさん</a>
<li><a href="http://wp-gush.com/gush2/gush2-download/" target="_blank">ダウンロード</a> </li>
</ul>
<p><font color="#222333">これまでと同様シンプルなテーマですが、<br />
シックでかっこいいデザインが個人的に気に入っています。</font></p>
<p><font color="#222333">ただ、これまでのテーマのように複雑な設定を管理画面から簡単に設定することはできません。</font></p>
<p><font color="#222333">サイドバーのSNSボタンや、<br />
</font><a href="https://ad-note.jp/wp-content/uploads/2016/03/image-32.png"><img title="image" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="image" src="https://ad-note.jp/wp-content/uploads/2016/03/image_thumb-22.png" width="242" height="66"></a></p>
<p>箇条書きのリストタグ（ulタグ）<br />
<img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/03/image-33.png" width="242" height="107"></p>
<p>が特徴的です。</p>
<p align="right"><a href="#gaikan"><font size="5">↑10テーマの概観を見直す</font></a></p>
<h3 id="Material"><span style="color: #222222">2.5:Material</span> </h3>
<p><img title="Material " style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" border="0" alt="Material " src="https://ad-note.jp/wp-content/uploads/2016/03/image-22.png" width="700" height="384"></p>
<ul>
<li>製作：Nobuo_CREATEさん
<li><a href="http://wp-material.net/" target="_blank">ダウンロード</a></li>
</ul>
<p><font color="#222333">これまでのシンプルなデザインとは打って変わって、<br />
トップページの各記事ページの表示やサイドバー、SNSボタンなど、<br />
個性的なデザインになっています。</font></p>
<p><font color="#222333">このテーマも、複雑な設定を簡単に設定できるように、<br />
初心者に優しい設計になっています。</font></p>
<ul><!--EndFragment--></ul>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/03/image-34.png" width="200" height="432"></p>
<p>この他にも、トップページにカテゴリーごとの記事を表示させたり、<br />
簡単にサイトカラーを変更できたり、様々なプラグインと連携できたり、<br />
機能面で秀でた特徴があります。</p>
<p align="right"><a href="#gaikan"><font size="5">↑10テーマの概観を見直す</font></a></p>
<h3 id="WpTHK">2.6:WpTHK </h3>
<p><img title="WpTHK" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" border="0" alt="WpTHK" src="https://ad-note.jp/wp-content/uploads/2016/03/image-23.png" width="700" height="373"></p>
<ul>
<li>製作：<a href="http://thk.kanzae.net/" target="_blank">LunaNukoさん</a>
<li><a href="http://thk.kanzae.net/wpthk/dl/" target="_blank">ダウンロード</a> </li>
</ul>
<p><font color="#222333">これまでのテーマ以上に、カスタマイズで細かい設定ができるため、<br />
プラグインを使わずに様々な機能を実現できます。</font></p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/03/image-35.png" width="168" height="578"></p>
<p>また、高機能なのに加えて高速化にも力を入れており、<br />
高機能・高速表示を売りにしています。</p>
<p>デザイン面・機能面・カスタマイズ性において非常に優れていますが、<br />
公開されて日が浅いためか、あまりこのテーマを使っているサイトはあまり見ないので、<br />
他と被りたくない場合には特にオススメのテーマです。</p>
<p align="right"><a href="#gaikan"><font size="5">↑10テーマの概観を見直す</font></a></p>
<h3 id="Twenty">2.7:Twentyシリーズ（fifteen、twelve） </h3>
<p><img title="Twentyシリーズ" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" border="0" alt="Twentyシリーズ" src="https://ad-note.jp/wp-content/uploads/2016/03/image-24.png" width="700" height="345"></p>
<ul>
<li>twentyfifteen
<ul>
<li><a href="https://wordpress.org/themes/twentyfifteen/" target="_blank">公式</a>
<li><a href="https://wordpress.org/themes/twentyfifteen/" target="_blank">デモ</a></li>
</ul>
<li>twentytwelve
<ul>
<li><a href="https://wordpress.org/themes/twentytwelve/" target="_blank">公式</a>
<li><a href="https://twentytwelvedemo.wordpress.com/blog/" target="_blank">デモ</a></li>
</ul>
</li>
</ul>
<p><font color="#222333">WordPressに初期実装されているtwentyシリーズですが、<br />
中でもシンプルでおすすめなのがTwentyfifteenとTwentytwelveです。</font></p>
<p><font color="#222333">公式のテーマなので、安全面では言うまでもありませんし、<br />
日本語のブログとして全く違和感なく使うことができます。</font></p>
<p><font color="#222333">テーマ自体のカスタマイズ性はそんなに高くありませんが、<br />
導入しているブログも多いため、カスタマイズ解説記事も多く、<br />
自分でアレンジするのにハードルは高くありません。</font></p>
<p align="right"><a href="#gaikan"><font size="5">↑10テーマの概観を見直す</font></a></p>
<h3 id="Graphy">2.8:Graphy </h3>
<p><img title="Graphy " style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" border="0" alt="Graphy " src="https://ad-note.jp/wp-content/uploads/2016/03/image-25.png" width="700" height="345"></p>
<ul>
<li><a href="https://wordpress.org/themes/graphy/" target="_blank">公式</a>
<li><a href="http://demo.themegraphy.com/ja/" target="_blank">デモ</a></li>
</ul>
<p><font color="#222333">タイポグラフィの美しさにこだわったテーマで、<br />
余計な装飾を排除し、文章を読ませるのに最適なテーマです。</font></p>
<p><font color="#222333">ウィジェットの設定で2カラムにすることも可能です。</font></p>
<p align="right"><a href="#gaikan"><font size="5">↑10テーマの概観を見直す</font></a></p>
<h3 id="First">2.9:First </h3>
<p><img title="First" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" border="0" alt="First" src="https://ad-note.jp/wp-content/uploads/2016/03/image-26.png" width="700" height="359"></p>
<ul>
<li><a href="https://wordpress.org/themes/first" target="_blank">公式</a>
<li><a href="http://demo.themehaus.net/first-ja/">デモ</a></li>
</ul>
<p>「普通のブログ」をコンセプトに作られたテーマで、<br />
WordPress初心者や、シンプルなデザインを好む上級者にオススメのテーマです。</p>
<p>WordPress公式ディレクトリに登録されているテーマですが、<br />
製作者が日本人ということで、日本語のブログにピッタリのテーマです。</p>
<p align="right"><a href="#gaikan"><font size="5">↑10テーマの概観を見直す</font></a></p>
<h3 id="Write">2.10:Write</h3>
<p><img title="Write" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" border="0" alt="Write" src="https://ad-note.jp/wp-content/uploads/2016/03/image-27.png" width="650" height="420"></p>
<ul>
<li><font color="#222222"><a href="http://themehaus.net/ja/themes/write/" target="_blank">ダウンロード</a></font>
<li><font color="#222222"><a href="http://demo.themehaus.net/write-ja/" target="_blank">デモ</a></font></li>
</ul>
<p>文字の美しさを再発見するというコンセプトで作られ、<br />
余計な要素の一切を省いて、ただ文字を読ませるのに注力したテーマです。</p>
<p>じっくり読ませるためのコラムにはおすすめです。</p>
<p align="right"><a href="#gaikan"><font size="5">↑10テーマの概観を見直す</font></a></p>
<h2 id="rtoc-18" >3:気になったサイトのテーマを調べる方法</h2>
<p>最後に、他の人のWordPressサイトのテーマを調べる方法をお教えします。</p>
<p><a href="http://whatwpthemeisthat.com/" target="_blank">What WordPress Theme Is That?</a>というサイトで、<br />
気になるWordPressのURLを調べるだけです。</p>
<p>以下のように、テーマの詳細なデータを知ることが出来ます。</p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/03/image-36.png" width="637" height="800"></p>
<p>これで、大抵のWordPressテーマは、<br />
無料・有料問わずに調べられるので、<br />
是非活用してください。</p>
<h2 id="rtoc-19" >あとがき</h2>
<p>以上、WordPressのテーマを選ぶポイントと、<br />
おすすめの無料テーマのご紹介でした。</p>
<p>特に重要なのは、<br />
はじめは色々インストールしてみて、<br />
自分の気に入ったデザインのテーマを探すことです。</p>
<p>いざ使ってみると、<br />
使いやすかったり、思いも寄らずイメージに合っていたということもあります。</p>
<p>この記事のようなWordPressテーマのまとめ記事は、<br />
同じテーマを紹介していることが多いので、<br />
公式ディレクトリから自分で調べて使ってみるというのもおすすめです。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://ad-note.jp/533.html/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>SEOやユーザービリティ面で最適なWordPressのパーマリンク設定について</title>
		<link>https://ad-note.jp/462.html</link>
					<comments>https://ad-note.jp/462.html#respond</comments>
		
		<dc:creator><![CDATA[ほわいと]]></dc:creator>
		<pubDate>Mon, 29 Feb 2016 16:21:58 +0000</pubDate>
				<category><![CDATA[WordPress]]></category>
		<guid isPermaLink="false">http://ad-note.jp/?p=462</guid>

					<description><![CDATA[こんにちは、ほわいとです。 今回はWordPressのパーマリンク設定について説明していきます。 記事ページにおける、トップレベルドメイン以下のURLのことで、WordPressを開設してから記事を投稿する前に設定するべ [&#8230;]]]></description>
										<content:encoded><![CDATA[<p>こんにちは、ほわいとです。</p>
<p>今回はWordPressのパーマリンク設定について説明していきます。</p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/03/image.png" width="233" height="284"></p>
<p>記事ページにおける、<br />トップレベルドメイン以下のURLのことで、<br />WordPressを開設してから記事を投稿する前に設定するべき項目です。</p>
<p>このブログでは、<br />『https://ad-note.jp/462.html』<br />というように、【記事番号.html】と設定しています。</p>
<p>結論から言うとパーマリンク設定は各人の好みによるところが9割くらいを占めるので、<br />ようは何でも構いません。</p>
<p>SEOとはほぼ関係ない部分ですしね。</p>
<p>特にこだわりがなければデフォルトの、<br />『/?p=123』でも十分です。</p>
<p>これが少し不格好だなと思ったら、<br />このブログのように<strong><font color="#ff0000">『/123.html（/%post_id%.html）』</font></strong>といった感じにするのをおすすめします。</p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/03/image-1.png" width="602" height="49"></p>
<p>では、詳しく解説していきます。</p>
<p><span id="more-462"></span></p>
<div id="rtoc-mokuji-wrapper" class="rtoc-mokuji-content frame5 preset5 animation-fade rtoc_open default">
		<div id="rtoc-mokuji-title" class="rtoc_center">
		<button class="rtoc_open_close rtoc_open"></button>
		<span>目次</span>
		</div><ul class="rtoc-mokuji mokuji_ul level-1"><li class="rtoc-item"><a href="#rtoc-1">1:一度決めたパーマリンクは変更してはならない</a></li><li class="rtoc-item"><a href="#rtoc-2">2:NGなパーマリンク設定</a></li><ul class="rtoc-mokuji mokuji_none level-2"><li class="rtoc-item"><a href="#rtoc-3">2.1:日付が入ったパーマリンク</a></li><li class="rtoc-item"><a href="#rtoc-4">2.2:カテゴリ名が反映されるパーマリンク </a></li><li class="rtoc-item"><a href="#rtoc-5">2.3:日本語が入っているパーマリンク</a></li></ul><li class="rtoc-item"><a href="#rtoc-6">3:おすすめパーマリンク設定</a></li><ul class="rtoc-mokuji mokuji_none level-2"><li class="rtoc-item"><a href="#rtoc-7">3.1:半角英数字のURLを記事ごとに個別に設定</a></li><li class="rtoc-item"><a href="#rtoc-8">3.2:/%post_id%.html（123.html）</a></li></ul><li class="rtoc-item"><a href="#rtoc-9">あとがき</a></li></li></ul></div><h2 id="rtoc-1" >1:一度決めたパーマリンクは変更してはならない</h2>
<p>解説に入る前に、<br />絶対に頭に入れておかないといけないことは、<br /><strong><u>「最初に決めたパーマリンク設定の変更はしてはいけない」</u></strong>ということです。</p>
<p>これを変更してしまうと、<br />既存の記事全てのURLが変わってしまいます。</p>
<p>言ってしまえば、<br />記事の内容は変わらなくても、別の記事が生成されたようなものです。</p>
<p>これによりこのようなデメリットが生じます。</p>
<ul>
<li><strong><font color="#ff0000">SNSシェア数のカウントがリセット </font></strong>
<li><strong><font color="#ff0000">SEOパワーがリセット（前のURLからのリダイレクトで、ある程度元には戻るが） </font></strong>
<li><strong><font color="#ff0000">リダイレクト設定の手間</font></strong></li>
</ul>
<p>なので、冒頭でパーマリンクはなんでもいいと言いましたが、<br />最低限納得した上で決めるようにしましょう。</p>
<h2 id="rtoc-2" >2:NGなパーマリンク設定</h2>
<p>次に後悔しないために、<br />個人的に非推奨のパーマリンク設定についてお話します。</p>
<ul>
<li><strong><font color="#0000ff">『/2016/02/sample-post/』など、日付が入ったパーマリンク </font></strong>
<li><strong><font color="#0000ff">『/%category%/・・・』など、カテゴリ名が反映されるパーマリンク </font></strong>
<li><strong><font color="#0000ff">『/WordPressのパーマリンク設定/』など、タイトル（日本語）が入っているパーマリンク</font></strong></li>
</ul>
<h3 id="rtoc-3" >2.1:日付が入ったパーマリンク</h3>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/03/image-2.png" width="602" height="112"></p>
<p>日付が入ったパーマリンク設定のメリットとして考えられることは、<br />ユーザーに「新しい記事」or「古い記事」というのを伝えることが出来ることです。</p>
<p>しかし、それが役立つことはあまりありません。</p>
<p>強いて言うなら、<br />常に時事性の高い記事を書く時くらいですね。</p>
<p>一般的なテーマでアクセスをいっぱい集めたい場合、<br />古い記事でも、修正して新しい記事のように見せるのが大事になることがあるので、<br />日付が入ったパーマリンクはおすすめしません。</p>
<h3 id="rtoc-4" >2.2:カテゴリ名が反映されるパーマリンク </h3>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/03/image-3.png" width="602" height="60"></p>
<p><strong>『/%category%/』</strong>は、その記事のカテゴリを自動で取得してURLに設定するタグです。</p>
<p>メリットとして、Google Analyticsでアクセス解析をする際、<br />カテゴリ毎にデータを比較できるという点が挙げられます。</p>
<p>URLに含んだ特定の文字列で検索して抽出することができるので、<br />カテゴリが増えてきた時、それぞれデータを比較しやすいという点があります。</p>
<p>また、ユーザーにもブログの構造を理解してもらいやすいというのもあげられますね。</p>
<p>では、何故僕がこのパーマリンクを推奨しないのか？</p>
<p>それは、<strong><font color="#ff0000">記事のカテゴリを変更できないからです。</font></strong></p>
<p>カテゴリを変更してしまうと、<br />URLが変わり、『一度決めたパーマリンクは変更してはならない』で挙げたデメリットを<br />被ってしまうのです。</p>
<p>最初からブログの全体の構成が決まっており、<br />絶対にカテゴリを変更しないという自信があるのなら構いませんが、<br />中々それを貫き通せるブログはありません。</p>
<p>ブログのボリュームが増えてきて、<br />カテゴリを細分化したくなったり、<br />しっくりこなくて変更したくなったりすることがあるはずです。</p>
<p>だから、カテゴリ名を反映させたパーマリンクは個人的にはオススメしません。</p>
<h3 id="rtoc-5" >2.3:日本語が入っているパーマリンク</h3>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/03/image-4.png" width="602" height="54"></p>
<p>『%postname%』を入れることで、<br />記事タイトルがそのままURLになります。</p>
<p><a href="https://ad-note.jp/wp-content/uploads/2016/03/image-5.png"><img title="image" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="image" src="https://ad-note.jp/wp-content/uploads/2016/03/image_thumb.png" width="371" height="91"></a></p>
<p>これは一見シンプルなURLですが実際には以下の文字列を変換したものです。<br />『http://～/%E3%82%B5%E3%83%B3%E3%83%97%E3%83%AB%E8%A8%98%E4%BA%8B/』</p>
<p>日本語の場合、<br />実際にネットへアクセスする過程で従来のドメインと互換性のあるPunycode形式に変換されるのです。</p>
<p>SNS上だと、このPunycode形式でリンクが表示されるので、<br />拡散されにくいですし、場合によってはアクセスできず404エラーになることもあります。</p>
<p>なので、日本語を含むパーマリンク設定はオススメしません。</p>
<h2 id="rtoc-6" >3:おすすめパーマリンク設定</h2>
<p>では次におすすめのパーマリンク設定をご紹介します。</p>
<p>個人的には以下の2つ。</p>
<ul>
<li><strong><font color="#0000ff">/%postname%/（半角英数字のURLを記事ごとに個別に設定） </font></strong>
<li><strong><font color="#0000ff">/%post_id%.html（123.html）</font></strong></li>
</ul>
<h3 id="rtoc-7" >3.1:半角英数字のURLを記事ごとに個別に設定</h3>
<p><a href="https://ad-note.jp/wp-content/uploads/2016/03/image-6.png"><img title="image" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" border="0" alt="image" src="https://ad-note.jp/wp-content/uploads/2016/03/image_thumb-1.png" width="602" height="54"></a></p>
<p>前述した通り<strong>『%postname%』</strong>とすることで、<br />記事タイトルがそのままURLになりますが、<br />これは投稿画面から個別に編集することが出来ます。</p>
<p>これを半角英数字にすることで、<br />記事タイトル日本語URLのデメリットが解消されます。</p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/03/image-7.png" width="526" height="318"></p>
<p>また、ユーザーに記事の内容を分かってもらいやすいですし、<br />自分でもURLだけで記事を判別できるので、<br />アクセス解析しやすいというメリットが有ります。</p>
<p>ただ、そこまで大きなメリットではないので、<br />毎回URLを考えるのも面倒くさいという場合、次のパーマリンク設定をおすすめします。</p>
<h3 id="rtoc-8" >3.2:/%post_id%.html（123.html）</h3>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/03/image-8.png" width="602" height="44"></p>
<p><strong>『/%post_id%.html』</strong>と設定することで、<br />特に何も考えなくても単純なURLが割り当てられます。</p>
<p>デメリットとしては、<br />URLだけではどんな記事なのか、<br />自分にもユーザーにも分かり難いということです。</p>
<p>しかし、実質そこまで大きなデメリットではありませんし、<br />長年ブログを運営してきてこれで困ったことはありません。</p>
<p>特にこだわりがなければ、<br />このように設定してしまいましょう。</p>
<h2 id="rtoc-9" >あとがき</h2>
<p>以上、おすすめなパーマリンク設定についてご紹介しました。</p>
<p>パーマリンクについては、<br />『途中で変更したらいけない』ということだけ頭に入れておけば、<br />失敗することはそうそうありません。</p>
<p>URLもブログのデザイン同様、個人の好みの範疇なので、<br />そこまで難しいことを考えずに決めてしまいましょう。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://ad-note.jp/462.html/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>WordPressコメントフォームのカスタマイズ！メールアドレス等を消す方法</title>
		<link>https://ad-note.jp/441.html</link>
					<comments>https://ad-note.jp/441.html#comments</comments>
		
		<dc:creator><![CDATA[ほわいと]]></dc:creator>
		<pubDate>Sat, 27 Feb 2016 14:19:42 +0000</pubDate>
				<category><![CDATA[WordPress]]></category>
		<guid isPermaLink="false">http://ad-note.jp/?p=441</guid>

					<description><![CDATA[こんにちは、ほわいとです。 今回は多くの人に記事にコメントしてもらえるように、WordPressのコメントフォームをカスタマイズする方法をお教えしていきます。 具体的には以下の2つです。 『メールアドレス』と『ウェブサイ [&#8230;]]]></description>
										<content:encoded><![CDATA[<p>こんにちは、ほわいとです。</p>
<p>今回は多くの人に記事にコメントしてもらえるように、<br />WordPressのコメントフォームをカスタマイズする方法をお教えしていきます。</p>
<p>具体的には以下の2つです。</p>
<ol>
<li><strong><font color="#ff0000">『メールアドレス』と『ウェブサイト』の項目を削除する方法 </font></strong>
<li><strong><font color="#ff0000">名前の欄にデフォルトで「匿名」と入れる方法</font></strong></li>
</ol>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-54.png" width="700" height="295"></p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-55.png" width="700" height="210"></p>
<p>カスタマイズの方法を説明する前に、<br />まずはWordPressをログアウトしなくてもコメントフォームを確認するについて、<br />お話していきます。</p>
<p><span id="more-441"></span></p>
<div id="rtoc-mokuji-wrapper" class="rtoc-mokuji-content frame5 preset5 animation-fade rtoc_open default">
		<div id="rtoc-mokuji-title" class="rtoc_center">
		<button class="rtoc_open_close rtoc_open"></button>
		<span>目次</span>
		</div><ul class="rtoc-mokuji mokuji_ul level-1"><li class="rtoc-item"><a href="#rtoc-1">1:ログアウトせずにコメントフォームを確認する方法</a></li><li class="rtoc-item"><a href="#rtoc-2">2:『メールアドレス』と『ウェブサイト』の項目を削除する方法</a></li><ul class="rtoc-mokuji mokuji_none level-2"><li class="rtoc-item"><a href="#rtoc-3">2.1:comments.phpを編集</a></li><li class="rtoc-item"><a href="#rtoc-4">2.2:function.phpを編集</a></li><li class="rtoc-item"><a href="#rtoc-5">2.3:CSSを編集</a></li></ul><li class="rtoc-item"><a href="#rtoc-6">3:名前の欄にデフォルトで「匿名」と入れる方法</a></li><li class="rtoc-item"><a href="#rtoc-7">あとがき</a></li></li></ul></div><h2 id="rtoc-1" >1:ログアウトせずにコメントフォームを確認する方法</h2>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-56.png" width="700" height="257"></p>
<p>コメントフォームを確認するには、ログアウトしないといけないので、<br />コメントフォームの編集<img src="https://s.w.org/images/core/emoji/12.0.0-1/72x72/2194.png" alt="↔" class="wp-smiley" style="height: 1em; max-height: 1em;" />確認をするにはいちいちログイン<img src="https://s.w.org/images/core/emoji/12.0.0-1/72x72/2194.png" alt="↔" class="wp-smiley" style="height: 1em; max-height: 1em;" />ログアウトを繰り返さないといけません。</p>
<p>それを回避する方法を二つご紹介します。</p>
<ul>
<li><strong><font color="#ff0000">WordPressにログインしているブラウザとは異なるブラウザで確認する</font></strong>
<ul>
<li>例）WordPressにログインして編集：Google Chrome、<br />　　コメントフォームの確認：Internet Explorer</li>
</ul>
<li><strong><font color="#ff0000">Google Chromeのシークレットモードで確認する</font></strong>
<ul>
<li>キャッシュや閲覧履歴が残らず、WordPress等のログイン状態が保存されないので、WordPressにログアウトした状態でサイトを閲覧できる</li>
</ul>
</li>
</ul>
<div class="box">
<p><strong><u>■シークレットモードを使用する方法</u></strong></p>
<p>Google Chromeの右上のアイコンから【シークレットウィンドウを開く】をクリックするか、<br />キーボードで「Ctrl」+「Shift」+「N」を入力すると新しくシークレットウィンドウが開かれます。</p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-57.png" width="262" height="317"></p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-58.png" width="747" height="269"></p>
<p>シークレットモードは他にも、<br />パーソナライズ検索が無効になり、本当の順位を知ることもできたりと、色々と便利な機能です。</p>
<p><font color="#ff0000">※パーソナライズ検索・・・Google・YAHOO!検索において、個人の過去の検索履歴から個人の興味・関心などが検索順位に反映される</font></p>
</div>
<h2 id="rtoc-2" >2:『メールアドレス』と『ウェブサイト』の項目を削除する方法</h2>
<p>まず、下図のように『メールアドレス』と『ウェブサイト』の項目を削除し、<br />気軽にコメントしてもらえるようにカスタマイズします。</p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-59.png" width="700" height="295"></p>
<p>&nbsp;</p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-60.png" width="700" height="204"></p>
<p>まずは、メールアドレスの入力が必須となっている設定を変更しましょう。</p>
<p><strong><u>設定＞ディスカッション</u></strong></p>
<p><strong>【コメントの投稿者の名前とメールアドレスの入力を必須にする】</strong>のチェックを外して下さい。</p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-61.png" width="702" height="215"></p>
<p>メールアドレスの入力を必須にしているのにメールアドレスの項目を削除してしまったら、<br />コメント自体が送れなくなってしまいます。</p>
<p>では、項目を削除する方法について見ていきましょう。</p>
<p>WordPressのテーマによってやり方が違ってくるので、<br />いくつか方法を紹介します。</p>
<ol>
<li><strong><font color="#0000ff">comments.phpを編集</font></strong>
<li><strong><font color="#0000ff">function.phpを編集</font></strong>
<li><strong><font color="#0000ff">CSSを編集</font></strong></li>
</ol>
<p>これからテーマを編集していきますが、<br />テーマを編集する際は必ず編集前のデータをテキストエディタに保存しておきましょう。</p>
<h3 id="rtoc-3" >2.1:comments.phpを編集</h3>
<p><strong>外観＞テーマの編集＞コメント（comments.php）</strong></p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-62.png" width="702" height="471"></p>
<p>上記のように「email～」「url～」といった要素を削除します。</p>
<p>Xeory、XeoryExtentionの場合、上記のようになっているので、<br />選択箇所を削除すればコメントフォームからメールアドレス等が消えます。</p>
<p><font color="#ff0000">※Xeoryはウェブサイトの項目がデフォルトでありません</font></p>
<p>ただし、削除する範囲がややこしいので気をつけて下さい。</p>
<h3 id="rtoc-4" >2.2:function.phpを編集</h3>
<p>上記のcomments.phpを編集する方法では一部対応していないテーマもあるので（例：Stinger）、<br />その場合はfunction.phpを編集しましょう。</p>
<p><strong>外観＞テーマの編集＞テーマのための関数（function.php）</strong></p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-63.png" width="652" height="443"></p>
<p>このように、function.phpに以下を書き加えてくだい。</p>
<p> [php]add_filter(&#8216;comment_form_default_fields&#8217;, &#8216;mytheme_remove_url&#8217;);<br />
function mytheme_remove_url($arg) {<br />
$arg[&#8216;url&#8217;] = &#8221;;<br />
$arg[&#8216;email&#8217;] = &#8221;;<br />
return $arg;<br />
}[/php] </p>
<h3 id="rtoc-5" >2.3:CSSを編集</h3>
<p>上記の方法でも上手く行かなかった場合、この方法を試して下さい。</p>
<p>Google Chromeには『デベロッパーツール』という、<br />サイトのHTML・CSSなどの要素を調べたり、編集・プレビューできる機能があります。</p>
<p>これで、コメントフォームのメールアドレス・ウェブサイトの要素を調べ、<br />削除してみましょう。</p>
<p>要素を調べたい箇所で「右クリック」＞「検証」でデベロッパーツールのウィンドウが立ち上がります。</p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-64.png" width="702" height="326"></p>
<p>これによると、メールアドレスの要素は&lt;p class=&#8221;comment-form-email&#8221;&gt;ということが分かり、</p>
<p> [css].comment-form-email {<br />
display: none;<br />
}[/css]</p>
<p>をCSSに書き込むことで、<br />メールアドレスの要素が非表示になることが分かりました。</p>
<p>試しにデベロッパーツールでプレビューします。</p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-65.png" width="702" height="515"></p>
<p>デベロッパーツールの右側のCSSの部分に上記の要素を書き込むと、<br />メールアドレスの項目が非表示になったのが確認でき、<br />正常に動作するのが分かりました。</p>
<p>なので、安心してテーマのCSSに書き加えることができます。</p>
<p>ウェブサイトの項目も同様の手順で、</p>
<p> [css].comment-form-url{<br />
display: none;<br />
}[/css]  </p>
<p>とすればいいことが分かります。</p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-66.png" width="702" height="406"></p>
<p>大抵のテーマの場合以下をCSSに書き加えれば解決しますが、<br />もしダメなら上述した手順で要素を調べてCSSで非表示にしましょう。</p>
<p> [css].comment-form-url,<br />
.comment-form-email {<br />
display: none;<br />
}[/css]</p>
<h2 id="rtoc-6" >3:名前の欄にデフォルトで「匿名」と入れる方法</h2>
<p>次に、デフォルトの状態で、<br />名前の入力欄に「匿名」と入れる方法です。</p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-67.png" width="700" height="210"></p>
<p>こうすることで、名前を入力しないで済むため、<br />より、気軽にコメントすることが出来ます。</p>
<p>ただし、元のデフォルト状態では新規コメント投稿者の名前の欄は空欄になっていますが、<br />1度コメントした人が次にコメントする時、前回のキャッシュが残っていれば、<br />その時の名前が自動で表示されるようになっています。</p>
<p>どちらがいいのか、きちんと考えて選択して下さい。</p>
<p>では、この方法について説明します。</p>
<p><strong>外観＞テーマの編集＞コメント（comments.php）</strong></p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-68.png" width="702" height="337"></p>
<p>名前に該当するフォーム（author～）の『value=”～”』となっている箇所を、<br />『value=&#8221;匿名&#8221;』に変更します。</p>
<p>これだけです。</p>
<h2 id="rtoc-7" >あとがき</h2>
<p>以上、コメントしやすいように、<br />コメントフォームをカスタマイズする方法でした。</p>
<p>テーマによってコメントフォームの仕様が違うので、<br />注意して下さい。</p>
<p>ちなみにですが、僕はこのカスタマイズをしてから、<br />とあるブログが1記事50～80程度コメントが付くようになりました。</p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-69.png" width="689" height="286"></p>
<p>しかし、コメントがつきやすいというのは、<br />批判的なコメントもつきやすいということです。</p>
<p>コメントがつくとSEO的に良いという意見もありますが、<br />体感では数十くらいのコメントならそんなに効果はないと思っているので、<br />批判コメントが嫌ならコメント欄を閉鎖するのもありだと思っています。</p>
<p><font color="#000000">また、コメントの基本設定については前回詳しくまとめたので、<br />是非こちらもご覧ください。<br /><img src="https://s.w.org/images/core/emoji/12.0.0-1/72x72/27a1.png" alt="➡" class="wp-smiley" style="height: 1em; max-height: 1em;" /><a href="https://ad-note.jp/419.html">WordPressのコメント・ピンバックの初期設定＆コメントの削除・非表示設定</a><br /></font></p>
]]></content:encoded>
					
					<wfw:commentRss>https://ad-note.jp/441.html/feed</wfw:commentRss>
			<slash:comments>2</slash:comments>
		
		
			</item>
		<item>
		<title>WordPressのコメント・ピンバックの初期設定＆コメントの削除・非表示設定</title>
		<link>https://ad-note.jp/419.html</link>
					<comments>https://ad-note.jp/419.html#respond</comments>
		
		<dc:creator><![CDATA[ほわいと]]></dc:creator>
		<pubDate>Fri, 26 Feb 2016 15:51:23 +0000</pubDate>
				<category><![CDATA[WordPress]]></category>
		<guid isPermaLink="false">http://ad-note.jp/?p=419</guid>

					<description><![CDATA[こんにちは、ほわいとです。 今回はWordPressのコメントの設定や、ピンバック・トラックバックの設定について説明していきます。 コメントは訪問者とのコミュニケーションを取ったり、ブログをコミュニティの場として賑わわせ [&#8230;]]]></description>
										<content:encoded><![CDATA[<p>こんにちは、ほわいとです。</p>
<p>今回はWordPressのコメントの設定や、<br />ピンバック・トラックバックの設定について説明していきます。</p>
<p>コメントは訪問者とのコミュニケーションを取ったり、<br />ブログをコミュニティの場として賑わわせるのに重要な機能なので、<br />是非、しっかり抑えておきましょう。</p>
<p>主に、初期設定、コメントが付いた時のアクション、記事ごとの個別のコメント設定について、<br />順番に紹介していきます。</p>
<p><span id="more-419"></span></p>
<div id="rtoc-mokuji-wrapper" class="rtoc-mokuji-content frame5 preset5 animation-fade rtoc_open default">
		<div id="rtoc-mokuji-title" class="rtoc_center">
		<button class="rtoc_open_close rtoc_open"></button>
		<span>目次</span>
		</div><ul class="rtoc-mokuji mokuji_ul level-1"><li class="rtoc-item"><a href="#rtoc-1">1:ディスカッション設定</a></li><ul class="rtoc-mokuji mokuji_none level-2"><li class="rtoc-item"><a href="#rtoc-2">1.1:投稿のデフォルト設定</a></li><li class="rtoc-item"><a href="#rtoc-3">1.2:他のコメント設定</a></li><li class="rtoc-item"><a href="#rtoc-4">1.3:自分宛のメール通知</a></li><li class="rtoc-item"><a href="#rtoc-5">1.4:コメント表示条件</a></li></ul><li class="rtoc-item"><a href="#rtoc-6">2:コメントに対するアクション</a></li><li class="rtoc-item"><a href="#rtoc-7">3:記事ごとのコメント設定</a></li><li class="rtoc-item"><a href="#rtoc-8">あとがき</a></li></li></ul></div><h2 id="rtoc-1" >1:ディスカッション設定</h2>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-39.png" width="263" height="336"></p>
<p>以下は個人的に推奨する設定です。<br />詳しく説明していきますが、面倒くさい場合は以下のとおりに設定して下さい。</p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image55.png" width="652" height="418"></p>
<p><font color="#ff0000">※赤で示した箇所を変更して下さい</font></p>
<h3 id="rtoc-2" >1.1:投稿のデフォルト設定</h3>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image48.png" width="652" height="159"></p>
<p>まず、これらの項目について説明します。</p>
<ul>
<li><font color="#222222"><strong><font color="#ff0000">この投稿に含まれるすべてのリンクへの通知を試みる</font></strong></font>
<ul>
<li><font color="#222222">記事内のリンク先に自動でピンバックの通知を送信します。相手から承認されれば自分の記事へのリンクが貼られます。</font></li>
</ul>
<li><font color="#222222"><strong><font color="#ff0000">新しい記事に対し他のブログからの通知（ピンバック・トラックバック）と受け付ける</font></strong></font>
<ul>
<li><font color="#222222">他のブログからリンクが貼られてピンバックの通知が送信されたり、トラックバックに指定されれば、コメントとして受信します。それを承認すれば相手へのリンクが貼られます。</font></li>
</ul>
<li><font color="#222222"><strong><font color="#ff0000">新しい投稿へのコメントを許可する</font></strong></font>
<ul>
<li><font color="#222222">記事へのコメントを許可します。このチェックを外すと、設定以降に投稿した記事のコメントフォームを非表示にしてコメントができなくなります。</font></li>
</ul>
</li>
</ul>
<p>ただし、これらの設定は各記事で個別に設定することも出来、<br />設定は個別のものが優先されます。</p>
<p>さて、ここでピンバックが何かわからない人が多いと思うので、<br />詳しく説明します。</p>
<div class="box">
<p><strong><u><font size="5">■ピンバックとは？</font></u></strong></p>
<p>WordPressの記事AからWordPressの記事Bにリンクが貼られた時、</p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-40.png" width="557" height="348"></p>
<p>リンクが貼られた記事のWordPressサイトB管理人の元にメールで通知が届き、<br />ピンバックの承認するかどうか選択できます。</p>
<p>&nbsp;</p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-41.png" width="642" height="345"></p>
<p>&nbsp;</p>
<p>承認しなければ特に何もありませんが、<br />これを承認すると記事B下部のコメント欄に記事Aへのリンク（nofollow）が貼られます。</p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-42.png" width="566" height="339"></p>
<p>実際には以下のように表示されます。（Stinger7の例）</p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image33.png" width="652" height="375"></p>
<p><font color="#ff0000">※デフォルトでは自サイトの記事にリンクを張った時も通知が来て、それに承認するとピンバックが掲載される</font></p>
<p>また、ピンバックが記事中のリンク先に送信されていたのに対し、<br />トラックバックは記事中にないリンクでも任意のブログ記事に送ることが出来る機能です。</p>
<p>このように記事投稿画面から設定できます。</p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-43.png" width="652" height="376"></p>
</p></div>
<h3 id="rtoc-3" >1.2:他のコメント設定</h3>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-44.png" width="652" height="159"></p>
<p>大体が説明不要だとは思うので、重要なものだけ説明します。</p>
<ul>
<li><strong><font color="#ff0000">コメントの投稿者の名前とメールアドレスの入力を必須にする</font></strong>
<ul>
<li>チェックを外すと、名前・メールアドレスの入力が任意なので、気軽にコメントできます。</li>
</ul>
</li>
</ul>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-45.png" width="716" height="280"></p>
<p>&nbsp;</p>
<ul>
<li><strong><font color="#ff0000">コメントを◯階層までのスレッド (入れ子) 形式にする</font></strong>
<ul>
<li>コメントへの返信が入れ子の形で表示されるので、どのコメントへの返信なのかが分かりやすくなる一方、スマホだとコメントのスペースが狭くなるので見難くなります。</li>
</ul>
</li>
</ul>
<p align="center"><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-46.png" width="423" height="337"><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; margin: 0px 0px 0px 7px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-47.png" width="202" height="337"></p>
<h3 id="rtoc-4" >1.3:自分宛のメール通知</h3>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-48.png" width="652" height="62"></p>
<ul>
<li><strong><font color="#ff0000">コメントが投稿された時</font></strong>
<ul>
<li>コメントが投稿される度にメールの通知が来るので、煩わしいようであれば外すと良いでしょう。</li>
</ul>
<li><strong><font color="#ff0000">コメントがモデレーションのために保留されたとき</font></strong>
<ul>
<li>コメント、もしくはピンバック、トラックバックの通知を受け付けるよう設定している場合、通知のメールが来ます。</li>
</ul>
</li>
</ul>
<h3 id="rtoc-5" >1.4:コメント表示条件</h3>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-49.png" width="652" height="49"></p>
<ul>
<li><strong><font color="#ff0000">コメントの手動承認を必須にする</font></strong>
<ul>
<li>批判コメントの抑制や、アドセンスのコンテンツポリシーの遵守を徹底したい場合はチェックを入れて常に承認制にしましょう。</li>
</ul>
<li><strong><font color="#ff0000">すでに承認されたコメントの投稿者のコメントを許可し、それ以外のコメントを承認待ちにする</font></strong>
<ul>
<li>新規投稿者のコメントのみ承認制にしますが、『コメントの手動承認を必須にする』の設定の方が優先されます。</li>
</ul>
</li>
</ul>
<p><font color="#222333"></font>&nbsp;</p>
<p><font color="#222333">以上が、このディスカッション設定での重要な項目です。</font></p>
<h2 id="rtoc-6" >2:コメントに対するアクション</h2>
<p>次に、記事についたコメントに対するアクションについて説明していきます。</p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-50.png" width="652" height="270"></p>
<ul>
<li><strong><font color="#ff0000">承認する：</font></strong>コメントを記事に反映させます。一度承認にしてもすぐに承認前の状態に戻すことが出来ます。
<li><strong><font color="#ff0000">返信：</font></strong>コメントに対して返信します。
<li><strong><font color="#ff0000">クイック編集：</font></strong>画面を遷移せず、簡易的にコメントを編集します。
<li><strong><font color="#ff0000">編集：</font></strong>編集画面に遷移して編集します。
<li><strong><font color="#ff0000">スパム：</font></strong>今後、スパム設定したコメントと類似したコメントをスパムだと認識するようになります。
<li><strong><font color="#ff0000">ゴミ箱へ移動：</font></strong>コメントをゴミ箱に移動させます。</li>
</ul>
<h2 id="rtoc-7" >3:記事ごとのコメント設定</h2>
<p><strong>投稿画面＞クイック編集</strong></p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-51.png" width="652" height="146"></p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-52.png" width="652" height="162"></p>
<p><strong>【コメントを許可】</strong>のチェックを外して更新すると、<br />以下のようにコメントフォームが非表示になります。</p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-53.png" width="666" height="269"></p>
<p>既存のコメントは消えないので、<br />消したい場合はコメントを未承認の状態にしたり、ゴミ箱に移動させましょう。</p>
<p><strong>【トラックバック ピンバックを許可】</strong>を外すと、<br />トラックバックの指定をされたり、記事がリンクされても通知が来なくなります。</p>
<p>&nbsp;</p>
<p>上述しましたが、全体設定よりも、この個別設定の方が優先されるので、<br /><strong><font color="#ff0000">特定の記事だけコメントフォームを非表示させたいという場合などに活用して下さい。</font></strong></p>
<h2 id="rtoc-8" >あとがき</h2>
<p>以上、WordPressのコメントやピンバックの設定についてでした。</p>
<p>今回説明した仕様も、<br />WordPressのテーマ毎に若干異なることもあるので、<br />そこは注意して下さい。</p>
<p>また、コメントフォームをカスタマイズしてコメントしやすくする方法について記事にしたので、<br />是非こちらもご覧ください。<br /><img src="https://s.w.org/images/core/emoji/12.0.0-1/72x72/27a1.png" alt="➡" class="wp-smiley" style="height: 1em; max-height: 1em;" /><a href="https://ad-note.jp/441.html">WordPressコメントフォームのカスタマイズ</a></p>
]]></content:encoded>
					
					<wfw:commentRss>https://ad-note.jp/419.html/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>人気ブログの名前から学ぶブログタイトル（サイト名）の付け方</title>
		<link>https://ad-note.jp/390.html</link>
					<comments>https://ad-note.jp/390.html#comments</comments>
		
		<dc:creator><![CDATA[ほわいと]]></dc:creator>
		<pubDate>Tue, 23 Feb 2016 22:59:31 +0000</pubDate>
				<category><![CDATA[WordPress]]></category>
		<guid isPermaLink="false">http://ad-note.jp/?p=390</guid>

					<description><![CDATA[こんにちは、ほわいとです。 今回は、ブログを立ち上げる際に最初に考えないといけないこと、 ブログタイトル（サイト名）の付け方について説明していきます。 少しややこしいですが、ブログ記事のタイトルではなく、 ブログ（サイト [&#8230;]]]></description>
										<content:encoded><![CDATA[<p>こんにちは、ほわいとです。</p>
<p>今回は、ブログを立ち上げる際に最初に考えないといけないこと、<br />
ブログタイトル（サイト名）の付け方について説明していきます。</p>
<p>少しややこしいですが、ブログ記事のタイトルではなく、<br />
ブログ（サイト）そのもののタイトルのことです。</p>
<p>まず、多くの人がよく分かっていないと思われる、<br />
「ブログタイトルが何に影響してくるのか」についてお話していき、<br />
後半でブログのタイプ別名前の付け方を説明します。</p>
<p><span id="more-390"></span></p>
<div id="rtoc-mokuji-wrapper" class="rtoc-mokuji-content frame5 preset5 animation-fade rtoc_open default">
		<div id="rtoc-mokuji-title" class="rtoc_center">
		<button class="rtoc_open_close rtoc_open"></button>
		<span>目次</span>
		</div><ul class="rtoc-mokuji mokuji_ul level-1"><li class="rtoc-item"><a href="#rtoc-1">1:ブログタイトルは何に影響してくるのか？</a></li><ul class="rtoc-mokuji mokuji_none level-2"><li class="rtoc-item"><a href="#rtoc-2">1.1:<font color="#222222">特定のキーワードによる検索エンジン集客</font> </a></li><li class="rtoc-item"><a href="#rtoc-3">1.2:ユーザーの印象（ブランディング）</a></li></ul><li class="rtoc-item"><a href="#rtoc-4">2:ブログのタイトルの決め方</a></li><ul class="rtoc-mokuji mokuji_none level-2"><li class="rtoc-item"><a href="#rtoc-5">2.1:<font color="#222222">特定のキーワードを狙った特化型ブログ</font></a></li><li class="rtoc-item"><a href="#rtoc-6"><font color="#222222">2.2:自分を売り出しているブログ</font></a></li><li class="rtoc-item"><a href="#rtoc-7"><font color="#222222">2.3:ブランディングをしてリピーターを狙っていくブログ</font></a></li><li class="rtoc-item"><a href="#rtoc-8"><font color="#222222">2.4:その他（リピーターが見込めないごちゃまぜブログ）</font></a></li></ul><li class="rtoc-item"><a href="#rtoc-9">あとがき</a></li></li></ul></div><h2 id="rtoc-1" >1:ブログタイトルは何に影響してくるのか？</h2>
<p>まず、ブログタイトルがどんなことに影響してくるのか、<br />
どんな役割があるのかについて見ていきましょう。</p>
<p>ブログのタイトルは主に2つのことに影響を与えます。</p>
<ol>
<li><strong><font color="#222222">特定のキーワードによる検索エンジン集客</font> </strong>
<li><font color="#222222"><strong>ユーザーの印象（ブランディング）</strong></font></li>
</ol>
<h3 id="rtoc-2" >1.1:<font color="#222222">特定のキーワードによる検索エンジン集客</font> </h3>
<p>ブログタイトルに入れたキーワードで、<br />
検索エンジンから集客することが出来ます。</p>
<p>主に、以下の2つ。</p>
<ul>
<li><strong><font color="#ff0000">ブログタイトルに含んだキーワードでトップページに集客</font></strong>
<li><strong><font color="#ff0000">「記事タイトル|ブログタイトル」とすることで、各記事に自然にキーワードを挿入して複合キーワードで集客</font></strong></li>
</ul>
<p>例えば、「SEO　ブログ」で検索すると、</p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-36.png" width="652" height="243"></p>
<p>「海外SEO情報ブログ」という、<br />
SEOで著名な鈴木謙一さんのブログトップページが上位表示されます。</p>
<p>このように、検索エンジンからブログトップページへの流入は、<br />
ブログタイトルによるところが大きいです。</p>
<p>&nbsp;</p>
<p>次に、「パンダアップデート　SEO」と検索すると、</p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-37.png" width="652" height="327"></p>
<p>2位に鈴木さんのブログの、記事ページが上位表示しています。</p>
<p>「Googleパンダアップデートのすべて」という記事タイトルに、<br />
ブログタイトルの「海外SEO」を自然な形で挿入しているのが分かりますね。</p>
<p>これにより、記事ページでも【SEO】に関連するキーワードを拾えているのです。</p>
<p>こういった感じで、<br />
<strong><font color="#ff0000">“トップページでの特定のキーワードの集客”<br />
“記事ページで特定のキーワードを含んだ複合キーワードの集客”</font></strong><br />
これらがブログタイトルによって可能となるのです。</p>
<p>特に、特化型ブログにおいて、<br />
ブログ全体で特定のキーワードを狙う場合は、<br />
ブログタイトルにキーワードを含ませることで検索エンジンからの流入が見込めます。</p>
<h3 id="rtoc-3" >1.2:ユーザーの印象（ブランディング）</h3>
<p>ブログのタイトルは、そのブログのブランディングに繋がります。</p>
<p>インパクトのある名前だったら多くの人にそのブログを覚えてもらえますし、<br />
ブログのジャンルや内容を含んだ名前だとブログ訪問者に即座にブログの内容を分かってもらえます。</p>
<p>例えば、個人的にブランディングに成功していると思う有名ブログとしては、<br />
以下のものが挙げられます。</p>
<div class="box">
<ul>
<li><font color="#222222"></font><a href="http://www.ikedahayato.com/" target="_blank">まだ東京で消耗してるの？</a>
<ul>
<li>この尖ったタイトルは見ただけで何かしら感情を動かされるので印象に残りやすいですし、運営者のイケダハヤトさんのキャラクターと相まって一層インパクトが強くなっています。</li>
</ul>
<li><a href="http://gori.me/" target="_blank">gori.me（ゴリミー）</a>
<ul>
<li>ドメインの「http://gori.me」と相まって、何故か頭から離れないブログ名です。さらにブログの正式な名前は<strong>『gori.me（ゴリミー） | iPhone・Mac・iPad・WatchなどのApple情報を中心とした最新ITニュースや商品レビューをお届け！』</strong>きっちりキーワードも狙っています。</li>
</ul>
<li><a href="http://bazubu.com/" target="_blank">バズ部</a>
<ul>
<li>短く覚えやすい名前のため、検索エンジンで入力するのに手間がなく、気軽に訪問することができます。他の追随を許さないくらい圧倒的なコンテンツなのに、ブログタイトルがシンプルというこのギャップが、一層記憶に残りやすくしている要因のような気がします。</li>
</ul>
</li>
</ul></div>
<p><font color="#222333">ただ、これらはあくまで前提として、<br />
秀でたブログコンテンツがあるということです。</font></p>
<p><font color="#222333">ブログのタイトルだけで印象に残ることなどなく、<br />
まずブログのコンテンツが強く印象付けられ、<br />
そこからブログのタイトルと結びつけられるのです。</font></p>
<h2 id="rtoc-4" >2:ブログのタイトルの決め方</h2>
<p>では次にブログタイトルの決め方について具体的に見ていきましょう。</p>
<p>まず一番に考えないといけないので、<br />
これから作るブログがどういうタイプに分類されるのかということです。
</p>
<ol>
<li><strong><font color="#ff0000">特定のキーワードを狙った特化型ブログ</font></strong>
<li><strong><font color="#ff0000">自分を売り出しているブログ</font></strong>
<li><strong><font color="#ff0000">ブランディングをしてリピーターを狙っていくブログ</font></strong>
<li><strong><font color="#ff0000">その他（リピーターが見込めないごちゃまぜブログ）</font></strong></li>
</ol>
<h3 id="rtoc-5" >2.1:<font color="#222222">特定のキーワードを狙った特化型ブログ</font></h3>
<p>ブログ全体として、特定のキーワードを狙う場合、<br />
<strong><u>そのキーワードを入れたブログタイトルにしましょう。<br />
</u></strong></p>
<p>そうすることで、<br />
トップページ及び記事ページがそのキーワードで上位表示しやすくなります。</p>
<p>例えば、下図は僕が運営するとある漫画アニメ作品特化ブログの1ヶ月のデータですが、<br />
トップページのPVがブログ全体の3割以上で、検索エンジンからの流入は、半分以上がトップページです。</p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-38.png" width="713" height="360"></p>
<p>通常のブログではこういうことはまずあり得ませんが、<br />
ブログタイトルに狙ったキーワードを入れればトップページでアクセスを集めることが出来ます。</p>
<h3 id="rtoc-6" ><font color="#222222">2.2:自分を売り出しているブログ</font></h3>
<p>情報発信をしているアフィリエイターに多いですが、<br />
ブログよりもその人自身の名前で覚えられる場合、<br />
<strong><u>ブログに自分の名前を入れることでアクセスをしてもらえます。</u></strong></p>
<p>実際このブログも、<br />
一見『ad-note』という名前ですが、<br />
タイトルタグには僕自身のハンドルネーム『ほわいと』を入れています。</p>
<p>これによって、「ほわいと　トレンドアフィリエイト」<br />
などで検索する人のアクセスを集めているのです。</p>
<h3 id="rtoc-7" ><font color="#222222">2.3:ブランディングをしてリピーターを狙っていくブログ</font></h3>
<p>ブログを覚えてもらったり、<br />
興味を持ってリピーターになってもらうためには、<br />
<strong><u>インパクトがある言葉や、語呂の良い造語をタイトルにしましょう。</u></strong></p>
<p><font color="#222222"></font>上述しました、<br />
「<a href="http://www.ikedahayato.com/" target="_blank">まだ東京で消耗してるの？</a>」「<a href="http://gori.me/" target="_blank">gori.me（ゴリミー）</a>」「<a href="http://bazubu.com/" target="_blank">バズ部</a>」なども<br />
これに当たります。</p>
<p>また、ヘッダーを画像に差し替えることで、<br />
見た目上のブログタイトルではインパクトのあるタイトルにし、<br />
タイトルタグにはキーワードや自分の名前を含めたものを設定することも出来ます。
</p>
<h3 id="rtoc-8" ><font color="#222222">2.4:その他（リピーターが見込めないごちゃまぜブログ）</font></h3>
<p>その他のブログについて説明します。</p>
<p>特化型ブログでキーワードを狙うわけでもなく、<br />
自分を出しもしないし、ネタに一貫性がなくリピーターが付きにくいブログです。</p>
<p>例えば、<br />
各記事ページで検索数の多いキーワードをひたすら狙っていくトレンド（アドセンス）ブログや、<br />
特に一貫性がない物販アフィリのブログなどですね。</p>
<p>そんなブログはどんな名前にしてもブランディングにもならず、SEOにも何も影響しないので、<br />
<strong><u>特に名前は気にする必要もありません。<br />
</u></strong></p>
<p>強いて言うなら、<br />
自分の愛着のわく名前にしましょう。</p>
<h2 id="rtoc-9" >あとがき</h2>
<p>以上、ブログタイトルの決め方についてでした。</p>
<p>まとめると、以下のようになります。</p>
<div class="box">
<ul>
<li><strong><font color="#ff0000">特定のキーワードを狙った特化型ブログ</font></strong>
<ul>
<li>キーワードを含んだタイトルにすることで、そのキーワードによるトップページへの検索流入増、そのキーワードを含む複合キーワードによる記事ページヘの検索流入増を狙う</li>
</ul>
<li><strong><font color="#ff0000">自分を売り出しているブログ</font></strong>
<ul>
<li>自分の名前を含むタイトルにすることで、自分の名前で検索する人にアクセスしてもらう</li>
</ul>
<li><strong><font color="#ff0000">ブランディングをしてリピーターを狙っていくブログ</font></strong>
<ul>
<li>インパクトがある言葉や、語呂の良い造語をタイトルにすることで、ブログに興味を持ってもらったり、覚えてもらいやすくする</li>
</ul>
<li><strong><font color="#ff0000">その他（リピーターが見込めないごちゃまぜブログ）</font></strong>
<ul>
<li><font color="#000000">ブログタイトルは特に何にも影響しないので、自分の愛着のわく名前をつける</font></li>
</ul>
</li>
</ul>
</div>
<p>最後に重要なこととして「特定のキーワードを狙ったブログ」以外は、<br />
<strong><u>ブログタイトルがアクセスに影響することはほとんどない</u></strong>、<br />
ということを頭に入れておきましょう。</p>
<p>もしかしたら、「アクセスが多い有名ブログはどれもタイトルがいい」と思うかもしれませんが、<br />
それはあくまで結果論です。</p>
<p>有名であるからタイトルに注目される機会が多いですが、<br />
タイトルのお陰で有名になったり、アクセスを集められているなんてブログは1つもありません。</p>
<p>どれもコンテンツが何かしら突き抜けていたから、有名になったにすぎないのです。</p>
<p>実際、アクセスは膨大に集めているのに<br />
ブログタイトルはパッとしないものなんていくらでもありますし、<br />
その逆にブログタイトルだけ秀でているものも然りです。</p>
<p>それだけは注意しましょう。</p>
<p>また、ブログタイトルはドメイン名の決め方と似たものがあるので、<br />
是非こちらも合わせてご覧ください。<br />
<img src="https://s.w.org/images/core/emoji/12.0.0-1/72x72/27a1.png" alt="➡" class="wp-smiley" style="height: 1em; max-height: 1em;" /><a href="https://ad-note.jp/324.html">独自ドメインの.com .net など種類や意味・ドメイン名の決め方</a></p>
]]></content:encoded>
					
					<wfw:commentRss>https://ad-note.jp/390.html/feed</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
		<item>
		<title>トレンドアフィリエイトはエックスサーバーが最適（月間300万PVでも大丈夫）</title>
		<link>https://ad-note.jp/331.html</link>
					<comments>https://ad-note.jp/331.html#respond</comments>
		
		<dc:creator><![CDATA[ほわいと]]></dc:creator>
		<pubDate>Mon, 08 Feb 2016 12:00:27 +0000</pubDate>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[トレンドアフィリエイト]]></category>
		<guid isPermaLink="false">http://ad-note.jp/?p=331</guid>

					<description><![CDATA[こんにちは、ほわいとです。 WordPressでトレンドアフィリエイトを実践する場合、 大量のアクセスによる負荷に耐えられるサーバーを選ばなければいけません。 もし安価なサーバーを使っていたら、 負荷に耐えられずサイトが [&#8230;]]]></description>
										<content:encoded><![CDATA[<p>こんにちは、ほわいとです。</p>
<p>WordPressでトレンドアフィリエイトを実践する場合、<br />
大量のアクセスによる負荷に耐えられるサーバーを選ばなければいけません。</p>
<p>もし安価なサーバーを使っていたら、<br />
負荷に耐えられずサイトがダウンしたり、制限がかけられてしまうことがあります。</p>
<p>トレンドアフィリエイトにおいては、<br />
サーバー選びは他のアフィリエイトよりも重要になるのです。</p>
<p>最近では、WPXクラウドやWPXレンタルサーバーを勧めている人が多いようですが、<br />
<strong><font color="#ff0000">結論から言うと</font><font style="background-color: #ffff00" color="#ff0000">“エックスサーバー”</font><font color="#ff0000">が最適だと僕は考えています。</font></strong></p>
<p>少なくとも、月間の総アクセス数300万PVくらいまでなら、<br />
エックスサーバーの一番下のプラン（X10）でも問題なく運営できていることを、<br />
僕自身が確認できています。</p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image.png" width="240" height="63"><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-1.png" width="240" height="66"></p>
<p>ただし、負荷軽減対策もしないといけないので、<br />
それについて詳しく説明していきます。</p>
<p><font color="#222222"></font><span id="more-331"></span></p>
<div id="rtoc-mokuji-wrapper" class="rtoc-mokuji-content frame5 preset5 animation-fade rtoc_open default">
		<div id="rtoc-mokuji-title" class="rtoc_center">
		<button class="rtoc_open_close rtoc_open"></button>
		<span>目次</span>
		</div><ul class="rtoc-mokuji mokuji_ul level-1"><li class="rtoc-item"><a href="#rtoc-1">1:エックスサーバーが最適な理由</a></li><ul class="rtoc-mokuji mokuji_none level-2"><li class="rtoc-item"><a href="#rtoc-2">1.1:エックスサーバーの優れている点</a></li><li class="rtoc-item"><a href="#rtoc-3">1.2:エックスサーバーとWPXクラウド・WPXレンタルサーバーの比較</a></li></ul><li class="rtoc-item"><a href="#rtoc-4">2:僕が行なっている負荷軽減対策</a></li><li class="rtoc-item"><a href="#rtoc-5">あとがき</a></li></li></ul></div><h2 id="rtoc-1" >1:エックスサーバーが最適な理由</h2>
<p>トレンドアフィリエイトのような大量のアクセスを集める手法を用いる場合、<br />
サイトの運営にはエックスサーバーをオススメします。</p>
<p><a href="http://px.a8.net/svt/ejp?a8mat=2NDS30+D0KAHU+CO4+614CY" target="_blank">エックスサーバー</a> <img border="0" alt="" src="https://ad-note.jp//HLIC/af835385f9910dfd4f1723c12b0716f4.gif" width="1" height="1"></p>
<p>この理由について説明していきましょう。</p>
<h3 id="rtoc-2" >1.1:エックスサーバーの優れている点</h3>
<p>何よりも、コストパフォーマンスが非常に高いということですね。</p>
<p><strong>高速かつ安定したサーバーの稼働、<br />
50GB/1日という膨大な転送量にも耐えれて、<br />
基本的な機能は揃っており、サポートも迅速かつ丁寧。</strong></p>
<p>初期費用3000円、月額料金1000円というのは、<br />
料金自体は特別安くないかもしれませんが、<br />
<strong><font color="#ff0000">サーバーのスペック等を考慮するとコストパフォーマンスはずば抜けています。</font></strong></p>
<p>トレンドアフィリエイトで膨大なアクセスを集める場合は、<br />
エックスサーバーを選んでおけば間違いありません。</p>
<p>それよりも安いロリポップやさくらサーバーを使うという選択肢もありますが、<br />
転送量や、プログラム処理速度（WordPress動作速度）でエックスサーバーに大きく劣り、<br />
大量にアクセスが集まった場合にサイトが落ちてしまったり、安定稼働しなかったりします。
</p>
<p>では逆に、エックスサーバーよりも大量のアクセスに耐えうると言われている、<br />
WPXクラウドやWPXレンタルサーバーはどうなのでしょうか？</p>
<h3 id="rtoc-3" >1.2:エックスサーバーとWPXクラウド・WPXレンタルサーバーの比較</h3>
<p>これらは同一の会社によるもので、<br />
WPXはエックスサーバーと同様サポートは充実していますし、<br />
機能面でも似ており、優れています。</p>
<p>何が違うのかというと、<br />
<strong>WPXの方は共にWordPressしか運営できませんが、<br />
その分WordPressの高速化や負荷軽減対策がなされています。</strong></p>
<p>ただし、<strong><u>WPXクラウドは1サイト</u></strong>、<br />
<strong><u>WPXレンタルサーバーは10サイト</u></strong>しか開設することができません。</p>
<p>料金面ではWPXクラウドはグレードによって変わってくるので何ともいえませんが、<br />
WPXレンタルサーバーは初期費用がエックスサーバーよりも2000円程高いですね。</p>
<p>それで、僕がこれらWPXよりもエックスサーバーをおすすめする理由は、<br />
主に以下の4点です。</p>
<div class="box">
<ul>
<li><strong><font color="#ff0000">WordPress以外のサイトでも使える</font></strong>
<li><strong><font color="#ff0000">マルチドメイン対応（同じサーバーで複数のドメインの運用可能）</font></strong>
<li><strong><font color="#ff0000">エックスサーバーのX10で月間300万PV、1日20万PVくらいなら問題ないことを確認済み</font></strong>
<li><strong><font color="#ff0000">WPXは高速化は実感できないし、実際に速くならなかった</font></strong></li>
</ul></div>
<p>要するに、WPXレンタルサーバーやWPXクラウドには、<br />
エックスサーバーよりもいいと思う点がないんです。</p>
<p>エックスサーバーよりもWPXの方を勧める人の多くは、<br />
大抵が大量のアクセスに耐えられることを挙げるのですが、<br />
簡単な負荷軽減対策を行えばエックスサーバーで十分ですからね。</p>
<p><strong>月間165万PV</strong>のブログと<strong>月間110万PV</strong>のブログを、<br />
エックスサーバーの一番グレードが低いプラン（X10）で、<br />
しかも同じサーバーで運用しても制限はかけられませんでした。</p>
<p>多い日には<strong>合計20万PV</strong>を超える日もありましたが、<br />
サイトが表示されなくなることも不安定になることも一切ありません。</p>
<p>WPXのWordPress高速化についても、<br />
僕が試した限りでは全く実感できませんでしたし、<br />
「<a href="http://tools.pingdom.com/fpt/" target="_blank">Website speed test</a>」や「<a href="https://gtmetrix.com/" target="_blank">GTmetrix</a> 」で計測しても何故かむしろ遅くなっていました。</p>
<p>というわけで、負荷軽減対策さえすれば、<br />
エックスサーバーの方が断然おすすめです。</p>
<p>負荷軽減対策は面倒くさいとは思いますが、<br />
これをしなければ、大量のアクセスが来た時はWPXでも安定稼働は難しいと思うので、<br />
どちらのみち必須です。</p>
<p>では次に、僕が行なっている負荷軽減対策について説明します。
</p>
<h2 id="rtoc-4" >2:僕が行なっている負荷軽減対策</h2>
<p>僕が行なっているのは主に以下の通りです。</p>
<div class="box">
<ul>
<li><strong><font color="#ff0000">キャッシュ系プラグイン</font></strong>
<ul>
<li><strong>001 Prime Strategy Translate Accelerator</strong>
<li><strong>DB Cache Reloaded Fix</strong>
<li><strong>W3 Total Cache</strong></li>
</ul>
<li><strong><font color="#ff0000">画像圧縮プラグイン</font></strong>
<ul>
<li><strong>EWWW Image Optimizer</strong></li>
</ul>
<li><strong><font color="#ff0000">CDNサービス</font></strong>
<ul>
<li><strong>CloudFlare</strong></li>
</ul>
</li>
</ul></div>
<p>基本的に僕自身そんなに知識はないので、<br />
他のサイトの説明を見ながらやりました。</p>
<p>設定する項目は多いのですが、<br />
手順通りやればいいだけなのでそんなに難しいことも無いと思います。
</p>
<p>特に「CloudFlare」は使うだけでサーバーの負荷だけでなく、<br />
サイトの表示スピードやは全然違ってくるので、サイトの高速表示目当てで導入するのもいいでしょう。
</p>
<p>それぞれの詳しい仕組みや設定は以下を参考にして下さい。</p>
<ul>
<li><a href="http://bazubu.com/speed-up-wordpress-site-19465.html" target="_blank">WordPress高速化｜１秒前半で表示する誰でもできる簡単な方法</a>
<li><a href="http://bazubu.com/w3-total-cache-23854.html" target="_blank">W3 Total Cache のおすすめの設定方法</a>
<li><a href="http://number333.org/2013/08/09/wp-kousokuka-2/" target="_blank">【WordPress高速化】9秒からあっという間に2秒台へ！使用したプラグインと設定方法を細かく解説します。</a></li>
</ul>
<h2 id="rtoc-5" >あとがき</h2>
<p>以上、トレンドアフィリエイトでエックスサーバーをオススメする理由や、<br />
負荷軽減対策についてでした。</p>
<p>エックスサーバーでどれだけのPVまで耐えられるのかという情報はあまり見かけないので、<br />
月間300万PVくらいなら耐えられるというのは結構貴重な情報だったのではないでしょうか。</p>
<p>また負荷軽減対策は、アドセンスの場合クリック率にも関わってくるので、<br />
アクセスが増えてきたら取り入れていきましょう。</p>
<p>ちなみに、エックスサーバーと契約してWordPressを立ち上げる手順はこちらで解説しているので、<br />
是非ご覧ください。<br />
<img src="https://s.w.org/images/core/emoji/12.0.0-1/72x72/27a1.png" alt="➡" class="wp-smiley" style="height: 1em; max-height: 1em;" /><a href="https://ad-note.jp/377.html">初心者でも10分で出来るWordPressのインストール方法</a></p>
]]></content:encoded>
					
					<wfw:commentRss>https://ad-note.jp/331.html/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>初心者でも10分で出来るWordPressのインストール方法</title>
		<link>https://ad-note.jp/377.html</link>
					<comments>https://ad-note.jp/377.html#comments</comments>
		
		<dc:creator><![CDATA[ほわいと]]></dc:creator>
		<pubDate>Mon, 08 Feb 2016 11:59:18 +0000</pubDate>
				<category><![CDATA[WordPress]]></category>
		<guid isPermaLink="false">http://ad-note.jp/?p=377</guid>

					<description><![CDATA[こんにちは、ほわいとです。 WordPressは拡張性が豊かでSEOにも強く、アフィリエイトで使うブログとしては最適なんですが、その反面、初心者には敷居が高いというイメージがあるかと思います。 WordPressのインス [&#8230;]]]></description>
										<content:encoded><![CDATA[<p>こんにちは、ほわいとです。</p>
<p>WordPressは拡張性が豊かでSEOにも強く、<br />アフィリエイトで使うブログとしては最適なんですが、<br />その反面、初心者には敷居が高いというイメージがあるかと思います。</p>
<p>WordPressのインストールを企業に代行依頼すると、<br />数万円かかることもありますからね。</p>
<p>しかし、実際に自分で開設してみたらわかると思いますが、<br />驚くほど簡単で、10分もあればインストールまで終えることもできます。</p>
<p>今回はサーバー契約やドメイン取得などを経てWordPressを開設するまでの手順を、<br />詳しく説明していくので、是非参考にして下さい。</p>
<p><span id="more-377"></span></p>
<div id="rtoc-mokuji-wrapper" class="rtoc-mokuji-content frame5 preset5 animation-fade rtoc_open default">
		<div id="rtoc-mokuji-title" class="rtoc_center">
		<button class="rtoc_open_close rtoc_open"></button>
		<span>目次</span>
		</div><ul class="rtoc-mokuji mokuji_ul level-1"><li class="rtoc-item"><a href="#rtoc-1">1:サーバーの契約（エックスサーバー）</a></li><li class="rtoc-item"><a href="#rtoc-2">2:ドメインの取得（お名前.com）</a></li><li class="rtoc-item"><a href="#rtoc-3">3:ネームサーバーの変更</a></li><li class="rtoc-item"><a href="#rtoc-4">4:WordPressをインストールする</a></li><li class="rtoc-item"><a href="#rtoc-5">あとがき</a></li></li></ul></div><h2 id="rtoc-1" >1:サーバーの契約（エックスサーバー）</h2>
<p>WordPressをインストールするために、<br />まずはWordPressを設置するサーバーの契約をする必要があります。</p>
<p>よく使われる例ですが、<br />サイトを開設するのを家を建てる事に見立てた時、<br />サーバーは家を建てるための“土地”のような役割です。</p>
<p>レンタルサーバーは色んな会社が色んな種類のサーバーを提供しているのですが、<br />僕がオススメするのは<strong>“エックスサーバー”</strong>です。</p>
<p>理由は色々あり、詳細を話すと長くなるので割愛しますが、<br />簡単にまとめると以下の通りです。</p>
<div class="box">
<ul>
<li><strong><font color="#ff0000">WordPressを自動でインストールする機能がある</font></strong>
<li><strong><font color="#ff0000">24時間のサポート体制</font></strong>
<li><font color="#222222"><strong><font color="#ff0000">月間300万PVや1日20万PVでも安定稼働が確認済み（簡単な負荷軽減対策が必要だが）</font></strong><br />※詳細はこちら<img src="https://s.w.org/images/core/emoji/12.0.0-1/72x72/27a1.png" alt="➡" class="wp-smiley" style="height: 1em; max-height: 1em;" /><a href="https://ad-note.jp/331.html" target="_blank">トレンドアフィリエイトはエックスサーバーが最適（月間300万PVでも大丈夫）</a></font>
<li><strong><font color="#ff0000">プログラム処理速度が速い（WordPressの表示が速い）</font></strong>
<li><strong><font color="#ff0000">これだけの機能に対し月々1000円（初期費用は3000円）というコストパフォーマンスの高さ</font></strong></li>
</ul>
</div>
<p>それでは、エックスサーバーの契約の方法を説明していきます。</p>
<p>エックスサーバートップページに行き、<br />サーバー無料お試しの【お申し込み】をクリックします。</p>
<p><a href="http://px.a8.net/svt/ejp?a8mat=2NDS30+D0KAHU+CO4+614CY" target="_blank">エックスサーバー</a> <img border="0" alt="" src="https://ad-note.jp//HLIC/af835385f9910dfd4f1723c12b0716f4.gif" width="1" height="1"> </p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-2.png" width="652" height="381"></p>
<p>【お申し込みフォーム】をクリックします。</p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-3.png" width="652" height="457"></p>
<p>【新規お申し込み】をクリックします。  </p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-4.png" width="652" height="346"></p>
<p>「利用規約」と「個人情報の取扱について」を確認して、【同意する】をクリックします。  </p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-5.png" width="440" height="544"></p>
<p>【新規サーバーのお申し込み】を選択します。  </p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-6.png" width="652" height="449"></p>
<p>任意のサーバーIDを入力して【検索】をクリックして使用できるかどうかを確認します。  </p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-7.png" width="652" height="335">  </p>
<p>以下のように問題なければ【お申し込み】をクリックします。  </p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-8.png" width="652" height="378">  </p>
<p>必要事項を記入して【お申し込み内容の確認】をクリックします。  </p>
<p>プランについてはX10のままで構いません。  </p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-9.png" width="552" height="693">  </p>
<p>申し込みが完了すれば『サーバーアカウント設定完了のお知らせ（試用期間）』というメールが来ます。<br />これは重要な情報が記載しているので、しっかり保管しておきましょう。  </p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-10.png" width="552" height="619">  </p>
<p>メールの中に【ユーザーアカウント情報】があるので、<br />インフォパネルのURLをクリックして、<br />会員ID（またはメールアドレス）、パスワードを使ってログインします。  </p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-11.png" width="552" height="279">  </p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-12.png" width="552" height="343">  </p>
<p>最初は10日間試用期間として無料ですが、<br />期限が切れる前に【料金のお支払い】から支払いの手続きをする必要があります。  </p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-13.png" width="552" height="270">  </p>
<h2 id="rtoc-2" >2:ドメインの取得（お名前.com）</h2>
<p>続いてドメインを取得します。</p>
<p>エックスサーバーでドメインを取得することもできますが、<br />他と比べて1.5倍くらい高いので他の安いところで取得しましょう。</p>
<p>ここでは「お名前.com」で取得する方法を説明していきます。</p>
<p>赤枠部分に目当てのドメインを入力して【検索】をクリックします。</p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-14.png" width="652" height="335"></p>
<p>ちなみに、ドメインの種類やドメイン名の決め方については他の記事にまとめたので、<br />是非ご覧ください。</p>
<ul>
<li><a href="https://ad-note.jp/317.html" target="_blank">アフィリエイトブログで使うドメインの種類（新規・中古・日本語）メリット・デメリット</a>
<li><a href="https://ad-note.jp/324.html" target="_blank">独自ドメインの.com .net など種類や意味・ドメイン名の決め方</a></li>
</ul>
<p>目当てのドメインを選択して【お申し込みへ進む】をクリックします。  </p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-15.png" width="652" height="186"></p>
<p>「Whois情報公開代行」に必ずチェックを入れて、【次へ進む】をクリックします。</p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-16.png" width="652" height="343"></p>
<p>ちなみにですが、Whois情報公開代行を依頼しないと、<br />ドメインと自分の名前や住所が結び付けられるため、<br />調べれば簡単に個人情報が特定されてしまいます。</p>
<p>必須項目の空欄の情報を入力して【次に進む】をクリックします。  </p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-17.png" width="552" height="382"></p>
<p>サーバーの案内広告が表示されますが、必要ないので閉じます。  </p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-18.png" width="361" height="285"></p>
<p>お支払い方法の選択をした後に【規約に同意し、下記内容を申し込む】をクリック。  </p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-19.png" width="652" height="476"></p>
<h2 id="rtoc-3" >3:ネームサーバーの変更</h2>
<p>続いて、取得したドメインとサーバーを結び付けるため、<br />ネームサーバーの変更をしましょう。</p>
<p>お名前.comのドメインNaviにログインします。<br /><a href="https://www.onamae.com/navi/domain.html" target="_blank">「ドメインNavi」ログインページ｜ドメイン取得なら お名前.com</a></p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-20.png" width="552" height="378"></p>
<p>【ドメイン設定】タブの【ネームサーバーの変更】をクリックします。  </p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-21.png" width="552" height="637">  </p>
<p>登録情報に誤りがないことを確認して、<br />【登録情報は正しいので、手続きを進める】をクリックします。  </p>
<p><img title="image" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-22.png" width="552" height="662">  </p>
<p>先ほど取得したドメインにチェックを入れて【他のネームサーバーを利用】をクリックします。  </p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-23.png" width="552" height="360">  </p>
<p>枠内を図のようにそれぞれ<br /><strong><font color="#ff0000">ns1.xserver.jp<br />ns2.xserver.jp<br />ns3.xserver.jp<br />ns4.xserver.jp<br />ns5.xserver.jp</font></strong><br />と入力します。  </p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-24.png" width="552" height="513">  </p>
<p>この作業は、これから契約したサーバーとドメインを結び付ける工程で、<br />サーバーによってここに入力するものが異なります。  </p>
<p>今回はエックスサーバーを使うので、<br />エックスサーバーに対応したネームサーバー情報『ns●.xserver.jp』を入力しています。  </p>
<p>【設定する】をクリックします。  </p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-25.png" width="552" height="394">  </p>
<h2 id="rtoc-4" >4:WordPressをインストールする</h2>
<p>【サーバーパネル】にログインします。  </p>
<p><a href="https://www.xserver.ne.jp/login_server.php" target="_blank">サーバーパネル &#8211; ログイン </a> </p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-26.png" width="652" height="419">  </p>
<p>【ドメイン設定】をクリック。  </p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-27.png" width="652" height="438">  </p>
<p>取得したドメインを入力して【ドメインの追加（確認）】をクリックします。  </p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-28.png" width="652" height="357">  </p>
<p>【ドメインの追加（確定）】をクリック。  </p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-29.png" width="652" height="365">  </p>
<p>サーバーパネルのトップページの【自動インストール】をクリックします。  </p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-30.png" width="652" height="473">  </p>
<p>【プログラムのインストール】から、<br />「WordPress 日本語版」の【インストール設定】をクリックします。  </p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-31.png" width="652" height="370">  </p>
<p>空欄を埋めて【インストール（確認）】をクリックします。</p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-32.png" width="552" height="536"></p>
<div class="box">
<ul>
<li><strong>インストールURL：</strong>「/」以下を空欄にすることで、『http://〇〇〇〇.com』というURLがトップページの一般的なブログになります。
<li><strong>ブログ名：</strong>WordPressのブログタイトルです。後で変更できるので、ここでは適当に決めてしまっても構いません。
<li><strong>ユーザー名：</strong>WordPressの管理画面にログインする際に使います。
<li><strong>パスワード：</strong>同じく、WordPress管理画面にログインする際に使います。
<li><strong>メールアドレス：</strong>WordPressの自動アップデートなどの情報が配信されます。
<li><strong>データベース：</strong>「自動でデータベースを作成する」のままで構いません。</li>
</ul>
</div>
<p>【インストール（確定）】をクリックします。<br />『「index.html」が削除されます』とありますが、気にしなくても大丈夫です。</p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-33.png" width="652" height="449"></p>
<p>表示されたURLをクリックするとログイン画面が開くので、<br />設定したユーザー名とパスワードを入力してログインするとWordPress管理画面に遷移します。</p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-34.png" width="652" height="267"></p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/02/image-35.png" width="347" height="328"></p>
<p><font color="#ff0000">※サイトが反映されるまで時間がかかる場合があります</font></p>
<h2 id="rtoc-5" >あとがき</h2>
<p>以上、WordPressをインストールする方法でした。</p>
<p>手順としては、<br />「1.サーバー契約」<br />「2.ドメイン取得」<br />「3.ネームサーバー変更」<br />「4.サーバー管理画面からWordPressインストール」<br />これらたったの4つの工程をこなすだけなので、<br />恐らく、思っていたより簡単だと感じたのではないでしょうか。</p>
<p>WordPressは開設するよりも、<br />開設後の初期設定のほうが何かと面倒くさいことが多いので、<br />そちらの方もまた、まとめていこうと思います。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://ad-note.jp/377.html/feed</wfw:commentRss>
			<slash:comments>2</slash:comments>
		
		
			</item>
		<item>
		<title>アフィリエイトブログで使うドメインの種類（新規・中古・日本語）メリット・デメリット</title>
		<link>https://ad-note.jp/317.html</link>
					<comments>https://ad-note.jp/317.html#comments</comments>
		
		<dc:creator><![CDATA[ほわいと]]></dc:creator>
		<pubDate>Sun, 31 Jan 2016 16:52:58 +0000</pubDate>
				<category><![CDATA[SEO]]></category>
		<category><![CDATA[WordPress]]></category>
		<guid isPermaLink="false">http://ad-note.jp/?p=317</guid>

					<description><![CDATA[アフィリエイトで独自ドメインのブログを立ち上げる際、 まず最初に3種類のドメインのうちの一つを選ぶ必要があります。 新規ドメイン （ローマ字） 中古ドメイン （ローマ字） 日本語ドメイン 今回は、これらドメインの種類につ [&#8230;]]]></description>
										<content:encoded><![CDATA[<p>アフィリエイトで独自ドメインのブログを立ち上げる際、<br />
まず最初に3種類のドメインのうちの一つを選ぶ必要があります。</p>
<ol>
<li><strong><font color="#ff0000">新規ドメイン （ローマ字）</font></strong>
<li><strong><font color="#ff0000">中古ドメイン （ローマ字）</font></strong>
<li><strong><font color="#ff0000">日本語ドメイン</font></strong></li>
</ol>
<p>今回は、これらドメインの種類について、<br />
それぞれの特性やメリット・デメリットについて説明していきます。</p>
<p>僕はこれら3種類はどれも長いこと運用しており、<br />
明確な違いなどをお伝えできると思うので、是非参考にしてもらえたら幸いです。</p>
<p>ドメインは後々変更しようとしても手間がかかったり、色々デメリットがあるため、<br />
はじめにきちんと理解しておきましょう。</p>
<p>ちなみに、以下は僕がドメインの変更をした際の詳細をまとめた記事です。</p>
<p><a class="link1" href="https://ad-note.jp/1050.html" target="_blank">100万PVブログをドメイン変更（301リダイレクト）！SEOの影響を公開します</a></p>
<p><span id="more-317"></span></p>
<div id="rtoc-mokuji-wrapper" class="rtoc-mokuji-content frame5 preset5 animation-fade rtoc_open default">
		<div id="rtoc-mokuji-title" class="rtoc_center">
		<button class="rtoc_open_close rtoc_open"></button>
		<span>目次</span>
		</div><ul class="rtoc-mokuji mokuji_ul level-1"><li class="rtoc-item"><a href="#rtoc-1">1:3種類のドメインの概要</a></li><ul class="rtoc-mokuji mokuji_none level-2"><li class="rtoc-item"><a href="#rtoc-2">1.1:新規ドメイン（ローマ字）とは</a></li><li class="rtoc-item"><a href="#rtoc-3">1.2:<font color="#222222">中古ドメイン</font> （ローマ字）とは</a></li><li class="rtoc-item"><a href="#rtoc-4">1.3:<font color="#222222">日本語ドメインとは</font></a></li></ul><li class="rtoc-item"><a href="#rtoc-5">2:それぞれのドメインのメリット・デメリット</a></li><ul class="rtoc-mokuji mokuji_none level-2"><li class="rtoc-item"><a href="#rtoc-6">2.1:コスト</a></li><li class="rtoc-item"><a href="#rtoc-7">2.2:初期のSEO面について</a></li><li class="rtoc-item"><a href="#rtoc-8">2.3:長期的なSEO</a></li><li class="rtoc-item"><a href="#rtoc-9">2.3:ペナルティのリスク</a></li><li class="rtoc-item"><a href="#rtoc-10">2.4:ブランディング</a></li><li class="rtoc-item"><a href="#rtoc-11">2.5:SNSでの拡散</a></li></ul><li class="rtoc-item"><a href="#rtoc-12">あとがき</a></li></li></ul></div><h2 id="rtoc-1" >1:3種類のドメインの概要</h2>
<p><font color="#222222">まずは簡単な概要だけ見ていきましょう。</font></p>
<h3 id="rtoc-2" >1.1:新規ドメイン（ローマ字）とは</h3>
<p>新規ドメインとは、最も一般的で、<br />
今まで誰も使っていなかったローマ字のドメインです。</p>
<p>ブログのURLを任意のローマ字にすることができます。</p>
<p>ちはみに、このブログの『<a href="https://ad-note.jp">https://ad-note.jp</a>』というのも、<br />
僕自身が決めて取得したドメインです。</p>
<h3 id="rtoc-3" >1.2:<font color="#222222">中古ドメイン</font> （ローマ字）とは</h3>
<p>中古ドメインとは、オールドドメインとも言われますが、<br />
今まで誰かが使っていたドメインのことです。</p>
<p>過去の運営サイトの評価が一部受け継がれるため、<br />
ドメインによってはブログが強い状態からスタートできます。</p>
<p>ただし、その逆も然りで、<br />
ペナルティを受けている状態のドメインを引き継いでしまうこともあり得ます。</p>
<p>中古ドメインを取得するには、<br />
「<a href="http://www.topshelfequestrian.com/" target="_blank">中古ドメイン販売屋さん</a>」のような中古ドメイン販売業者から購入する方法と、<br />
「<a href="https://www.expireddomains.net/" target="_blank">Expired Domains</a>」で期限切れドメインを調べて購入する方法があります。</p>
<h3 id="rtoc-4" >1.3:<font color="#222222">日本語ドメインとは</font></h3>
<p>日本語ドメインとは、2001年から導入された、<br />
ひらがな、カタカナ、漢字を含んだドメインです。</p>
<p>URLが目に入りやすくインパクトが強いだけでなく、<br />
ドメインに含むキーワードに関して強いSEO効果があるとされていました。</p>
<p>ただし、その効果も徐々に薄れてきて、<br />
今ではその効果はほとんど感じられないです。</p>
<p>また、サイト上ではURLが日本語になっていますが、<br />
実際にネットへアクセスする過程で従来のドメインと互換性のあるPunycode形式に変換されるため、<br />
SNSでサイトが共有されるリンクなどでは不自然な形式のURLになってしまうという性質もあります。
</p>
<p><font color="#ff0000">『http://日本語のドメイン.com』→『http://xn--u9jxfoe1dzd2589ao4bc84j.com』</font></p>
<p>それと、ドメイン販売業者によっては日本語ドメインを取り扱っていないことがあったり、<br />
『.com』『.net』『.jp』などのドメインの末尾の選択肢が狭まるということも挙げられます。</p>
<p>ただ、主要業者、『.com』『.net』『.jp』など主要のドメイン末尾については、<br />
きちんと対応しているのでデメリットというほどでもありません。</p>
<h2 id="rtoc-5" >2:それぞれのドメインのメリット・デメリット</h2>
<p>続いて、それぞれのメリット・デメリットについてみていきましょう。</p>
<p>表にまとめると以下のようになります。</p>
<p>
<table id="tablepress-2" class="tablepress tablepress-id-2">
<thead>
<tr class="row-1 odd">
	<th class="column-1" style="width:19%;">&nbsp;</th><th class="column-2" style="width:27%;">新規ドメイン</th><th class="column-3" style="width:27%;">中古ドメイン</th><th class="column-4" style="width:27%;">日本語ドメイン</th>
</tr>
</thead>
<tbody class="row-hover">
<tr class="row-2 even">
	<td class="column-1">コスト</td><td class="column-2">◯年間の使用料のみ</td><td class="column-3">×良いドメインほど取得するのにお金がかかる</td><td class="column-4">◯年間の使用料のみ</td>
</tr>
<tr class="row-3 odd">
	<td class="column-1">初期のSEO</td><td class="column-2">×良い記事でも評価されにくい</td><td class="column-3">◎記事が評価されるのが早い</td><td class="column-4">◯新規ドメインよりも評価されやすい</td>
</tr>
<tr class="row-4 even">
	<td class="column-1">長期的なSEO</td><td colspan="3" class="column-2">サイトの質に依存してくる</td>
</tr>
<tr class="row-5 odd">
	<td class="column-1">ペナルティのリスク</td><td class="column-2">◯理不尽なペナルティを受けることはない</td><td class="column-3">×ドメインによってはペナルティを受けやすい</td><td class="column-4">◯理不尽なペナルティを受けることはない</td>
</tr>
<tr class="row-6 even">
	<td class="column-1">ブランディング</td><td class="column-2">◯ドメインによってブログを覚えてもらいやすい</td><td class="column-3">×ドメインが訪問者の印象に残らない</td><td class="column-4">◎ローマ字ドメインよりも印象に残る</td>
</tr>
<tr class="row-7 odd">
	<td class="column-1">SNSでの拡散</td><td class="column-2">◯拡散しやすい</td><td colspan="2" class="column-3">×URLを拡散するのに抵抗がある</td>
</tr>
</tbody>
</table>
<!-- #tablepress-2 from cache --></p>
<p>これらの項目を詳しく説明していきます。</p>
<h3 id="rtoc-6" >2.1:コスト</h3>
<p>新規ローマ字ドメイン、日本語ドメインについては、<br />
ともに<strong><u>年間数百円～1000円程度</u></strong>の料金だけですが、<br />
中古ドメインについては他にも取得する際にドメインに見合った料金が発生します。</p>
<p>安いもので<strong>数千円～。</strong><br />
良いもので<strong><u>数万～数十万円</u></strong>という値段になります。</p>
<h3 id="rtoc-7" >2.2:初期のSEO面について</h3>
<p><strong><u>新規ドメイン</u></strong>は開設したてのサイトだと、<br />
どんなに良い記事を書いても評価されにくく、<br />
<strong><font color="#ff0000">アクセスを集めにくいという特性があります。</font></strong></p>
<p>また、ブログを立ち上げて1ヶ月ほど経った時、<br />
検索エンジンのフィルターに捉えられ、一定期間圏外に飛ばされるという現象が起こることがあります。</p>
<p><strong>“エイジングフィルター”</strong>と呼ばれる現象ですが、<br />
これも新規ドメイン特有の性質です。</p>
<p>ただし、このエイジングフィルターに関しては、<br />
Googleのマット・カッツ氏がこの存在を否定しており、<br />
あまり信憑性はありません。</p>
<p>これに対し、<strong><u>中古ドメイン</u></strong>は、<br />
以前のサイトの評価をある程度受け継ぐので、<br />
<strong><font color="#ff0000">開設したてのサイトでも記事が評価されやすく、初期のアクセスが見込めます。</font></strong></p>
<p>また、<strong><u>日本語ドメイン</u></strong>についても、<br />
中古ドメイン程ではないですが、<strong><font color="#ff0000">初期でも評価されやすい</font></strong>という声が多く、<br />
僕自身これは実感しています。</p>
<p>ちなみに、以下の図は僕の日本語ドメインブログなのですが、<br />
開設初日に1記事入れただけで検索エンジンから38人のアクセスがありました。</p>
<p><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="" src="https://ad-note.jp/wp-content/uploads/2016/01/image-33.png" width="619" height="187"></p>
<p>やはり体感として、日本語ドメインはローマ字の新規ドメインに比べ、<br />
格段に評価されるのが早いと感じます。</p>
<h3 id="rtoc-8" >2.3:長期的なSEO</h3>
<p>長期的にサイトを運営していると、<br />
どれも検索エンジンの評価はサイトの質に依存してくるので、<br />
3種類のドメインのSEO面の違いは少なくなってきます。</p>
<p>初期の段階では、<br />
「中古ドメイン＞日本語ドメイン＞新規ドメイン」<br />
というSEOの強さでした。</p>
<p>これが時間とともに、<br />
<strong><font color="#ff0000">「中古ドメイン＝日本語ドメイン＝新規ドメイン」</font></strong><br />
と収束していくイメージです。</p>
<p>どのドメインでも、<br />
サイトの質によって評価は上下していきます。</p>
<h3 id="rtoc-9" >2.3:ペナルティのリスク</h3>
<p>新規ドメイン、日本語ドメインは特に心配する必要はありませんが、<br />
<strong><font color="#ff0000">中古ドメインに関しては、取得する際にペナルティのリスクを考慮に入れなければなりません。</font></strong></p>
<p>中古ドメインは前の評価を受け継ぐので、<br />
以前そのドメインで運営されていたサイトが、<br />
ペナルティを受けていたらそのペナルティも請け負わなくてはいけないのです。</p>
<p>また、実際にペナルティを受けていなくても、<br />
Googleは不自然な被リンクに関して厳しくなってきているので、<br />
新たにペナルティを受けやすいということがあります。</p>
<p>きちんと知識をつけた上で、さらにペナルティを覚悟の上で、<br />
中古ドメインのブログを運営する必要があります。</p>
<h3 id="rtoc-10" >2.4:ブランディング</h3>
<p>中古ドメインの場合、<br />
URLは大抵がよく分からないアルファベットの並びなので、<br />
訪問者の目にとまることはありません。</p>
<p>しかし、新規ドメインの場合は任意のアルファベットを指定できるので、<br />
サイトに関連するドメインにすることで訪問者に覚えてもらいやすくなります。</p>
<p>そして、日本語ドメインだとさらにインパクトがあるので、<br />
よりサイトのブランディングに効果的です。</p>
<h3 id="rtoc-11" >2.5:SNSでの拡散</h3>
<p>SNSで記事が拡散される時、リンクはドメインが表示されるため、<br />
中古ドメインのよく分からないアルファベットや、日本語ドメインのPunycode形式だと、<br />
拡散したりリンクをクリックするのに抵抗を持たれます。</p>
<p>一方、新規ドメインのサイトに関係するURLだと何ら抵抗ありません。</p>
<p>例えば、以下のリンクだとどれをクリックしやすいかを考えれば分かってもらえると思います。</p>
<div class="box">
<p><strong><u>■新規ドメイン<br />
</u></strong>これをやったらすぐ痩せそう！→diet.com/…</p>
<p><strong><u>■中古ドメイン</u></strong><br />
これをやったらすぐ痩せそう！→dfajoijefanihf.com/…</p>
<p><strong><u>■日本語ドメイン</u></strong><br />
これをやったらすぐ痩せそう！→xn—ecki4eoz.com/…</p>
</p></div>
<h2 id="rtoc-12" >あとがき</h2>
<p>以上、ドメインの種類についてでした。</p>
<p>結論として、長期的なブログの運営を考えているなら、<br />
ローマ字の新規ドメインか日本語ドメインを取得するのをオススメします。</p>
<p>基本的に新規ドメインを選べば後悔することもないと思いますが、<br />
特化型ブログの場合はブランディングが特に重要になるので、<br />
日本語ドメインにするのもいいでしょう。</p>
<p>しかし、割りとこの辺りは好みの問題も大きいです。</p>
<p>SEO的な面では長期的に目で見たらそんなに変わらないですし、<br />
SNSの拡散もそこまで違いが出てくるとは思わないですしね。</p>
<p>ドメインを取る際は是非この記事を参考にしてもらえればなと思います。</p>
<p>また、.comや.netなどのドメインの違いや、<br />
新規ドメインのドメイン名の決め方などをまとめたのでこちらもご覧ください。<br />
<img src="https://s.w.org/images/core/emoji/12.0.0-1/72x72/27a1.png" alt="➡" class="wp-smiley" style="height: 1em; max-height: 1em;" /><a class="link1" href="https://ad-note.jp/324.html">独自ドメインの.com .net など種類や意味・ドメイン名の決め方</a></p>
]]></content:encoded>
					
					<wfw:commentRss>https://ad-note.jp/317.html/feed</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
	</channel>
</rss>
