<?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>テーマ  |  ウェブソルブ</title>
	<atom:link href="https://hprs1.com/tag/te-ma/feed/" rel="self" type="application/rss+xml" />
	<link>https://hprs1.com</link>
	<description>Web集客の基本が学べます！</description>
	<lastBuildDate>Sun, 03 Mar 2019 08:26:19 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://hprs1.com/wp-content/uploads/cropped-hprs-logo0-32x32.png</url>
	<title>テーマ  |  ウェブソルブ</title>
	<link>https://hprs1.com</link>
	<width>32</width>
	<height>32</height>
</image> 
<atom:link rel="hub" href="https://pubsubhubbub.appspot.com"/>
<atom:link rel="hub" href="https://pubsubhubbub.superfeedr.com"/>
<atom:link rel="hub" href="https://websubhub.com/hub"/>
<atom:link rel="self" href="https://hprs1.com/tag/te-ma/feed/"/>
	<item>
		<title>ワードプレスの初心者に役立つ、これなら失敗しない！</title>
		<link>https://hprs1.com/%e3%83%af%e3%83%bc%e3%83%89%e3%83%97%e3%83%ac%e3%82%b9-%e5%88%9d%e5%bf%83%e8%80%85/</link>
		
		<dc:creator><![CDATA[Websolve]]></dc:creator>
		<pubDate>Wed, 30 Jan 2019 01:00:33 +0000</pubDate>
				<category><![CDATA[WordPressの使い方]]></category>
		<category><![CDATA[ホームページ]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[プラグイン]]></category>
		<category><![CDATA[テーマ]]></category>
		<category><![CDATA[投稿]]></category>
		<category><![CDATA[Instant WordPress]]></category>
		<guid isPermaLink="false">https://hprs1.com/?p=7263</guid>

					<description><![CDATA[ワードプレスの初心者に役立つ、失敗しない始め方を紹介します。読者対象は、これからワードプレスを始める方や、使い始めて間もない方です。初心者でも手軽で安心な無料ツールを中心に、わかりやすく説明しています。 なぜワードプレス...]]></description>
										<content:encoded><![CDATA[<p><em>ワードプレス</em>の<strong>初心者</strong>に役立つ、失敗しない始め方を紹介します。読者対象は、これからワードプレスを始める方や、使い始めて間もない方です。初心者でも手軽で安心な無料ツールを中心に、わかりやすく説明しています。</p>
<h2>なぜワードプレスの初心者は、始め方が肝心なのか？</h2>
<p>ホームページやブログを作るにあたって、「ワードプレスなら簡単そうだ！」とお考えになって、いろいろと情報を探していらっしゃいますよね？　確かに、ワードプレスならWebに疎い方でもそれなりにサイトが作れます。（今あなたが見ているこのサイトも、ワードプレスですよ。）</p>
<p>しかし、ワードプレスと言えども中途半端な設定や使い方をすると、後になって「失敗した、最初に○○をしておけばよかった…」なんてことにもなりかねません。でも、最初に正しい使い方を学んでおけば、失敗せずに一発で思い通りのサイトを作ることができます。</p>
<p>そこで、初心者がワードプレスを始めるにあたって、失敗することなく無料で手軽に始められる練習に最適なツールをわかりやすくご紹介しましょう。</p>
<p><span class="sankou">参考</span> ワードプレスについて詳しくご存じない方は、先にこちらをご覧ください。</p>
<div class="blog-card internal-blog-card blog-card-thumbnail-right blog-card-wide cf"><div class="blog-card-thumbnail"><a href="https://hprs1.com/wordpress-toha/" class="blog-card-thumbnail-link"><img width="100" height="100" src="https://hprs1.com/wp-content/uploads/wordpress-100x100.jpg" class="blog-card-thumb-image wp-post-image" alt="" srcset="https://hprs1.com/wp-content/uploads/wordpress-100x100.jpg 100w, https://hprs1.com/wp-content/uploads/wordpress-150x150.jpg 150w" sizes="(max-width: 100px) 100vw, 100px" /></a></div><div class="blog-card-content"><div class="blog-card-title"><a href="https://hprs1.com/wordpress-toha/" class="blog-card-title-link">WordPress とは？ 詳しく説明します！</a></div><div class="blog-card-excerpt">WordPressとは何か、仕組みを説明しました。読者対象は、「最近よく耳にするWordPress（ワードプレス）って一体何なの？」と疑問をお持ちの方です。仕組みだけでなく、何が優位で人気があるのかも解説しています。</div></div><div class="blog-card-footer"><div class="blog-card-site"><span class="blog-card-favicon"><img src="//www.google.com/s2/favicons?domain=hprs1.com" class="blog-card-favicon-img" alt="" width="16" height="16" /></span>hprs1.com</div><div class="blog-card-hatebu"><a href="//b.hatena.ne.jp/entry/https://hprs1.com/wordpress-toha/" rel="nofollow"><img src="//b.hatena.ne.jp/entry/image/https://hprs1.com/wordpress-toha/" alt="" /></a></div></div></div>
<h2>ワードプレスの失敗しない始め方、７つの知識！</h2>
<p>それでは、ワードプレスの失敗しない始め方をご紹介します。知っておくべき知識を７つに絞りましたので、しっかり読んでください。なお、最後まで目を通してから試していただくと、失敗が少ないと思うのでお勧めですよ。</p>
<h3>目次</h3>
<ol>
<li><a href="#step1">最初は、InstantWPを使って練習しましょう。</a></li>
<li><a href="#step2">ワードプレスの使い初めに行うべき、初期設定とは？</a></li>
<li><a href="#step3">初心者向きのテーマ（テンプレート）とは？</a></li>
<li><a href="#step4">早速、記事を書いてみましょう。</a></li>
<li><a href="#step5">慣れてきたら、いろいろ試してみましょう。</a></li>
<li><a href="#step6">カスタマイズしたいときは、プラグインを導入しましょう。</a></li>
<li><a href="#step7">もし、ワードプレスの動作がおかしくなったら？</a></li>
</ol>
<h3 id="step1">最初は、InstantWPを使って練習しましょう。</h3>
<p>ワードプレスを始めるなら、最初は<a href="https://hprs1.com/instantwp5-tsukaikata/">InstantWP</a>を使っての練習がおすすめです。<span class="red">InstantWPは、パソコン上で動かすことができるワードプレス</span>なので、とても気軽に試すことができるんです。しかも、パソコンならWindowsでもMacでもどちらでも対応できますよ。</p>
<p>では、なぜInstantWPから始めたほうが良いのかというと、パソコンの中だけで使えるからです。本来なら、練習でもいきなり本番環境から始めなくてはいけません。つまり、<span class="uline">練習で作ったホームページであっても、ネット上に公開されてしまう</span>んですね。</p>
<p>しかも、そのためにはサーバー契約が必要で、面倒な手続きもあるし費用も発生します。ちょっと試してみたいだけなのに、それでは使う気にならないですよね。でも、<span class="red">InstantWPであれば無料で配布</span>されていますので、手軽に試すことができるんです。</p>
<p>また、ワードプレスは誤った設定をすると、操作不能になってしまうこともあるので、本番環境では思い切ったことができません。でも、InstantWPなら気兼ねなく設定できますよ。（プロの私も、まずInstantWPで作り込んでから一般公開しています。）</p>
<p>なので、まずはInstantWPで練習して、「よしっ、これでホームページが作れるぞ！」となったところで本番環境の準備を考えればいいんです。</p>
<p><span class="sankou">参考</span> InstantWPについては、こちらで詳しく説明しています。</p>
<div class="blog-card internal-blog-card blog-card-thumbnail-right blog-card-wide cf"><div class="blog-card-thumbnail"><a href="https://hprs1.com/instantwp5-tsukaikata/" class="blog-card-thumbnail-link"><img width="100" height="100" src="https://hprs1.com/wp-content/uploads/instantwp-100x100.jpg" class="blog-card-thumb-image wp-post-image" alt="" srcset="https://hprs1.com/wp-content/uploads/instantwp-100x100.jpg 100w, https://hprs1.com/wp-content/uploads/instantwp-150x150.jpg 150w" sizes="(max-width: 100px) 100vw, 100px" /></a></div><div class="blog-card-content"><div class="blog-card-title"><a href="https://hprs1.com/instantwp5-tsukaikata/" class="blog-card-title-link">InstantWP 5.3 の使い方、分かりやすく説明しました！</a></div><div class="blog-card-excerpt">InstantWP 5.3 の使い方を分かりやすく説明しました。InstantWP について手早く知りたい方に適した内容です。ダウンロード・インストール・初期設定だけでなく、起動しないときの対策までを最短手順で説明しています。</div></div><div class="blog-card-footer"><div class="blog-card-site"><span class="blog-card-favicon"><img src="//www.google.com/s2/favicons?domain=hprs1.com" class="blog-card-favicon-img" alt="" width="16" height="16" /></span>hprs1.com</div><div class="blog-card-hatebu"><a href="//b.hatena.ne.jp/entry/https://hprs1.com/instantwp5-tsukaikata/" rel="nofollow"><img src="//b.hatena.ne.jp/entry/image/https://hprs1.com/instantwp5-tsukaikata/" alt="" /></a></div></div></div>
<p>なお、この後の説明は、InstantWPの使用を想定して進めますのでよろしくお願いします。</p>
<h3 id="step2">ワードプレスの使い始めに行うべき、初期設定とは？</h3>
<p>ワードプレスを使い始めたときに、まず行うべき初期設定を説明します。これは、最初に設定しておかないと、後から変更した場合に表示できなくなる問題が起こるからです。（InstantWPを使う限りは問題ありませんが、練習の一環ですのでやってみてください。）</p>
<h4>パーマリンク設定</h4>
<p>パーマリンクを設定します。パーマリンクとは各ページのURLのことで、ドメイン名の後に続くフォルダ名に相当します（例：https://abc.com/パーマリンク/）。パーマリンク設定には、自動設定と手動設定があり、おすすめは手動設定です。</p>
<p>設定方法は次の通りです。</p>
<ol class="list-high">
<li>［設定］⇒［パーマリンク設定］の順で開く。<img fetchpriority="high" decoding="async" class="size-full wp-image-7266 aligncenter" src="https://hprs1.com/wp-content/uploads/wp-permalink-settei1.png" alt="ワードプレスのパーマリンク設定" width="320" height="211" srcset="https://hprs1.com/wp-content/uploads/wp-permalink-settei1.png 320w, https://hprs1.com/wp-content/uploads/wp-permalink-settei1-300x198.png 300w" sizes="(max-width: 320px) 100vw, 320px" /></li>
<li>［共通設定］を変更する<br />
<img decoding="async" class="size-full wp-image-7267 aligncenter" src="https://hprs1.com/wp-content/uploads/wp-permalink-settei2.png" alt="ワードプレスのパーマリンク、共通設定" width="600" height="368" srcset="https://hprs1.com/wp-content/uploads/wp-permalink-settei2.png 600w, https://hprs1.com/wp-content/uploads/wp-permalink-settei2-300x184.png 300w, https://hprs1.com/wp-content/uploads/wp-permalink-settei2-320x196.png 320w" sizes="(max-width: 600px) 100vw, 600px" /><br />
※［投稿名］がおすすめです。</li>
<li>［変更を保存］をクリックする。<img decoding="async" class="size-full wp-image-7269 aligncenter" src="https://hprs1.com/wp-content/uploads/wp-hozon-button1.png" alt="変更を保存" width="87" height="29" /></li>
<li>設定が保存される。</li>
</ol>
<p>これで、パーマリンク設定が変更されました。これは、最初に決めたら後からは変更できないと考えましょう。なぜなら、それ以前に作ったリンクは、すべて作り直しになるからです。もし、これが公開済みのサイトの場合は、検索やブックマークにも影響してしまいます。</p>
<p>なお、［投稿名］を選択すると毎回名づけることになるので、ちょっと面倒かもしれませんが、こちらの方が自由度は高いですよ。もちろん、後から変更する必要が無い名前を付けましょう。</p>
<p><span class="sankou">参考</span> パーマリンク設定については、こちらで詳しく説明しています。</p>
<div class="blog-card internal-blog-card blog-card-thumbnail-right blog-card-wide cf"><div class="blog-card-thumbnail"><a href="https://hprs1.com/wordpress-seo-pa-marinku/" class="blog-card-thumbnail-link"><img width="100" height="100" src="https://hprs1.com/wp-content/uploads/wp-permalink-100x100.jpg" class="blog-card-thumb-image wp-post-image" alt="" srcset="https://hprs1.com/wp-content/uploads/wp-permalink-100x100.jpg 100w, https://hprs1.com/wp-content/uploads/wp-permalink-150x150.jpg 150w" sizes="(max-width: 100px) 100vw, 100px" /></a></div><div class="blog-card-content"><div class="blog-card-title"><a href="https://hprs1.com/wordpress-seo-pa-marinku/" class="blog-card-title-link">WordPressのパーマリンク、おすすめの設定とは？</a></div><div class="blog-card-excerpt">WordPressのパーマリンクで、おすすめの設定を説明します。読者対象は、パーマリンクの最適な設定を知りたい方です。おすすめの基本的な設定だけでなく、SEO対策に有利なテクニックについても詳しく説明しています。</div></div><div class="blog-card-footer"><div class="blog-card-site"><span class="blog-card-favicon"><img src="//www.google.com/s2/favicons?domain=hprs1.com" class="blog-card-favicon-img" alt="" width="16" height="16" /></span>hprs1.com</div><div class="blog-card-hatebu"><a href="//b.hatena.ne.jp/entry/https://hprs1.com/wordpress-seo-pa-marinku/" rel="nofollow"><img src="//b.hatena.ne.jp/entry/image/https://hprs1.com/wordpress-seo-pa-marinku/" alt="" /></a></div></div></div>
<h4>メディア設定</h4>
<p>メディア設定を行います。メディア設定とは画像ファイルに関する設定で、ファイルの保存フォルダに関して変更できます。</p>
<p>設定方法は次の通りです。</p>
<ol class="list-high">
<li>［設定］⇒［メディア］の順で開く。<img loading="lazy" decoding="async" class="size-full wp-image-7270 aligncenter" src="https://hprs1.com/wp-content/uploads/wp-media-settei1.png" alt="ワードプレスのメディア設定" width="320" height="211" srcset="https://hprs1.com/wp-content/uploads/wp-media-settei1.png 320w, https://hprs1.com/wp-content/uploads/wp-media-settei1-300x198.png 300w" sizes="auto, (max-width: 320px) 100vw, 320px" /></li>
<li>［ファイルアップロード］の［アップロードしたファイルを年月ベースのフォルダに整理］のチェックマークをオンまたはオフにする。<br />
<img loading="lazy" decoding="async" class="size-full wp-image-7271 aligncenter" src="https://hprs1.com/wp-content/uploads/wp-media-settei2.png" alt="ワードプレスのメディア設定、ファイルアップロード" width="388" height="143" srcset="https://hprs1.com/wp-content/uploads/wp-media-settei2.png 388w, https://hprs1.com/wp-content/uploads/wp-media-settei2-300x111.png 300w, https://hprs1.com/wp-content/uploads/wp-media-settei2-320x118.png 320w" sizes="auto, (max-width: 388px) 100vw, 388px" /><br />
※「ブログ」ならオン、「ホームページ」ならオフが使いやすいと思います。</li>
<li>［変更を保存］をクリックする。（変更した場合）</li>
<li>設定が保存される。</li>
</ol>
<p>これで、メディア設定が変更されました。こちらも、後から変更してしまうとそれ以前に挿入した画像をすべてやり直すことになるので、最初に決めてしまうことが重要です。</p>
<h3 id="step3">初心者向きのテーマ（テンプレート）とは？</h3>
<p>ワードプレスは、テーマ（テンプレート）と呼ばれるひな形によって、デザインを着せ替えるように使用します。つまり、テーマ選びが必要になりますが、ワードプレスは必ずテーマを設定しないと動作しませんので、最初から何らかのテーマが設定されているはずです。</p>
<p>とりあえず練習するのであれば、そのまま使ってみればよいと思います。初心者用のテーマというものは特にないんですが、ワードプレスに標準インストールされているテーマであれば、機能が少ない分、悩まずに使えるかもしれませんね。</p>
<p>テーマの変更はワードプレスを使ってみて、「もっとこんな機能がほしいなあ」とか「別のデザインを使ってみたいなあ」と思ったら、その時に別のものを探せばよいと思います。（ブログ向け、ホームページ向け、企業向けなど、様々なものがありますよ。）</p>
<p><span class="sankou">参考</span> ワードプレスのテーマについては、こちらで詳しく説明しています。</p>
<div class="blog-card internal-blog-card blog-card-thumbnail-right blog-card-wide cf"><div class="blog-card-thumbnail"><a href="https://hprs1.com/wordpress-te-ma-insuto-ru/" class="blog-card-thumbnail-link"><img width="100" height="100" src="https://hprs1.com/wp-content/uploads/theme-install-100x100.jpg" class="blog-card-thumb-image wp-post-image" alt="" srcset="https://hprs1.com/wp-content/uploads/theme-install-100x100.jpg 100w, https://hprs1.com/wp-content/uploads/theme-install-150x150.jpg 150w" sizes="(max-width: 100px) 100vw, 100px" /></a></div><div class="blog-card-content"><div class="blog-card-title"><a href="https://hprs1.com/wordpress-te-ma-insuto-ru/" class="blog-card-title-link">WordPress テーマのインストール、確実な方法とは？</a></div><div class="blog-card-excerpt">WordPressテーマのインストール方法を説明します。読者対象は、テーマのインストール方法を詳しく知りたい方です。テーマはWordPressのデザインや動作に大きく影響しますので、失敗しないインストール方法をご紹介しています。</div></div><div class="blog-card-footer"><div class="blog-card-site"><span class="blog-card-favicon"><img src="//www.google.com/s2/favicons?domain=hprs1.com" class="blog-card-favicon-img" alt="" width="16" height="16" /></span>hprs1.com</div><div class="blog-card-hatebu"><a href="//b.hatena.ne.jp/entry/https://hprs1.com/wordpress-te-ma-insuto-ru/" rel="nofollow"><img src="//b.hatena.ne.jp/entry/image/https://hprs1.com/wordpress-te-ma-insuto-ru/" alt="" /></a></div></div></div>
<h3 id="step4">早速、記事を書いてみましょう。</h3>
<p>下準備が出来ましたので、実際に記事を書いてみましょう。記事とは、ワードプレスをブログで利用することを想定した言い方ですので、ホームページに置き換えていただければ、まったく問題ありませんよ。（ワードプレスでは、記事を「投稿」と呼んでいます。）</p>
<p>書き方（作成方法）は次の通りで、とても簡単です。</p>
<ol class="list-high">
<li>［投稿］⇒［新規追加］の順で開く。<img loading="lazy" decoding="async" class="size-full wp-image-6352 aligncenter" src="https://hprs1.com/wp-content/uploads/wp-new-page.png" alt="投稿の新規追加" width="333" height="171" srcset="https://hprs1.com/wp-content/uploads/wp-new-page.png 333w, https://hprs1.com/wp-content/uploads/wp-new-page-300x154.png 300w, https://hprs1.com/wp-content/uploads/wp-new-page-320x164.png 320w" sizes="auto, (max-width: 333px) 100vw, 333px" /></li>
<li>［ここにタイトルを入力］に記事のタイトルを入力する。<img loading="lazy" decoding="async" class="size-full wp-image-7272 aligncenter" src="https://hprs1.com/wp-content/uploads/wp-shinkitoukou.png" alt="ワードプレスの新規投稿" width="600" height="436" srcset="https://hprs1.com/wp-content/uploads/wp-shinkitoukou.png 600w, https://hprs1.com/wp-content/uploads/wp-shinkitoukou-300x218.png 300w, https://hprs1.com/wp-content/uploads/wp-shinkitoukou-320x233.png 320w" sizes="auto, (max-width: 600px) 100vw, 600px" /></li>
<li>ツールバー下の空白部分に本文を入力する。</li>
<li>［下書きとして保存］をクリックする。<img loading="lazy" decoding="async" class="size-full wp-image-7273 aligncenter" src="https://hprs1.com/wp-content/uploads/wp-koukai.png" alt="ワードプレス投稿の公開" width="280" height="236" /></li>
<li>投稿が下書きとして保存される。</li>
</ol>
<p>これだけで、最低限の記事（ホームページ）が書けます。HTMLをまったく使うことなく文章が打てるので、誰でも入力できると思います。（もちろん、HTMLを使うこともできますよ。）なお、［プレビュー］ボタンをクリックすれば、実際の表示が確認できます。</p>
<p>詳しい書き方（作成方法）は、こちらで説明しています。（画像の挿入方法も説明していますよ。）</p>
<div class="blog-card internal-blog-card blog-card-thumbnail-right blog-card-wide cf"><div class="blog-card-thumbnail"><a href="https://hprs1.com/wordpress-kiji-tsukurikata/" class="blog-card-thumbnail-link"><img width="100" height="100" src="https://hprs1.com/wp-content/uploads/kiji-tsukurikata-100x100.jpg" class="blog-card-thumb-image wp-post-image" alt="" srcset="https://hprs1.com/wp-content/uploads/kiji-tsukurikata-100x100.jpg 100w, https://hprs1.com/wp-content/uploads/kiji-tsukurikata-150x150.jpg 150w" sizes="(max-width: 100px) 100vw, 100px" /></a></div><div class="blog-card-content"><div class="blog-card-title"><a href="https://hprs1.com/wordpress-kiji-tsukurikata/" class="blog-card-title-link">WordPress 初心者、記事（ページ）投稿の方法とは？</a></div><div class="blog-card-excerpt">WordPress初心者向けに、記事（ページ）の投稿方法を説明します。読者対象は、ワードプレスの投稿方法がよくわからない初心者です。失敗しない作り方をわかりやすく説明しているので、改めて確認したい方にも適していますよ。</div></div><div class="blog-card-footer"><div class="blog-card-site"><span class="blog-card-favicon"><img src="//www.google.com/s2/favicons?domain=hprs1.com" class="blog-card-favicon-img" alt="" width="16" height="16" /></span>hprs1.com</div><div class="blog-card-hatebu"><a href="//b.hatena.ne.jp/entry/https://hprs1.com/wordpress-kiji-tsukurikata/" rel="nofollow"><img src="//b.hatena.ne.jp/entry/image/https://hprs1.com/wordpress-kiji-tsukurikata/" alt="" /></a></div></div></div>
<h4>参考：書いた記事は、本番環境に移行できるの？</h4>
<p>InstantWPで書いた記事を本番環境に移行することは可能です。ただし、全ページを一括で移行すると修正個所が多すぎて大変ですので、１ページずつコピー＆ペーストすると簡単です。なので、せっかく書いたものがすべて無駄になることはありませんので、安心してください。</p>
<h3 id="step5">慣れてきたら、いろいろ試してみましょう。</h3>
<p>記事の書き方に慣れたら、いろいろ試してみてください。ワードプレスには、いろいろな機能がありますので、何がどのような働きを持っているのかを知ってほしいんです。なぜなら、記事を書いただけでは、サイトとしては未完成だからです。</p>
<p>ワードプレスには、投稿に関連したものとしてカテゴリーやタグがありますし、投稿に似たものとして固定ページと言うものもあります。さらにはメニューも作れますし、テーマのカスタマイズ機能もあれば、ウィジェットと呼ばれる機能もあります。</p>
<p>これらの機能を使いこなして、初めてサイトとして完成します。なので、すぐに使いこなせなくても機能を知っておけば、「○○をしたいなあ。そうだ、あの機能が使えるんじゃないか？」と気づけるわけです。</p>
<p>このような理由から、いろいろ試して、何がどんな働きをするのか調べておきましょう。</p>
<h3 id="step6">カスタマイズしたいときは、プラグインを導入しましょう。</h3>
<p>テーマが持つカスタマイズ機能以上のカスタマイズをしたいときは、プラグインを導入するとかなり簡単です。プラグインはテーマを拡張できるワードプレスの標準機能で、本来はテーマに存在しない機能を簡単に増やせます。</p>
<p>もちろん、初心者のうちからカスタマイズを考える方は少ないと思いますが、今使っているテーマに対して機能が足りないと感じたときには、プラグインで機能拡張できますので安心です。今すぐには使わないかもしれませんが、プラグインの存在は知っておきましょう。</p>
<p>ちなみに、基本的には自分の使いたい機能があるテーマを選ぶようにすると無難です。というのも、プラグインは便利である代わりに、ワードプレスの動作を重くしてしまうからです。詳しい方の中には、プログラムを改造して機能を追加する方もいるくらいですからね。</p>
<p>ですが、初心者の間はプラグインを頼ってカスタマイズすれば問題ありませんので、そんなに神経質にならなくても構いませんよ。（一応、知識として知っておいてください。）</p>
<p><span class="sankou">参考</span> プラグインのインストール方法は、こちらで詳しく説明しています。</p>
<div class="blog-card internal-blog-card blog-card-thumbnail-right blog-card-wide cf"><div class="blog-card-thumbnail"><a href="https://hprs1.com/wordpress-puraguin-insuto-ru/" class="blog-card-thumbnail-link"><img width="100" height="100" src="https://hprs1.com/wp-content/uploads/wp-plugin-1-100x100.jpg" class="blog-card-thumb-image wp-post-image" alt="" srcset="https://hprs1.com/wp-content/uploads/wp-plugin-1-100x100.jpg 100w, https://hprs1.com/wp-content/uploads/wp-plugin-1-150x150.jpg 150w" sizes="(max-width: 100px) 100vw, 100px" /></a></div><div class="blog-card-content"><div class="blog-card-title"><a href="https://hprs1.com/wordpress-puraguin-insuto-ru/" class="blog-card-title-link">WordPress プラグインのインストール方法</a></div><div class="blog-card-excerpt">WordPressプラグインのインストール方法を説明します。読者対象は、プラグインの入手方法やインストール方法を知りたい方です。確実なインストール方法だけでなく、トラブルになりにくいアンインストール方法も紹介しています。</div></div><div class="blog-card-footer"><div class="blog-card-site"><span class="blog-card-favicon"><img src="//www.google.com/s2/favicons?domain=hprs1.com" class="blog-card-favicon-img" alt="" width="16" height="16" /></span>hprs1.com</div><div class="blog-card-hatebu"><a href="//b.hatena.ne.jp/entry/https://hprs1.com/wordpress-puraguin-insuto-ru/" rel="nofollow"><img src="//b.hatena.ne.jp/entry/image/https://hprs1.com/wordpress-puraguin-insuto-ru/" alt="" /></a></div></div></div>
<h3 id="step7">もし、ワードプレスの動作がおかしくなったら？</h3>
<p>先ほど、いろいろ試してくださいと言いましたが、これはInstantWPを使えば本番さながらの練習環境が手に入るからでした。すると、中にはやり過ぎてワードプレスにログイン不能になったり、動作がおかしくなる方もいるかもしれませんね。</p>
<p>そんな時は、InstantWPを準備し直せばいいだけです。準備し直すのは、少々面倒くさいかもしれないですけれどね。これが、いきなりサーバーをレンタルして、公開された状態のワードプレスを使う場合との大きな差です。なので、むしろ失敗しまくってもいいくらいなんですよ。</p>
<p>なお、準備し直すのも面倒だと思いますので、バックアップを作っておきましょう。やり方はとても簡単で、ある程度初期設定ができた段階でフォルダをコピーすれば、バックアップになります。バックアップの作りやすさという点でも、InstantWPは優秀なんですね。</p>
<p class="information">バックアップしたInstantWPのフォルダは、ZIP で圧縮するとかなり容量が小さくなるのでお勧めですよ。</p>
<p>私がInstantWPを推薦した理由は、このように、トラブルが怖くないというのが最も大きいところなんですよ。</p>
<h2>まとめ：まずは、InstantWPでしっかりと練習しましょう。</h2>
<p>いかがでしたか？　ワードプレスの初心者に役立つ、失敗しない始め方を説明しました。</p>
<p>今回説明したのは、最初はInstantWPを使って練習しましょう、ワードプレスの使い初めに行うべき初期設定とは？、初心者向きのテーマ（テンプレート）とは？、早速記事を作ってみましょう、慣れてきたらいろいろ試してみましょう、カスタマイズしたいときはプラグインを導入しましょう、もしワードプレスの動作がおかしくなったら？、などのポイントでした。</p>
<p>ワードプレスは、慣れればとても簡単なツールですが、初めのうちはまったく理解不能な方もいらっしゃるかもしれません。特にパソコンが苦手な方には、ハードルが高いかもしれないですね。だからこそ、無料で簡単に使えるInstantWPで始めてもらう方法を説明しました。</p>
<p>初心者でも始めやすい方法だと思いますので、ぜひチャレンジしていただければと思います。ワードプレスの使い方に慣れたら、本番用のワードプレスの準備に取り掛かかりましょう。<br />
※ <a href="https://hprs1.com/category/wordpress/">WordPress（ワードプレス）</a>のカテゴリーで関連情報をご覧いただけます。</p>
<p>以上、「ワードプレスの初心者に役立つ、これなら失敗しない！」と題して説明しました。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>WordPressの子テーマとは？</title>
		<link>https://hprs1.com/wordpress-%e5%ad%90%e3%83%86%e3%83%bc%e3%83%9e/</link>
		
		<dc:creator><![CDATA[Websolve]]></dc:creator>
		<pubDate>Mon, 07 Jan 2019 00:30:04 +0000</pubDate>
				<category><![CDATA[WordPressのテーマ]]></category>
		<category><![CDATA[テーマ]]></category>
		<category><![CDATA[WordPress]]></category>
		<guid isPermaLink="false">https://hprs1.com/?p=7098</guid>

					<description><![CDATA[WordPressの子テーマについて説明します。読者対象は、ワードプレスの子テーマの意味と使い方を知りたい方です。子テーマの意味から始まり、入手方法やインストール方法、さらには使い方についても詳しく説明しています。 なぜ...]]></description>
										<content:encoded><![CDATA[<p><em>WordPress</em>の<strong>子テーマ</strong>について説明します。読者対象は、ワードプレスの子テーマの意味と使い方を知りたい方です。子テーマの意味から始まり、入手方法やインストール方法、さらには使い方についても詳しく説明しています。</p>
<h2>なぜWordPressでは、子テーマが重要なのか？</h2>
<p>WordPressのテーマを入手すると、マニュアルに「カスタマイズする場合は子テーマの使用をおすすめします。」などと書かれていることがありますよね。すると、「子テーマってなんだ？」と疑問をお感じになるのではないでしょうか。</p>
<p>実は、WordPressのテーマをカスタマイズするときには、子テーマが非常に重要になります。なぜなら、運用面で後々非常に便利で簡単になるからです。したがって、今すぐ役に立つのではなく、将来的に「子テーマを導入しておいて本当に良かった<span class="italic">!</span>」となるわけなんです。</p>
<p>そこで、子テーマを使う意味と、上手な使い方のポイントをご紹介しましょう。</p>
<h2>WordPressで子テーマを使う意味と、使い方のポイント<span class="italic">!</span></h2>
<p>それでは、WordPressで子テーマを使う意味と、使い方のポイントを説明します。</p>
<h3>目次</h3>
<ol>
<li><a href="#point1">WordPressの子テーマとは何か？</a></li>
<li><a href="#point2">子テーマを使うメリットとは？</a></li>
<li><a href="#point3">子テーマの入手方法とは？</a></li>
<li><a href="#point4">子テーマのインストール方法とは？</a></li>
<li><a href="#point5">子テーマの使い方とは？</a></li>
<li><a href="#point6">アップデートはどうすればよいのか？</a></li>
</ol>
<h3 id="point1">WordPressの子テーマとは何か？</h3>
<p>WordPressの子テーマとは、元々のテーマ（親テーマ）の設定部分だけを別に保管する機能だと思えば分かりやすいと思います。WordPressのテーマはカスタマイズすることが多いですが、その設定を直接親テーマに行うのではなく、ワンクッション置いて子テーマに行うわけなんです。</p>
<p class="center">親テーマ　⇒　子テーマ　⇒　ブラウザ（画面）</p>
<p>という形になり、基本的には親テーマの設定が使われるけれども、子テーマにカスタマイズが施されている場合、その部分は上書きされて反映されるということになります。逆に言えば、子テーマに設定が無ければ、親テーマの設定がそのまま使われるということですね。</p>
<p>このように、親テーマには一切触れずにカスタマイズできるのが、子テーマの働きと意味です。</p>
<p class="information">ところで、子テーマという名前はちょっとややこしいですよね。新たにテーマを追加するような感じがしたり、バリエーションが増えるようにも感じたりしますから。できれば、もうちょっと分かりやすい名前にすべきなのかもしれませんね。</p>
<h3 id="point2">子テーマを使うメリットとは？</h3>
<p>子テーマの意味はお分かり頂けたと思いますが、子テーマを使うメリットとは何でしょうか？　それは、親テーマをアップデートしやすいという点です。なぜなら、親テーマをアップデートするとカスタマイズが初期化されてしまう問題を、防げるからです。</p>
<p>アップデートは、基本的にすべてのファイルを上書きするので、せっかくカスタマイズしても書き換えたファイルが上書きされてしまうんですね。しかし、子テーマを使えばカスタマイズを別ファイルにできますので、親テーマをアップデートしてもカスタマイズが残ります。</p>
<p>このような点から、親テーマをアップデートしてもカスタマイズがそのまま残るという点が、子テーマの非常に大きなメリットなんですね。</p>
<p class="information">カスタマイズを一切行わず、テーマが持つ機能やデザインだけでサイトを作る場合は、無理に子テーマを導入する必要はありませんよ。</p>
<h3 id="point3">子テーマの入手方法とは？</h3>
<p>子テーマは、自分が使用している（使用したい）テーマの配布サイトを見ていただければ、そこで同時に配布していると思います。サイトによっては、少々わかりにくい形で紹介している場合もありますので、検索なども使ってくまなく探してみてください。見つけたらダウンロードしましょう。</p>
<p>ですが、子テーマを同時配布していない場合も少なくないようです。「えっ、そういうときは諦めるしかないの？」と思うかもしれませんが、そんなことはありません。実は、子テーマは自分で作ることができるからです。</p>
<h4>子テーマの作り方とは？</h4>
<p>WordPressの子テーマの作り方は、別ページにまとめましたので、そちらを参照してください。</p>
<div class="blog-card internal-blog-card blog-card-thumbnail-right blog-card-wide cf"><div class="blog-card-thumbnail"><a href="https://hprs1.com/wordpress-%e5%ad%90%e3%83%86%e3%83%bc%e3%83%9e-%e4%bd%9c%e3%82%8a%e6%96%b9/" class="blog-card-thumbnail-link"><img width="100" height="100" src="https://hprs1.com/wp-content/uploads/wordpress-100x100.jpg" class="blog-card-thumb-image wp-post-image" alt="" srcset="https://hprs1.com/wp-content/uploads/wordpress-100x100.jpg 100w, https://hprs1.com/wp-content/uploads/wordpress-150x150.jpg 150w" sizes="(max-width: 100px) 100vw, 100px" /></a></div><div class="blog-card-content"><div class="blog-card-title"><a href="https://hprs1.com/wordpress-%e5%ad%90%e3%83%86%e3%83%bc%e3%83%9e-%e4%bd%9c%e3%82%8a%e6%96%b9/" class="blog-card-title-link">WordPress（ワードプレス）の、子テーマの作り方！</a></div><div class="blog-card-excerpt">WordPress（ワードプレス）の、子テーマの作り方を説明します。読者対象は、WordPressの子テーマの作り方を知りたい方です。初心者でも取り組んでいただけるように、簡単に作れる方法をできる限り分かりやすく説明しています。</div></div><div class="blog-card-footer"><div class="blog-card-site"><span class="blog-card-favicon"><img src="//www.google.com/s2/favicons?domain=hprs1.com" class="blog-card-favicon-img" alt="" width="16" height="16" /></span>hprs1.com</div><div class="blog-card-hatebu"><a href="//b.hatena.ne.jp/entry/https://hprs1.com/wordpress-%e5%ad%90%e3%83%86%e3%83%bc%e3%83%9e-%e4%bd%9c%e3%82%8a%e6%96%b9/" rel="nofollow"><img src="//b.hatena.ne.jp/entry/image/https://hprs1.com/wordpress-%e5%ad%90%e3%83%86%e3%83%bc%e3%83%9e-%e4%bd%9c%e3%82%8a%e6%96%b9/" alt="" /></a></div></div></div>
<h3 id="point4">子テーマのインストール方法とは？</h3>
<p>入手した子テーマは、次の手順でインストールしましょう。手順は以下の通りです。なお、下準備として、予め親テーマをインストールしておきましょう。（基本的には、以下の手順とまったく同じ方法でインストールできると思います。）</p>
<p>※以下の手順では、無料テーマSimplicityのインストールを実際に行っています。</p>
<ol class="list-high">
<li>［外観］をポイントし［テーマ］をクリックする。<img loading="lazy" decoding="async" class="size-full wp-image-4061 aligncenter" src="https://hprs1.com/wp-content/uploads/wp-theme-install1.jpg" alt="外観 テーマ" width="321" height="208" srcset="https://hprs1.com/wp-content/uploads/wp-theme-install1.jpg 321w, https://hprs1.com/wp-content/uploads/wp-theme-install1-300x194.jpg 300w, https://hprs1.com/wp-content/uploads/wp-theme-install1-320x207.jpg 320w" sizes="auto, (max-width: 321px) 100vw, 321px" /></li>
<li>［新規追加］をクリックする。<img loading="lazy" decoding="async" class="size-full wp-image-7100 aligncenter" src="https://hprs1.com/wp-content/uploads/wp-child-theme-install1.png" alt="テーマの新規追加" width="374" height="32" srcset="https://hprs1.com/wp-content/uploads/wp-child-theme-install1.png 374w, https://hprs1.com/wp-content/uploads/wp-child-theme-install1-300x26.png 300w, https://hprs1.com/wp-content/uploads/wp-child-theme-install1-320x27.png 320w" sizes="auto, (max-width: 374px) 100vw, 374px" /></li>
<li>［テーマのアップロード］をクリックする。<img loading="lazy" decoding="async" class="size-full wp-image-7101 aligncenter" src="https://hprs1.com/wp-content/uploads/wp-child-theme-install2.png" alt="テーマのアップロード" width="471" height="110" srcset="https://hprs1.com/wp-content/uploads/wp-child-theme-install2.png 471w, https://hprs1.com/wp-content/uploads/wp-child-theme-install2-300x70.png 300w, https://hprs1.com/wp-content/uploads/wp-child-theme-install2-320x75.png 320w" sizes="auto, (max-width: 471px) 100vw, 471px" /></li>
<li>［参照］をクリックする。<img loading="lazy" decoding="async" class="size-full wp-image-7102 aligncenter" src="https://hprs1.com/wp-content/uploads/wp-child-theme-install3.png" alt="テーマファイルの参照" width="456" height="139" srcset="https://hprs1.com/wp-content/uploads/wp-child-theme-install3.png 456w, https://hprs1.com/wp-content/uploads/wp-child-theme-install3-300x91.png 300w, https://hprs1.com/wp-content/uploads/wp-child-theme-install3-320x98.png 320w" sizes="auto, (max-width: 456px) 100vw, 456px" /></li>
<li>子テーマファイルを指定して、［開く］をクリックする。<img loading="lazy" decoding="async" class="size-full wp-image-7103 aligncenter" src="https://hprs1.com/wp-content/uploads/wp-child-theme-install4.png" alt="テーマファイルの選択" width="556" height="74" srcset="https://hprs1.com/wp-content/uploads/wp-child-theme-install4.png 556w, https://hprs1.com/wp-content/uploads/wp-child-theme-install4-300x40.png 300w, https://hprs1.com/wp-content/uploads/wp-child-theme-install4-320x43.png 320w" sizes="auto, (max-width: 556px) 100vw, 556px" /></li>
<li>［今すぐインストール］をクリックする。<img loading="lazy" decoding="async" class="size-full wp-image-7104 aligncenter" src="https://hprs1.com/wp-content/uploads/wp-child-theme-install5.png" alt="今すぐインストール" width="454" height="137" srcset="https://hprs1.com/wp-content/uploads/wp-child-theme-install5.png 454w, https://hprs1.com/wp-content/uploads/wp-child-theme-install5-300x91.png 300w, https://hprs1.com/wp-content/uploads/wp-child-theme-install5-320x97.png 320w" sizes="auto, (max-width: 454px) 100vw, 454px" /></li>
<li>インストールが完了する。<br />
<img loading="lazy" decoding="async" class="size-full wp-image-7105 aligncenter" src="https://hprs1.com/wp-content/uploads/wp-child-theme-install6.png" alt="子テーマのインストール完了" width="539" height="177" srcset="https://hprs1.com/wp-content/uploads/wp-child-theme-install6.png 539w, https://hprs1.com/wp-content/uploads/wp-child-theme-install6-300x99.png 300w, https://hprs1.com/wp-content/uploads/wp-child-theme-install6-320x105.png 320w" sizes="auto, (max-width: 539px) 100vw, 539px" /><br />
［テーマのページに戻る］をクリックする。<br />
（ここで［有効化］をクリックしても構いません。その場合は手順終了です。）</li>
<li>テーマの一覧から、子テーマ（child）の［有効化］をクリックする。<img loading="lazy" decoding="async" class="size-full wp-image-7106 aligncenter" src="https://hprs1.com/wp-content/uploads/wp-child-theme-install7.png" alt="親テーマと子テーマの一覧" width="600" height="229" srcset="https://hprs1.com/wp-content/uploads/wp-child-theme-install7.png 600w, https://hprs1.com/wp-content/uploads/wp-child-theme-install7-300x115.png 300w, https://hprs1.com/wp-content/uploads/wp-child-theme-install7-320x122.png 320w" sizes="auto, (max-width: 600px) 100vw, 600px" /></li>
<li>子テーマ（child）が有効になる。<img loading="lazy" decoding="async" class="size-full wp-image-7107 aligncenter" src="https://hprs1.com/wp-content/uploads/wp-child-theme-install8.png" alt="子テーマの有効化" width="600" height="230" srcset="https://hprs1.com/wp-content/uploads/wp-child-theme-install8.png 600w, https://hprs1.com/wp-content/uploads/wp-child-theme-install8-300x115.png 300w, https://hprs1.com/wp-content/uploads/wp-child-theme-install8-320x123.png 320w" sizes="auto, (max-width: 600px) 100vw, 600px" /></li>
</ol>
<p>これで、子テーマがインストールできました。</p>
<h4>子テーマインストール時の注意点</h4>
<p>子テーマをインストールするときは、注意点があります。それは、必ず親テーマを先にインストールしておくことです。そうしないと、「親テーマが見つかりません」といった趣旨の警告メッセージが表示されることになります。実際にやってみると…</p>
<blockquote><p>パッケージを展開しています…<br />
テーマをインストールしています…<br />
このテーマには親テーマが必要です。親テーマがインストールされているか確認しています。<br />
<span class="bold">親テーマが見つかりませんでした。</span>この子テーマを利用する前に、親テーマ <span class="bold">simplicity2</span> をインストールしてください。<br />
テーマのインストールが完了しました。</p></blockquote>
<p>インストールはできますが、「壊れているテーマ」として扱われてしまいました。</p>
<p><img loading="lazy" decoding="async" class="size-full wp-image-7108 aligncenter" src="https://hprs1.com/wp-content/uploads/wp-child-theme-install9.png" alt="壊れているテーマ" width="509" height="129" srcset="https://hprs1.com/wp-content/uploads/wp-child-theme-install9.png 509w, https://hprs1.com/wp-content/uploads/wp-child-theme-install9-300x76.png 300w, https://hprs1.com/wp-content/uploads/wp-child-theme-install9-320x81.png 320w" sizes="auto, (max-width: 509px) 100vw, 509px" /></p>
<p>実際問題として、親テーマがなければ子テーマは機能しません。なぜなら、子テーマは親テーマのカスタマイズ部分を保存しているにすぎないからです。あくまでも、子テーマは親テーマの拡張機能でしかありませんので注意してください。</p>
<h3 id="point5">子テーマの使い方とは？</h3>
<p>続いて、子テーマの使い方を説明します。子テーマには、style.css と function.phpの２種類のファイルが最低限含まれます。これらの編集は、［外観］⇒［テーマの編集］とたどることで、行うことができます。直接編集して保存すれば、簡単にカスタマイズできますよ。<img loading="lazy" decoding="async" class="size-full wp-image-7109 aligncenter" src="https://hprs1.com/wp-content/uploads/wp-theme-custom.png" alt="テーマの編集" width="321" height="211" srcset="https://hprs1.com/wp-content/uploads/wp-theme-custom.png 321w, https://hprs1.com/wp-content/uploads/wp-theme-custom-300x197.png 300w, https://hprs1.com/wp-content/uploads/wp-theme-custom-320x210.png 320w" sizes="auto, (max-width: 321px) 100vw, 321px" /></p>
<p>ところで、よく使うのはCSSのカスタマイズでしょう。デザインを変更したり、行間や段落間隔を調整したりと様々なことが行えます。具体的には、上書きしたいスタイルを子テーマのCSSに記述すれば、それで完了です。変更したい部分だけを保存しますので、とても分かりやすいですね。</p>
<p class="center"><img loading="lazy" decoding="async" class="alignnone size-full wp-image-7110" src="https://hprs1.com/wp-content/uploads/wp-child-theme-use1.png" alt="子テーマのCSS" width="423" height="294" srcset="https://hprs1.com/wp-content/uploads/wp-child-theme-use1.png 423w, https://hprs1.com/wp-content/uploads/wp-child-theme-use1-300x209.png 300w, https://hprs1.com/wp-content/uploads/wp-child-theme-use1-320x222.png 320w" sizes="auto, (max-width: 423px) 100vw, 423px" /><br />
※上記の例では、10行目以降からスタイルを記述します。</p>
<p>また、プログラムに手を加えたい場合は、functionに関数を書き込むことで行えます。ただし、プログラムの知識が無ければ書き換えは難しいでしょう。したがって、こちらのカスタマイズは上級者向けということになりますね。</p>
<p><img loading="lazy" decoding="async" class="size-full wp-image-7111 aligncenter" src="https://hprs1.com/wp-content/uploads/wp-child-theme-use2.png" alt="子テーマファイルの選択" width="349" height="467" srcset="https://hprs1.com/wp-content/uploads/wp-child-theme-use2.png 349w, https://hprs1.com/wp-content/uploads/wp-child-theme-use2-224x300.png 224w, https://hprs1.com/wp-content/uploads/wp-child-theme-use2-320x428.png 320w" sizes="auto, (max-width: 349px) 100vw, 349px" /></p>
<p>ですが、子テーマはそれだけではありません。実は、子テーマに追加できるのは、スタイルや関数だけでなく親テーマの大部分なんです。例えば、以下のようなファイルを子テーマに追加することで、様々なカスタマイズが親テーマを触ることなく行えます。</p>
<div class="sp-success">
<ul>
<li>CSS（装飾全般）</li>
<li>functions.php（関数を追加）</li>
<li>header.php（ヘッダーをカスタマイズ）</li>
<li>footer.php（フッターをカスタマイズ）</li>
<li>page.php（固定ページをカスタマイズ）</li>
<li>single.php（投稿ページをカスタマイズ）</li>
</ul>
</div>
<p>このように、style.cssやfunctions.php 以外のファイルも、子テーマに追加できるんですね。ちなみに、ファイルの追加方法は簡単で、親テーマの該当ファイルをそのまま子テーマのフォルダにコピーするだけです。追加したファイルを書き換えれば、カスタマイズできますよ。</p>
<p class="question">テーマフォルダは「 /wordpress/wp-content/themes/ 」に存在し、子テーマは「○○-child」という名前になっているはずです。</p>
<h4>CSSやPHPが反映されないときのチェックポイント</h4>
<p>CSSやPHPが反映されないときは、ほとんどの場合は記述に誤りがあります。どこかが間違っているはずですので、注意深く確認してください。なお、CSSであれば優先順位の問題でうまく反映されない場合もあります。（「!important」を付けて反映されるようなら、優先順位です。）</p>
<p>PHPの場合も、アポストロフィー・カンマ・ピリオドなどの過不足や使い方が間違っているといった問題がありませんか？　また、どこかからコピー＆ペーストしたのであれば、記号が全角に変換されてしまうことがあるので、そのあたりも注意深く確認してください。</p>
<p>子テーマが反映されない場合は、おおむね記述の誤りが原因であるとお考えいただいて、間違いないと思います。</p>
<h3 id="point6">アップデートはどうすればよいのか？</h3>
<p>一番肝心な話ですが、テーマがアップデートされた場合はどうすれよいのでしょうか？　具体的なやり方と注意点をご紹介します。</p>
<h4>親テーマがアップデートした場合は？</h4>
<p>親テーマのアップデートが公開された場合は、基本的にそのままアップデートしてしまっても問題ありません。もちろん、そのための子テーマですからね。単純に、テーマのアップデート方法に従って作業すれば、カスタマイズに影響を与えることなくアップデートできますよ。</p>
<p>ただし、親テーマの「○○.php」を自ら子テーマに追加した場合は注意が必要です。というのも、追加した phpの元ファイルもアップデートされている場合があるからです。その場合のアップデート方法は、次の項目で詳しく説明しています。</p>
<h4>子テーマのアップデートは？</h4>
<p>子テーマのアップデートは基本的にはありません。しかし、先ほど説明した通り、phpファイルを親テーマからコピーしてカスタマイズしている場合は、アップデートが必要かもしれません。</p>
<p>なぜなら、親テーマを更新した後で子テーマのphpファイルも更新しておかないと、親は新しいけれど子は古いという状況になりかねないからです。最悪の場合、動作に支障をきたすこともあるでしょう。もちろん、アップデートの有無は、自分の目で確かめるしかないと思います。</p>
<p>中身をよく確認した結果、アップデートされている場合は、カスタマイズ部分を追加した新しいphpファイルに入れ替えましょう。ちょっと面倒ですが、わざわざカスタマイズするということは、このようなことも覚悟する必要があるわけなんですね。</p>
<p class="information">上記の作業をいきなり行うと、思わぬトラブルに見舞われる可能性があります。不安な場合は <a href="https://hprs1.com/instantwp5-tsukaikata/">InstantWP</a> などを使って、事前に十分なテストを行いましょう。</p>
<h2>まとめ</h2>
<p>いかがでしたか？　WordPressの子テーマについて説明しました。</p>
<p>今回説明したポイントは、WordPressの子テーマとは何か？、子テーマを使うメリットとは？、子テーマの入手方法とは？、子テーマのインストール方法とは？、子テーマの使い方とは？、アップデートはどうすればよいのか？、などでした。</p>
<p>子テーマは、それ自体で何かできるわけではありませんが、カスタマイズ後のテーマのアップデートをスムーズにするためにぜひ使いたい機能です。後々、「しまった、子テーマを使っておけばよかった。」とならないためにも、最初にインストールしておくのがおすすめです。</p>
<p>なお、アップデートしない場合でも子テーマを使っておけば、カスタマイズした部分がわかりやすいという点も見逃せませんよ。WordPressのテーマをカスタマイズして使用するのであれば、子テーマのインストールも忘れず行っていただきたいと思います。</p>
<p>以上、「WordPressの子テーマとは？」と題して説明しました。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>WordPress（ワードプレス）の、子テーマの作り方！</title>
		<link>https://hprs1.com/wordpress-%e5%ad%90%e3%83%86%e3%83%bc%e3%83%9e-%e4%bd%9c%e3%82%8a%e6%96%b9/</link>
		
		<dc:creator><![CDATA[Websolve]]></dc:creator>
		<pubDate>Fri, 04 Jan 2019 03:00:05 +0000</pubDate>
				<category><![CDATA[WordPressのテーマ]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[テーマ]]></category>
		<guid isPermaLink="false">https://hprs1.com/?p=7084</guid>

					<description><![CDATA[WordPress（ワードプレス）の、子テーマの作り方を説明します。読者対象は、WordPressの子テーマの作り方を知りたい方です。初心者でも取り組んでいただけるように、簡単に作れる方法をできる限り分かりやすく説明して...]]></description>
										<content:encoded><![CDATA[<p><em>WordPress（ワードプレス）</em>の、<strong>子テーマの作り方</strong>を説明します。読者対象は、WordPressの子テーマの作り方を知りたい方です。初心者でも取り組んでいただけるように、簡単に作れる方法をできる限り分かりやすく説明しています。</p>
<h2>なぜWordPressの子テーマを作るのか？</h2>
<p>WordPressを運用する際に、子テーマを使用すると大変便利です。テーマをアップデートした場合でも、カスタマイズ情報が消えないですからね。仕組みとしては、カスタマイズを別ファイルに記録するから上書きされないわけですが、これが子テーマ最大の特徴だと思います。</p>
<p>このように、非常に便利な子テーマですが、テーマによっては用意されていないことも少なくないようです。せっかく良いテーマが見つかっても、子テーマが無いのでは使用をためらってしまいますよね。だったら、いっそのこと自分で子テーマを作っちゃおうというわけなんです。</p>
<p>そこで、子テーマの作り方をできるだけ簡単に説明しようと思います。</p>
<h2>子テーマの作り方を、５つの手順で説明します。</h2>
<p>それでは早速、子テーマの作り方をご紹介しましょう。手順は５つですので、しっかり目を通してくださいね。（なお、基本的なファイル操作を理解されている方を対象に説明していますので、不慣れな方には難しいかもしれませんが、予めご了承ください。）</p>
<h3>子テーマの作り方、その手順とは？</h3>
<p>子テーマを自分で作成する場合は、以下のような手順で行います。（なお、利用したいテーマを最初にインストールして、動作することを確認しておきましょう。なぜなら、予め親テーマをインストールしておかないと、子テーマを作れないからです。）</p>
<div class="sp-info">
<ol>
<li><a href="#point1">テーマフォルダに、子テーマ用のフォルダを作成する。</a></li>
<li><a href="#point2">子テーマ用の style.css ファイルを作成する。</a></li>
<li><a href="#point3">子テーマ用の functions.php ファイルを作成する。</a></li>
<li><a href="#point4">用意したファイルを子テーマ用のフォルダに転送する。</a></li>
<li><a href="#point5">テーマを有効化する。</a></li>
<li><a href="#point6">補足：子テーマが機能しない場合は？</a></li>
</ol>
</div>
<p>このように、<span class="red">最低限フォルダは１つファイルは２つあれば、子テーマが作れます</span>。意外に簡単なのではないでしょうか。ちなみにファイル作成は、<span class="uline">文字コードを指定できるタイプのテキストエディタ</span>で行ってください。ほとんどの環境では、Unicode（UTF-8）で保存する必要があるからです。</p>
<p><span class="sankou">参考</span> おすすめのテキストエディタはこちらです。</p>
<div class="blog-card internal-blog-card blog-card-thumbnail-right blog-card-wide cf"><div class="blog-card-thumbnail"><a href="https://hprs1.com/%e3%83%9b%e3%83%bc%e3%83%a0%e3%83%9a%e3%83%bc%e3%82%b8-%e3%82%a8%e3%83%87%e3%82%a3%e3%82%bf/" class="blog-card-thumbnail-link"><img width="100" height="100" src="https://hprs1.com/wp-content/uploads/editor-100x100.jpg" class="blog-card-thumb-image wp-post-image" alt="" srcset="https://hprs1.com/wp-content/uploads/editor-100x100.jpg 100w, https://hprs1.com/wp-content/uploads/editor-150x150.jpg 150w" sizes="(max-width: 100px) 100vw, 100px" /></a></div><div class="blog-card-content"><div class="blog-card-title"><a href="https://hprs1.com/%e3%83%9b%e3%83%bc%e3%83%a0%e3%83%9a%e3%83%bc%e3%82%b8-%e3%82%a8%e3%83%87%e3%82%a3%e3%82%bf/" class="blog-card-title-link">ホームページのエディタ、おすすめはこれです！</a></div><div class="blog-card-excerpt">ホームページのエディタの、おすすめをご紹介します。HTMLやCSSを記述するためのエディタをお探しの方に適した内容です。タグやスタイルの記述が非常に楽になる、ホームページ作成に最適な無料エディタを紹介しているからです。</div></div><div class="blog-card-footer"><div class="blog-card-site"><span class="blog-card-favicon"><img src="//www.google.com/s2/favicons?domain=hprs1.com" class="blog-card-favicon-img" alt="" width="16" height="16" /></span>hprs1.com</div><div class="blog-card-hatebu"><a href="//b.hatena.ne.jp/entry/https://hprs1.com/%e3%83%9b%e3%83%bc%e3%83%a0%e3%83%9a%e3%83%bc%e3%82%b8-%e3%82%a8%e3%83%87%e3%82%a3%e3%82%bf/" rel="nofollow"><img src="//b.hatena.ne.jp/entry/image/https://hprs1.com/%e3%83%9b%e3%83%bc%e3%83%a0%e3%83%9a%e3%83%bc%e3%82%b8-%e3%82%a8%e3%83%87%e3%82%a3%e3%82%bf/" alt="" /></a></div></div></div>
<h3 id="point1">１．テーマフォルダに、子テーマ用のフォルダを作成する。</h3>
<p>テーマフォルダは「 /wordpress/wp-content/themes/ 」に存在します。実際にフォルダを覗いてみると、現在インストールされているテーマのフォルダが見えるはずです。利用しているサーバーのやり方に従って、フォルダを確認してください。（一般的には FTP を使います。）</p>
<p><img loading="lazy" decoding="async" class="size-full wp-image-7086 aligncenter" src="https://hprs1.com/wp-content/uploads/wp-theme-folder.png" alt="WordPress テーマフォルダー" width="142" height="256" /></p>
<p>複数のテーマをインストールしている場合は、複数のフォルダが見えると思います。</p>
<p>テーマフォルダが確認できたら、そこに子テーマ用のフォルダを作成します。<span class="red">フォルダ名は親テーマのフォルダ名に child を付けて、「○○-child」とします</span>。例えば「twentynineteen」というフォルダ名であれば、子テーマは「twentynineteen-child」という名前にするわけですね。</p>
<p><img loading="lazy" decoding="async" class="size-full wp-image-7087 aligncenter" src="https://hprs1.com/wp-content/uploads/wp-child-theme-folder.png" alt="WordPress 子テーマフォルダー" width="178" height="288" /></p>
<p class="information">絶対この名前（-child）にしなくてはいけないというわけではありませんが、暗黙の了解で統一されているようです。</p>
<p>なお、<span class="uline">親テーマのフォルダ名は表示したままにしておくか、メモして分かるように</span>しておいてください。（次の手順では、フォルダ名が分からないと先へ進めないからです。）</p>
<h3 id="point2">２．子テーマ用の style.css ファイルを作成する。</h3>
<p>子テーマ用の <span class="red">style.css</span> の内容は以下の通りです。</p>
<p>親テーマのフォルダが <span class="uline">twentynineteen</span> で、子テーマ名を <span class="uline">Twenty Nineteen child</span> にする場合。</p>
<div class="sp-success">/*<br />
Theme Name: Twenty Nineteen child<br />
Template: twentynineteen<br />
Version: 20181230<br />
*/</div>
<p>内容を簡単に説明すると、<span class="uline">Theme Name には子テーマの名前</span>を任意で記述します。<span class="uline">Template には親テーマのフォルダ名</span>を記述します。<span class="uline">Version にはバージョンを示す数字</span>（日付など）を任意で記述します。最低限これだけ記述すれば、子テーマとして十分機能します。</p>
<p>保存の際は、文字コードを UTF-8 で、名前を style.css で行いましょう。</p>
<h3 id="point3">３．子テーマ用の functions.php ファイルを作成する。</h3>
<p>子テーマ用の <span class="red">functions.php</span> の内容は以下の通りです。</p>
<div class="sp-success">&lt;?php<br />
add_action(&#8216;wp_enqueue_scripts&#8217;,&#8217;theme_enqueue_styles&#8217;);<br />
function theme_enqueue_styles() {<br />
wp_enqueue_style(&#8216;parent-style&#8217;,get_template_directory_uri().&#8217;/style.css&#8217;);<br />
}<br />
?&gt;</div>
<p>こちらのコードは<span class="uline">書き換えることなく、そのまま書き写して</span>ください。ちなみに、何をやっているのかというと、親テーマのスタイルを子テーマのスタイルで上書きする処理です。</p>
<p>保存の際は、文字コードを UTF-8 で、名前を functions.php で行います。</p>
<p class="alert">アポストロフィー・カンマ・ピリオドは、コピーすると全角に変換されてしまうことがありますので、十分気をつけてください。</p>
<h3 id="point4">４．用意したファイルを子テーマ用のフォルダに転送する。</h3>
<p>２つのファイル（「style.css」と「functions.php」）が用意できたら、実際にサーバーに転送しましょう。利用しているサーバーのやり方に従って、ファイルを転送してください。ファイルの転送先は、「○○-child」フォルダです。（先ほどの例なら「twentynineteen-child」）</p>
<p><img loading="lazy" decoding="async" class="size-full wp-image-7088 aligncenter" src="https://hprs1.com/wp-content/uploads/wp-child-theme-file.png" alt="WordPress 子テーマファイル" width="95" height="37" /></p>
<p>ここまでできれば、いわゆるインストール作業は完了です。しかし、このままでは子テーマとして稼働しませんので、続いて有効化の手順を実行しましょう。</p>
<h3 id="point5">５．テーマを有効化する。</h3>
<p>インストール作業が終わりましたので、<span class="red">テーマを有効化</span>しましょう。手順は以下の通りです。</p>
<ol class="list-high">
<li>［外観］⇒［テーマ］の順にポイントする。<img loading="lazy" decoding="async" class="size-full wp-image-4061 aligncenter" src="https://hprs1.com/wp-content/uploads/wp-theme-install1.jpg" alt="外観 テーマ" width="321" height="208" srcset="https://hprs1.com/wp-content/uploads/wp-theme-install1.jpg 321w, https://hprs1.com/wp-content/uploads/wp-theme-install1-300x194.jpg 300w, https://hprs1.com/wp-content/uploads/wp-theme-install1-320x207.jpg 320w" sizes="auto, (max-width: 321px) 100vw, 321px" /></li>
<li>［テーマ］をクリックする。</li>
<li>「○○ child」が表示されていることを確認する。<br />
<img loading="lazy" decoding="async" class="size-full wp-image-7090 aligncenter" src="https://hprs1.com/wp-content/uploads/wp-theme-tn1.png" alt="WordPress テーマ一覧" width="600" height="229" srcset="https://hprs1.com/wp-content/uploads/wp-theme-tn1.png 600w, https://hprs1.com/wp-content/uploads/wp-theme-tn1-300x115.png 300w, https://hprs1.com/wp-content/uploads/wp-theme-tn1-320x122.png 320w" sizes="auto, (max-width: 600px) 100vw, 600px" /></li>
<li>見つけた「○○ child」をポイントする。<img loading="lazy" decoding="async" class="size-full wp-image-7091 aligncenter" src="https://hprs1.com/wp-content/uploads/wp-theme-tn2.png" alt="WordPress テーマ一覧で子テーマをポイント" width="600" height="229" srcset="https://hprs1.com/wp-content/uploads/wp-theme-tn2.png 600w, https://hprs1.com/wp-content/uploads/wp-theme-tn2-300x115.png 300w, https://hprs1.com/wp-content/uploads/wp-theme-tn2-320x122.png 320w" sizes="auto, (max-width: 600px) 100vw, 600px" /></li>
<li>［有効化］ボタンをクリックする。<img loading="lazy" decoding="async" class="size-full wp-image-7092 aligncenter" src="https://hprs1.com/wp-content/uploads/wp-theme-tn3.png" alt="WordPress テーマ一覧で子テーマを有効化" width="600" height="229" srcset="https://hprs1.com/wp-content/uploads/wp-theme-tn3.png 600w, https://hprs1.com/wp-content/uploads/wp-theme-tn3-300x115.png 300w, https://hprs1.com/wp-content/uploads/wp-theme-tn3-320x122.png 320w" sizes="auto, (max-width: 600px) 100vw, 600px" /></li>
</ol>
<p>これで、子テーマを利用できるようになりました。子テーマには何も設定していませんので、サイトには何の変化もないはずです。（もし、表示が変わった場合は、<a href="#point6">子テーマが機能しない場合は？</a>を参照してください。）</p>
<h4>動作を確認してみましょう。</h4>
<p>あとは、実際に子テーマのCSSにスタイルを記述して、適用されるかどうか確認しましょう。例えばタイトルの文字サイズを大きく（1.5倍）してみます。（先ほどの内容の下に記述します。）</p>
<p><img loading="lazy" decoding="async" class="size-full wp-image-7093 aligncenter" src="https://hprs1.com/wp-content/uploads/wp-child-theme-before.png" alt="WordPress 子テーマ設定前" width="593" height="20" srcset="https://hprs1.com/wp-content/uploads/wp-child-theme-before.png 593w, https://hprs1.com/wp-content/uploads/wp-child-theme-before-300x10.png 300w, https://hprs1.com/wp-content/uploads/wp-child-theme-before-320x11.png 320w" sizes="auto, (max-width: 593px) 100vw, 593px" /></p>
<div class="sp-success">Version: 20181230<br />
*/<br />
.site-title {font-size: 150%;}</div>
<p>うまくいけば、スタイルが適用されるはずです。（上記は Twenty Nineteen 用の記述です。）</p>
<p><img loading="lazy" decoding="async" class="size-full wp-image-7094 aligncenter" src="https://hprs1.com/wp-content/uploads/wp-child-theme-after.png" alt="WordPress 子テーマ設定後" width="548" height="26" srcset="https://hprs1.com/wp-content/uploads/wp-child-theme-after.png 548w, https://hprs1.com/wp-content/uploads/wp-child-theme-after-300x14.png 300w, https://hprs1.com/wp-content/uploads/wp-child-theme-after-320x15.png 320w" sizes="auto, (max-width: 548px) 100vw, 548px" /></p>
<h4>参考：画像を表示したいときは？</h4>
<p>テーマの一覧では、子テーマの画像が表示されないので殺風景ですよね。動作上まったく問題ありませんが、何とかしたいときは、親テーマのフォルダにある「 screenshot.png 」という画像を子テーマフォルダにコピーしてください。親テーマと同じように画像が表示されますよ。</p>
<p><img loading="lazy" decoding="async" class="size-full wp-image-7095 aligncenter" src="https://hprs1.com/wp-content/uploads/wp-theme-tn4.png" alt="WordPress テーマ一覧で子テーマに画像を表示" width="600" height="229" srcset="https://hprs1.com/wp-content/uploads/wp-theme-tn4.png 600w, https://hprs1.com/wp-content/uploads/wp-theme-tn4-300x115.png 300w, https://hprs1.com/wp-content/uploads/wp-theme-tn4-320x122.png 320w" sizes="auto, (max-width: 600px) 100vw, 600px" /></p>
<p>同じ名前であれば、他の画像でも大丈夫です。</p>
<h3 id="point6">補足：子テーマが機能しない場合は？</h3>
<p>子テーマが機能しない場合があると思います。その場合は、親テーマのCSSも反映されないのではないかと思います。おそらく、functions.php がうまく機能していないと思いますので、転記ミスが無いか、記述されているプログラムをよく確認してくださいね。</p>
<p>また、コピー＆ペーストすると、一部の記号が全角に変換されてしまうことがあります。これはよくあるんですが、気付きにくい問題ですので、よく確認してみてください。</p>
<h2>まとめ</h2>
<p>いかがでしたか？　WordPress（ワードプレス）の、子テーマの作り方を説明しました。</p>
<p>WordPress（ワードプレス）の子テーマの作り方について、フォルダの作り方、２種類のファイルの作り方、ファイルの転送、子テーマの有効化など説明しましたので、ご理解いただけたのではないかと思います。「意外と簡単に作れるなあ」と思われたんじゃないでしょうか。</p>
<p>子テーマが用意されているテーマの場合は不要な手順でしたが、子テーマが用意されていない場合は自分で作ってしまうのが、最も簡単で手っ取り早い方法です。あまりにも手順が簡単なので、テーマ配布サイトで子テーマを用意しないのかもしれないですね。</p>
<p>これで、子テーマのないテーマも安心してお使いいただけると思います。</p>
<p>以上、「WordPress（ワードプレス）の、子テーマの作り方！」と題して説明しました。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>ホームページ制作の費用、安くあげる秘策とは？</title>
		<link>https://hprs1.com/%e3%83%9b%e3%83%bc%e3%83%a0%e3%83%9a%e3%83%bc%e3%82%b8-%e5%88%b6%e4%bd%9c-%e8%b2%bb%e7%94%a8/</link>
		
		<dc:creator><![CDATA[Websolve]]></dc:creator>
		<pubDate>Mon, 10 Sep 2018 00:00:54 +0000</pubDate>
				<category><![CDATA[ホームページの作成方法]]></category>
		<category><![CDATA[ホームページ]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[サーバー]]></category>
		<category><![CDATA[費用]]></category>
		<category><![CDATA[プラグイン]]></category>
		<category><![CDATA[テーマ]]></category>
		<category><![CDATA[デザイン]]></category>
		<guid isPermaLink="false">https://hprs1.com/?p=6412</guid>

					<description><![CDATA[ホームページ制作の費用を、安くあげる秘策を説明します。読者対象は、ホームページ制作の費用をできるだけ安く抑えたい方です。費用の節約方法だけでなく、少ない予算を有効に使う方法についても詳しく説明しています。 なぜホームペー...]]></description>
										<content:encoded><![CDATA[<p><em>ホームページ制作</em>の<strong>費用</strong>を、安くあげる秘策を説明します。読者対象は、ホームページ制作の費用をできるだけ安く抑えたい方です。費用の節約方法だけでなく、少ない予算を有効に使う方法についても詳しく説明しています。</p>
<h2>なぜホームページ制作の費用は、安くあげるべきなのか？</h2>
<p>あなたも、「ホームページ制作の費用は、できるだけ安くあげたい！」と思いますよね。できるだけ広報にかける費用を節約して、本来の事業への投資額を増やしたいでしょう。しかし、業者に依頼すると、ホームページ制作の相場は２０万円以上（内容にもよりますが）だと思います。</p>
<p>ではどうするのかと言えば、ホームページ制作の費用をできるだけ節約して、安くあげる方法を考えればいいんです。そんな都合の良いやり方があるのかと言えば、方法はいくつかあります。やり方によってはかなり安くできますから、何十万円もお金を掛ける必要はありませんよ。</p>
<p>そこで、ホームページ制作の費用を安く節約する方法について説明しますので、業者へ依頼する前にこちらで確認してみてください。</p>
<h2>ホームページ制作の費用、こうすれば安くできる！</h2>
<p>それでは、ホームページ制作の費用を安く節約する方法についてご説明します。しっかり目を通して無駄な出費を抑えましょう。</p>
<h3>ホームページ制作の費用は、ゼロにはできない。</h3>
<p>最初に知っていただきたいのは、ホームページ制作の費用はゼロにできない点です。なぜなら、ホームページを公開するためのサーバーは、レンタルせざるを得ないからです。インターネット上にサイトを公開するためにはサーバーが必要ですから、これはどうしても避けられません。</p>
<p>サーバー以外は無料にできますので、サーバーのレンタル費用だけ何とか捻出すれば、最低限の出費で済みます。ただ、サーバーもピンからキリまであり、レンタル費用はかなりの差があります。私が調べた限りでは、安価なサーバーも高価なサーバーも性能差は非常に小さいと言えます。</p>
<p>では、何が違うのかと言えば、サポートの充実度です。安いサーバーは、サポート担当者とメールやチャットによってやりとりしますが、高いサーバーは電話で直接話をすることができます。つまり、技術的に自信があれば、安いサーバーでも十分なんです。</p>
<p>このように、サーバーのレンタル費用があるので、どうしても費用をゼロにできないことは知っておいてください。</p>
<p class="information">ちなみに、私は安価な「<a href="https://www.value-server.com/" target="_blank" rel="noopener">バリューサーバー</a>」を利用しています。利用にはある程度ネットの知識が必要ですが、月額換算で400円程度と激安なうえに、性能も悪くないのでご紹介しておきます。</p>
<h3>最も安い方法は、すべて自分で制作すること。</h3>
<p>ホームページ制作の費用を最も安くする方法は、すべて自分で制作することです。すべてとは、</p>
<ul>
<li>内容づくり</li>
<li>デザインの考案</li>
<li>コーディング</li>
<li>サーバーへのアップロード</li>
</ul>
<p>など、考えられること全部を、自ら行うということです。こうすれば、必要なのはサーバーのレンタル費用だけですので、確実に費用を安くあげることができます。ただし、この方法には避けられない問題があります。それは、技術的な知識を学ぶ必要がある点です。</p>
<p>既に知識がある方なら問題ありませんが、そうでない方はかなり勉強しなくてはいけないでしょう。具体的には、 HTMLやCSSといった知識ですが、パソコン教室で習うか参考書で独学するかして、最低限必要な知識を学ばなくてはいけないでしょう。</p>
<p>したがって、ホームページ制作の知識がある方にはお勧めできますが、そうでない初心者にはお勧めできないやり方です。では、初心者は制作費用を安くできないのかと言えばそんなことはなく、便利なツールを使えば十分可能です。</p>
<h3>ワードプレス（WordPress）を使えば、知識はほとんど不要。</h3>
<p>ホームページ制作の初心者が費用を安くあげたいときは、ワードプレス（WordPress）を使うことをお勧めします。なぜなら、無料で提供されているだけでなく、ホームページ制作の知識がほとんど不要で、誰でも簡単に作れるからです。</p>
<p>しかも、プロ並みの仕上がりにできますので、プロいらずのツールと言えるでしょう。実際に、プロでもワードプレスを使ってホームページとして納品することが増えています。また、利用者が多いので、ネットを検索すれば技術的な知識が簡単に手に入るというのも魅力でしょう。</p>
<p>さらに、ほとんどのレンタルサーバーは、最初からワードプレスが使えるようになっていますので、自分で用意する必要がありません。デザインは、無料のテンプレートを利用すれば簡単に好みのものにできますし、コーディングやアップロードは不要です。</p>
<p>ワードプレスなら、ホームページ制作に関係するすべての作業をブラウザ上で簡単に行えます。したがって、初心者であってもサーバーのレンタル費用だけで、プロ並みのホームページを制作することは十分可能なんです。</p>
<h3>無料だとデザインは良くないのか？</h3>
<p>ワードプレスに限らず、出来合いのテンプレートを使うと、「良いものができないのではないか？」と思いますよね。確かに、他のサイトでも同じテンプレートを使っている可能性はありますので、完全オリジナルのデザインにはなりません。</p>
<p>なので、最初からある程度自分でカスタマイズすることを前提にして、改造しやすいテンプレートを選ぶのが良いと思います。また、多少お金を掛けても良いのであれば、有料のテンプレートを購入する方法もあります。この場合、数千円～１万円程度で済みますよ。</p>
<p>したがって、デザインにこだわる場合はカスタマイズによってオリジナリティを出すか、有料のテンプレートを購入することで、独自性を出せると思います。制作会社に依頼すると何十万円もかかることを考えれば、かなり安く済むのではないでしょうか。</p>
<p>ちなみに、ワードプレスのおすすめテンプレート（正式にはテーマ）は <a href="https://wp-simplicity.com/" target="_blank" rel="noopener">Simplicity</a>です。このテーマは名前の通り極めてシンプルで、カスタマイズを前提としています。無料ですので、気軽に試すことができますよ。</p>
<p class="question">カスタマイズは、ワードプレスの場合プラグインというシステムを使えば、かなり簡単に行うことができますよ。もちろんプラグインは無料です。（有料も有り）</p>
<h3>基本部分だけ、プロに依頼する方法もある。</h3>
<p>費用はかけたくないけれど、どうしてもプロのデザインを使いたいという方も中にはいらっしゃるでしょう。そのような場合はお金を多少掛けて、基本の骨格部分だけをプロに依頼する方法もありますよ。会社によっては対応しないかもしれませんが、交渉すれば可能だと思います。</p>
<p>つまり、オリジナルのテンプレートを作ってもらうというわけです。中身は自分で作ればよいので、外見だけプロに制作を依頼することで、費用を安く抑えるんですね。おそらく、完全にすべてを作ってもらう場合に比べれば、かなり安くなると思います。</p>
<p>何せ、ホームページは中身を作ることが一番難しいですからね。デザインは、センスやひらめきで作れますが、中身は依頼者の仕事を分析してオーダーメイドになるので、相当な労力を必要とします。その部分を依頼しないのだから、費用を抑えることは十分可能でしょう。</p>
<p>もし、費用を安く抑える中でも少しだけお金を掛けられるのであれば、このようにプロにデザインだけを依頼するのも一つの方法ですよ。</p>
<h3>激安の制作会社は避けたほうが良いのか？</h3>
<p>制作費用が１０万円未満の、激安ホームページ制作会社がありますが、なるべくなら避けたほうが良いでしょう。なぜなら、良いホームページにならないからです。激安の会社は、ホームページ制作で儲けるのではなく、永続的な運営管理費で儲けています。</p>
<p>どういうことかというと、数万円の制作費では儲けが無いので、月々数千円程度の維持費を取ることで儲けるのです。したがって、ホームページ制作の実力はあまり高くないとみるべきでしょう。つまり、ホームページ制作付のレンタルサーバーという感じですね。</p>
<p>だったら、安いサーバーを借りてワードプレスなどのツールで、自らホームページを作ったほうが得です。安い業者に依頼すると、痛い目に遭う可能性がありますので、ご注意ください。</p>
<h3>完全無料で使えるサービスは良くないのか？</h3>
<p>最初にホームページ制作の費用はゼロにできないと説明しましたが、実は完全無料で使えるサービスが存在します。個人的なブログだけでなく、商用利用も可能なものも存在しますが、積極的にはおすすめしません。なぜなら、自由度が低いからです。</p>
<p>具体的には、サイトで問い合わせを得ようとすると機能が足りないんです。専用ツールを使う場合が多いんですが、ちょっとしたことができません。例えば、入力フォームが作れなかったり、各ページにキャンペーン情報を差し込むといったことができない場合があります。</p>
<p>業務で使うことを考えれば必須の機能ですが、こういった機能は存在しているものの、有料で提供される場合がほとんどなんです。いくつかの機能を購入したら、結局サーバーをレンタルしたほうが安かったという話はよくあります。</p>
<p>このような現実があるので、コンテンツをたくさん作って末永く運営したいのであれば無料のサービスは利用せず、やはり自社専用のサーバーをレンタルすべきだと思います。</p>
<p class="information">無料のサーバーは、ホームページ制作の練習用やブログ用に利用するのであれば問題ないでしょう。</p>
<h3>サーバーを自前で用意したら無料にできる？</h3>
<p>腕に覚えのある方であれば、サーバーを自前で用意することで無料にできるのではないかとお考えになると思います。確かに、サーバーをレンタルしなくて済むので、すべての費用を無料にすることが可能です。しかし、それ以外の部分でかなり大きな費用が掛かってしまいます。</p>
<ul>
<li>固定IPアドレスの費用（月額２万円以上）</li>
<li>サーバーマシンの費用（数万円）</li>
<li>無停電電源装置（数万円）</li>
<li>メンテナンスの費用と手間暇（交換部品の実費）</li>
<li>電気代</li>
</ul>
<p>ざっと見て、毎月 25,000円以上の費用が掛かるのではないでしょうか。サーバーをレンタルで賄えば、毎月数百円で済みますので、自営のサーバーは金額的なメリットがまったくありません。しかもメンテナンスの労力も必要なので、今回の趣旨には適合しませんね。</p>
<p>私はサーバーを管理していた経験があるのでよくわかるのですが、サーバーを自分で用意するというのは金銭的なことを考えるのであれば、絶対お勧めしません。</p>
<h2>まとめ：自分で対応できないものには、お金を掛けましょう。</h2>
<p>いかがでしたか？　ホームページ制作の費用を、安くあげる秘策について説明しました。</p>
<p>今回説明したのは、制作の費用はゼロにはできない、最も安い方法はすべて自分で制作、ワードプレスを使えば知識はほとんど不要、無料だとデザインは良くないのか、基本部分だけプロに依頼する方法、激安の制作会社、完全無料で使えるサービス、サーバーを自前で用意、などのポイントでした。</p>
<p>ここまでお話しした通り、サーバーだけはどうしても無料にできません。それでも、先ほどご紹介したバリューサーバーであれば、ひと月換算で400円以内です。また、ワードプレスを利用すると決めているのであれば、デザインの良いテーマを購入するのも良いと思います。</p>
<p>つまり、自分でできるところは一切お金を掛けず、それが無理な部分についてはしっかりお金を掛けるわけです。そうすれば、無駄な出費を抑えることができますよ。なお、費用を掛けようが掛けまいが内容のできは一緒ですから、内容づくりもしっかり行うことを忘れないでください。</p>
<p>以上、「ホームページ制作の費用、安くあげる秘策とは？」と題して説明しました。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>InstantWP 5.3 の使い方-応用編</title>
		<link>https://hprs1.com/instantwp-%e4%bd%bf%e3%81%84%e6%96%b9-%e5%bf%9c%e7%94%a8/</link>
		
		<dc:creator><![CDATA[Websolve]]></dc:creator>
		<pubDate>Mon, 13 Aug 2018 08:30:58 +0000</pubDate>
				<category><![CDATA[Instant WordPress]]></category>
		<category><![CDATA[ホームページ]]></category>
		<category><![CDATA[サイト]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[プラグイン]]></category>
		<category><![CDATA[テーマ]]></category>
		<guid isPermaLink="false">https://hprs1.com/?p=6279</guid>

					<description><![CDATA[InstantWP 5.3 の使い方、応用方法を説明します。読者対象は、InstantWP の使い道など活用方法について知りたい方です。どのような使い方をすると有効活用できるのか、実践的な方法を詳しく説明しています。 な...]]></description>
										<content:encoded><![CDATA[<p><em>InstantWP 5.3 </em>の<strong>使い方</strong>、応用方法を説明します。読者対象は、InstantWP の使い道など活用方法について知りたい方です。どのような使い方をすると有効活用できるのか、実践的な方法を詳しく説明しています。</p>
<h2>なぜ Instant WP の使い方は、応用が重要なのか？</h2>
<p>InstantWP（Instant WordPress）の基本がわかると、「ワードプレスがパソコン上で再現できて面白いなぁ。」と思われるでしょう。そしてすぐに、「でも、具体的にどうやったら使いこなせるだろうか？」とも思うのではないでしょうか。</p>
<p>確かにその通りで、InstantWPはとても便利そうなのですが、使いこなさないと宝の持ち腐れになってしまいます。やはり重要なポイントは、WordPress環境を完全再現できるところです。つまり、本番とまったく同一の環境が作れところが最大の魅力なのです。</p>
<p>そこで、どのような使い方の応用ができるのか、使い道について自分の経験も合わせて分かりやすく説明しましょう。</p>
<h2>Instant WordPress の使い道は５つあります！</h2>
<p>それでは、Instant WordPress（InstantWP）の使い道を説明します。５つありますので、ぜひすべてに目を通してください。</p>
<h3>サイトを作る練習に使う。</h3>
<p>InstantWPは練習用サイトとして使うと、とても重宝します。なぜなら、WordPressサイトを完全再現できるからです。InstantWPはパソコン上で仮想のサーバーを用意するものなので、WordPress自体は完全に本物です。だから、サイト作りの練習に最適なのです。</p>
<p>わざわざサーバーをレンタルする必要もないし、無料でサイトを再現できますから、本番と完全同一な環境で練習できます。練習で作ったサイトをインターネットに公開するわけにはいきませんから、自分のパソコン内でサイトを作れるメリットはとても大きいでしょう。</p>
<p>とりあえずサイト作りを勉強したいという初心者には、ホームページ作りの練習用に最適な環境かもしれませんね。</p>
<h3>事前のテスト環境として使う。</h3>
<p>InstantWPは事前のテスト環境として使うと非常に便利です。こちらもやはり、WordPressサイトを完全再現できるという点が魅力です。本番とまったく同じサイトを再現して、新しいテーマのテストを行ったり、プラグインの動作を確認するといったことができます。</p>
<p>当然、本番環境で動作確認を行うこともできますが、特にプラグインはテーマや他のプラグインとの相性に問題が発生することがあります。万が一問題が発生すると、WordPressの動作がおかしくなって、画面が真っ白の表示になってしまうこともあり得ます。</p>
<p>復旧できないわけではありませんが、FTP を使うなどしてかなり面倒な作業が必要になるし、その間はサイトにアクセスできなわけですから、通販サイトなどでは大きな損失です。しかし、事前のテスト環境があれば、トラブルに遭遇しても本番環境に全く影響しません。</p>
<p>トラブルを未然に防げる事前のテスト環境として使うのは、非常に理に適っています。</p>
<h3>ワードプレスのテーマ開発に使う。</h3>
<p>InstantWPをワードプレスのテーマ開発に使うのも、便利でうまい方法です。やはり、ワードプレスの環境を完全再現できますから、テーマの開発や表示テストに最適です。公開されたサーバーでテーマ開発を行うと、別途サーバー契約が必要です。</p>
<p>しかし、InstantWPであれば、本番と同等の環境を無償で手に入れることができます。このような環境であれば、心置きなく好きなように開発ができますね。もちろん、既存テーマの改造などにも利用できます。本番環境を壊してしまう心配もありませんから、非常に安心です。</p>
<p>このように、ワードプレスのテーマ開発やテーマ改造のテスト環境として、重宝するでしょう。</p>
<h3>本番サイトのバックアップに使う。</h3>
<p>InstantWPは、本番サイトのバックアップに使うとかなり便利です。なぜなら、WordPress環境を完全再現できる特徴を生かして、公開中のサイトと完全同一のサイトを再現できるからです。サイト全体のバックアップにもなるし、ページ単位のバックアップにもなります。</p>
<p>本番サイトと完全同一のサイトを非公開で持てるわけですから、非常に安心感があるでしょう。もちろんバックアップだけでなく、公開済みのサイトでは行いづらいプラグインのテストやCSSによるデザインの作成・変更なども、非常に行いやすくなりますね。</p>
<p>ちなみに、InstantWPを本番サイトのバックアップとして活用する場合は、</p>
<ol>
<li>本番サイトでデータを<a href="https://hprs1.com/%e3%83%af%e3%83%bc%e3%83%89%e3%83%97%e3%83%ac%e3%82%b9-%e3%82%a8%e3%82%af%e3%82%b9%e3%83%9d%e3%83%bc%e3%83%88/">エクスポート</a>。</li>
<li>InstantWPで<a href="https://hprs1.com/wordpress-te-ma-insuto-ru/">テーマ</a>・<a href="https://hprs1.com/wordpress-puraguin-insuto-ru/">プラグイン</a>・CSSなどのカスタマイズを設定。</li>
<li>設定したInstantWPで本番サイトのデータを<a href="https://hprs1.com/%e3%83%af%e3%83%bc%e3%83%89%e3%83%97%e3%83%ac%e3%82%b9-%e3%82%a4%e3%83%b3%e3%83%9d%e3%83%bc%e3%83%88/">インポート</a>。</li>
</ol>
<p>の手順で準備します。これで、同じ環境を再現できます。</p>
<p>このように、本番サイトのバックアップとしてInstantWPを利用すると非常に便利ですので、まだやったことのない方にはお勧めですよ。</p>
<h3>本番サイトの記事を作るときの、下書きとして使う。</h3>
<p>InstantWPの応用的な使い方として、本番サイトの記事作成で下書きに使う方法があります。この方法を使えば、完全に完成させなくても作成途中の記事でも公開できるので、プレビュー機能では確認できない部分（カテゴリー表示など）も事前確認ができるわけです。</p>
<p>つまり、本番サイトでは下書きを作らずInstantWPで記事を下書きし、完成後に本番サイトですぐに記事を公開するのです。このように、事前に記事の完成状態を確認できる意義は、大きいのではないでしょうか。さすがに本番サイトでは中途半端なものを公開できませんからね。</p>
<p>実際のやり方は次のようにします。</p>
<ol>
<li>InstantWPで、先ほど説明した「本番サイトのバックアップ」を作成する。</li>
<li>バックアップサイトで新規記事を作る。</li>
<li>記事を公開して、文章やレイアウトなどをチェックする。</li>
<li>確認が終わったのち、本番サイトへ記事を複製する。<br />
（コピー＆ペーストで簡単に複製できます。）</li>
<li>本番サイトでプレビューを使って最終確認後、記事を公開する。</li>
</ol>
<p>こういった手順を踏めば、本番サイトでは難しい、記事公開後の表示確認がとても行いやすいと思います。また、すでに公開済みの記事の手直しなども行いやすくなると思います。どうしても公開済みの記事の場合は、手直しの途中で保存できませんからね。</p>
<p class="information">InstantWPで画像を挿入して記事を作成した場合は、必ず本番サイトで画像を入れ替えてください。そうしないと、InstantWPに組み込まれた画像を読み込む設定になってしまい、本番サイトで画像が表示されないからです。</p>
<p>このようにInstantWPで下書きをすれば、本番サイトですぐに公開できるところまで詰めることができます。本番サイトではやりにくいことが、InstantWPでは非常にやりやすいんですね。</p>
<h3>参考：InstantWP自体のバックアップは取れる？</h3>
<p>ところで、InstantWP自体のバックアップは取れるのでしょうか？　実はとても簡単にバックアップできます。やり方は、InstantWPのフォルダをコピーするだけです。ややサイズが大きいですが、この方法であれば、最も簡単にバックアップできます。</p>
<p>技術的には、InstantWPを仮想サーバー内で複数起動することもできるでしょうが、技術的にハードルが高いと思われます。技術的な挑戦ということであれば良いでしょうが、そこに時間を割くよりはフォルダコピーで済ませてコンテンツ作りに励んだ方がメリットが大きいでしょう。</p>
<h2>まとめ：InstantWP なら、何をやってもOKです。</h2>
<p>いかがでしたか？</p>
<p>InstantWP（Instant WordPress）の使い方として、応用方法をご紹介しました。サイトを作る練習に使う、事前のテスト環境として使う、ワードプレスのテーマ開発に使う、本番サイトのバックアップに使う、本番サイトの記事を作るときの下書きとして使う、などがありました。</p>
<p>いくつかの用途を説明しましたが、いずれの場合にも言えることは、本番環境ではできない（やるべきではない）ことがInstantWPではできるということです。やはり、ワードプレスを完全再現できる点が非常に大きいのではないでしょうか。</p>
<p>この、『ワードプレスを完全再現できる』という点をうまく使えば、さらに応用できる可能性もあります。ぜひ活用して、WordPressサイトの作成に役立てていただければ何よりです。</p>
<p>以上、「InstantWP 5.3 の使い方-応用編」と題して説明しました。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>ホームページ作成を個人で行う時の、７つの注意点とは？</title>
		<link>https://hprs1.com/%e3%83%9b%e3%83%bc%e3%83%a0%e3%83%9a%e3%83%bc%e3%82%b8-%e4%bd%9c%e6%88%90-%e5%80%8b%e4%ba%ba/</link>
		
		<dc:creator><![CDATA[Websolve]]></dc:creator>
		<pubDate>Wed, 14 Mar 2018 09:00:16 +0000</pubDate>
				<category><![CDATA[ホームページの作成方法]]></category>
		<category><![CDATA[サーバー]]></category>
		<category><![CDATA[テーマ]]></category>
		<category><![CDATA[デザイン]]></category>
		<category><![CDATA[ホームページ]]></category>
		<category><![CDATA[WordPress]]></category>
		<guid isPermaLink="false">https://hprs1.com/?p=5811</guid>

					<description><![CDATA[ホームページ作成を個人で行う時の、７つの注意点を説明します。読者対象は、ホームページを個人で作成したい方です。ホームページを自作するときに、多くの方が直面する問題について、わかりやすく説明しています。 ホームページ作成を...]]></description>
										<content:encoded><![CDATA[<p><em>ホームページ作成</em>を<strong>個人</strong>で行う時の、７つの注意点を説明します。読者対象は、ホームページを個人で作成したい方です。ホームページを自作するときに、多くの方が直面する問題について、わかりやすく説明しています。</p>
<h2>ホームページ作成を、個人で行う意味とは？</h2>
<p>あなたは、「ホームページを個人で作成したいけど、よく分からないことがあるんだよなぁ。」と疑問があるために、このページをご覧になっていると思います。試にちょっと作るのではなく、事業用に本格的なものを作成したいのであれば、不安を感じるのは当然でしょう。</p>
<p>ところで、なぜ制作会社に依頼せず、自作しようとなされているのですか？　それは、ホームページを自分で管理したいからではないでしょうか。自分で管理すれば経費を大きく節約できるし、好きなタイミングで更新できるという意味もありますよね。</p>
<p>でも、個人が作成してうまくいくのか、多少の不安があるでしょう。そこで、ホームページを個人で作るときに直面する問題を説明しましたので、不安を解消していただければと思います。</p>
<h2>ホームページを個人が作成する時の、７つの注意点。</h2>
<p>それでは、ホームページを個人が作成する時の、７つの注意点を説明します。しっかりと目を通して不安を解消してください。</p>
<h3>ホームページ作成に必要なものとは？</h3>
<p>ホームページ作成を個人で行う際に必要なものを、一覧にまとめてみました。</p>
<ul>
<li>サーバー………ホームページの公開に必要。</li>
<li>作成ソフト……少ない知識で作成するために必要。</li>
<li>写真素材………説明を補足するために必要。</li>
<li>文章（内容）…商品等を説明するために必要。</li>
<li>維持費…………サーバーレンタルのために必要。</li>
<li>時間……………作成・更新・管理のために必要。</li>
<li>根性……………管理を継続するために必要。</li>
</ul>
<p>上記のような７つを挙げてみました。ホームページ作成というと、多くの方が技術面を中心に考えると思います。しかし、後で説明しますが、技術面はかなり簡単になっています。それよりも、作成のために時間が割けるか、管理し続けるだけの根性があるか、と言ったことが重要です。</p>
<p>なぜなら、多くの方は仕事の合間にホームページ作成を行うからです。ホームページ専任者を置ける余裕があれば問題になりませんが、大企業でない限りそれは難しいですよね。そこであえて『時間・根性』という言葉を入れました。</p>
<p>このように、技術以外の作成環境や精神面についても、必要なものとして考慮しましょう。</p>
<h3>ホームページは、知識が無くても簡単に作れるのか？</h3>
<p>ホームページは、知識が無くても簡単に作れるのか、不安になると思います。技術的な知識という点で言えば、 HTMLやCSSのことになるでしょう。これを覚えるとなると大変ですが、実際には知識ゼロでも作れます。なぜなら、非常に優れた作成ソフトがあるからです。</p>
<p>いわゆるCMSと呼ばれるソフトを使えばとても簡単です。代表的なソフトのワードプレスについて説明しますと、デザインはテーマと呼ばれるテンプレートを設定し、文章を書いて画像を挿入するだけで出来てしまいます。カンの良い方なら３０分もあれば使いこなすでしょう。</p>
<p>したがって、技術面の知識は作りながら覚えるだけで十分です。ただし、もっと重要なのが内容の作り方で、商品や特徴をうまく説明できる知識や能力が極めて重要ですよ。</p>
<p><span class="sankou">参考</span> ワードプレスについては、こちらで詳しく説明しています。</p>
<div class="blog-card external-blog-card blog-card-thumbnail-right blog-card-wide cf"><div class="blog-card-thumbnail"><a href="https://hprs1.com/%e3%83%9b%e3%83%bc%e3%83%a0%e3%83%9a%e3%83%bc%e3%82%b8-%e4%bd%9c%e6%88%90-%e3%82%bd%e3%83%95%e3%83%88-%e3%83%af%e3%83%bc%e3%83%89%e3%83%97%e3%83%ac%e3%82%b9-%e3%81%8a%e3%81%99%e3%81%99%e3%82%81/" class="blog-card-thumbnail-link" target="_blank"><img src="https://hprs1.com/wp-content/uploads/simplicity-cache/b8f859652a19797cfc4f943e399cbbaf.jpg" alt="" class="blog-card-thumb-image" height="100" width="100" /></a></div><div class="blog-card-content"><div class="blog-card-title"><a href="https://hprs1.com/%e3%83%9b%e3%83%bc%e3%83%a0%e3%83%9a%e3%83%bc%e3%82%b8-%e4%bd%9c%e6%88%90-%e3%82%bd%e3%83%95%e3%83%88-%e3%83%af%e3%83%bc%e3%83%89%e3%83%97%e3%83%ac%e3%82%b9-%e3%81%8a%e3%81%99%e3%81%99%e3%82%81/" class="blog-card-title-link" target="_blank">ホームページ作成の、おすすめソフトを紹介します！</a></div><div class="blog-card-excerpt">ホームページ作成のおすすめソフトをご紹介します。読者対象は、初心者でも使えるような簡単で手軽なソフトをお探しの方です。初心者からプロまで使える無料のソフト、「ワードプレス」について詳しく説明しています。</div></div><div class="blog-card-footer"><div class="blog-card-site"><span class="blog-card-favicon"><img src="//www.google.com/s2/favicons?domain=hprs1.com" class="blog-card-favicon-img" alt="" width="16" height="16" /></span>hprs1.com</div><div class="blog-card-hatebu"><a href="//b.hatena.ne.jp/entry/https://hprs1.com/%e3%83%9b%e3%83%bc%e3%83%a0%e3%83%9a%e3%83%bc%e3%82%b8-%e4%bd%9c%e6%88%90-%e3%82%bd%e3%83%95%e3%83%88-%e3%83%af%e3%83%bc%e3%83%89%e3%83%97%e3%83%ac%e3%82%b9-%e3%81%8a%e3%81%99%e3%81%99%e3%82%81/" target="_blank" rel="nofollow"><img src="//b.hatena.ne.jp/entry/image/https://hprs1.com/%e3%83%9b%e3%83%bc%e3%83%a0%e3%83%9a%e3%83%bc%e3%82%b8-%e4%bd%9c%e6%88%90-%e3%82%bd%e3%83%95%e3%83%88-%e3%83%af%e3%83%bc%e3%83%89%e3%83%97%e3%83%ac%e3%82%b9-%e3%81%8a%e3%81%99%e3%81%99%e3%82%81/" alt="" /></a></div></div></div>
<h3>スマホ対応はどうすればいいのか？</h3>
<p>スマホ対応をどうすればいいのか、非常に気になるところではないでしょうか。アクセスの半分以上がスマホというサイトも、少なくないでしょうからね。対応の仕方は以下の２つがあります。</p>
<ul>
<li>パソコンとスマホのページを別々に用意する。</li>
<li>パソコンとスマホ両方を同じページで対応する。</li>
</ul>
<p>別々に対応させると非常に細かく作り込めますが、当然作業量が倍になります。同じページで対応する場合は、１つのページを作るだけで済むので、作業量は増えません。しかも、パソコンとスマホそれぞれに最適な形で自動的に合わせるので、自然な形で両方に対応します。</p>
<p>一から作るのであれば、パソコンとスマホ両方に対応するやり方が簡単です。ちなみに、ワードプレスなら両方に対応する仕組みなので、パソコンとスマホを分けて考える必要はありませんよ。</p>
<p>このように、ワードプレスを使えばスマホ対応を意識する必要は、特にないと言えます。</p>
<h3>ホームページ作成の手順とは？</h3>
<p>ホームページ作成の手順は、ビジネス用として考えると以下のような形になるでしょう。</p>
<ol>
<li>ホームページ作成の目的を明確にする</li>
<li>ホームページの内容を考える。</li>
<li>ホームページのページ構成を考える。</li>
<li>画像（写真）を用意する。</li>
<li>ホームページの作成方法を決める。</li>
<li>デザインを決める。</li>
<li>公開用のサーバーを決める。</li>
</ol>
<p>この手順で取り組めば、おそらく失敗は少ないと思います。慣れた方なら、どれから始めても問題ないと思いますが、そうでない方ならこの順番が良いでしょう。なぜなら、ワードプレスを使って、集客力のあるホームページを作るときの手順に、なっているからです。</p>
<p>つまり、この手順を外してしまうと、ワードプレスが使いにくくなってしまうんです。個人で作ることを考えると、ワードプレスが使えないのはつらいので、この手順が良いと思います。</p>
<p><span class="sankou">参考</span> 以下のページで、詳しくご覧いただけます。</p>
<div class="blog-card internal-blog-card blog-card-thumbnail-right blog-card-wide cf"><div class="blog-card-thumbnail"><a href="https://hprs1.com/%e3%83%9b%e3%83%bc%e3%83%a0%e3%83%9a%e3%83%bc%e3%82%b8-%e4%bd%9c%e6%88%90-%e5%88%9d%e5%bf%83%e8%80%85/" class="blog-card-thumbnail-link"><img width="100" height="100" src="https://hprs1.com/wp-content/uploads/hp-syosinsya-100x100.jpg" class="blog-card-thumb-image wp-post-image" alt="" srcset="https://hprs1.com/wp-content/uploads/hp-syosinsya-100x100.jpg 100w, https://hprs1.com/wp-content/uploads/hp-syosinsya-150x150.jpg 150w" sizes="(max-width: 100px) 100vw, 100px" /></a></div><div class="blog-card-content"><div class="blog-card-title"><a href="https://hprs1.com/%e3%83%9b%e3%83%bc%e3%83%a0%e3%83%9a%e3%83%bc%e3%82%b8-%e4%bd%9c%e6%88%90-%e5%88%9d%e5%bf%83%e8%80%85/" class="blog-card-title-link">ホームページ作成の初心者が、知っておくべき７点。</a></div><div class="blog-card-excerpt">ホームページ作成の初心者が知っておくべき７点を説明しました。読者対象は、ホームページ作成に取り組もうとしている初心者です。作成の手順について内容作りに重点を置き、プロ並みに仕上げる方法を説明しています。</div></div><div class="blog-card-footer"><div class="blog-card-site"><span class="blog-card-favicon"><img src="//www.google.com/s2/favicons?domain=hprs1.com" class="blog-card-favicon-img" alt="" width="16" height="16" /></span>hprs1.com</div><div class="blog-card-hatebu"><a href="//b.hatena.ne.jp/entry/https://hprs1.com/%e3%83%9b%e3%83%bc%e3%83%a0%e3%83%9a%e3%83%bc%e3%82%b8-%e4%bd%9c%e6%88%90-%e5%88%9d%e5%bf%83%e8%80%85/" rel="nofollow"><img src="//b.hatena.ne.jp/entry/image/https://hprs1.com/%e3%83%9b%e3%83%bc%e3%83%a0%e3%83%9a%e3%83%bc%e3%82%b8-%e4%bd%9c%e6%88%90-%e5%88%9d%e5%bf%83%e8%80%85/" alt="" /></a></div></div></div>
<h3>ホームページ作成は、本で勉強できるのか？</h3>
<p>ホームページ作成は、本で勉強できるのか気になるところではないでしょうか。作成方法そのものについては、本を一冊持てば十分勉強できます。ただし問題があって、ほとんどの内容は検索すれば調べが付くという点です。ネットで十分独学できてしまうんですね。</p>
<p>もう一つ問題があって、それは、技術的な作成方法しか分からないという点です。例えば、文字を中央揃えする方法がわかっても、「なぜ中央揃えするのか？」ということを説明した本は、ほとんどないでしょう。つまり、ホームページをビジネスに生かす方法までは分からないんです。</p>
<p>このように、ホームページ作成の技術的な部分は、本で勉強できるでしょう。なお、おすすめの本というのは特に無いので、本屋さんでご自身がわかりやすいものを選べばよいと思います。</p>
<p class="information">ワードプレスを使うのであれば、ネットで調べるだけでも十分ですよ。</p>
<h3>ホームページ作成講座で、習った方が良いのか？</h3>
<p>パソコン教室などで、ホームページ作成講座を開いていますが、このようなところで習ったほうが良いのか気になりますよね。これも、本の場合とほぼ同様です。確かに、技術的な作成方法は教えてもらえます。しかし、ビジネスへの活かし方は教えてもらえません。</p>
<p>あくまでも講師は、「中央揃えはこうですよ」とやり方を説明するだけです。「なぜ中央揃えするんですか？」と聞いても明快な回答は得られないでしょう。したがって、本を読んだりネットで検索するのは性に合わないという方に、向いていると思います。</p>
<p>もし、ビジネスへの活かし方という意味での作成であれば、集客セミナーへ参加した方が良いでしょう。きっと、ホームページ集客のやり方を教えてもらえるはずです。</p>
<p class="information">ワードプレスを使えば、講座で指導を受ける必要はないでしょうね。</p>
<h3>ホームページ作成後の維持費は、どれくらいかかる？</h3>
<p>ホームページ作成後の維持費は、非常に気になるところではないでしょうか。きっと高額なイメージがあると思うんですが、実はそんなに高くないんです。格安サーバーをレンタルした場合であれば、維持費は年額で 3,000円程度で済むでしょう。内訳は次の通りです。</p>
<ul>
<li>サーバーレンタル費用…1,200円～。<br />
※ ホームページ公開用の、サーバーをレンタルするために必要。</li>
<li>ドメイン管理費用………1,500円～。<br />
※ ○○.jpのように、ドメインを維持するために必要。</li>
</ul>
<p>月額で考えるなら250円程度で済みます。もちろん商用利用が可能で、公序良俗に反しない限りかなり自由に使えます。ちなみに、ワードプレスは無料なので、これを作成ソフトに選べばサーバーレンタル費用だけで済みます。これならほとんど無料ですよね（笑）。</p>
<p>なお、完全無料のサーバーもありますが、あまりおすすめしません。なぜなら、自由度が低く、制限があるからです。そして、その制限を解除するためには費用が発生するのが一般的です。だったら、最初から安いサーバーをレンタルしたほうが面倒がないんですね。</p>
<p>このように、ホームページ作成後の維持費は、年額3,000円程度です。もう少しグレードを上げたとしても、年額4,000円を見ておけば十分だと思いますよ。</p>
<h2>まとめ：ホームページは、個人で十分に作成できます。</h2>
<p>いかがでしたか？</p>
<p>ホームページ作成を個人で行う時の、７つの注意点を説明しました。作成に必要なもの、知識が無くても簡単に作れるのか、スマホ対応はどうする、作成の手順、本で勉強できるのか、作成講座で習った方が良いのか、作成後の維持費、などのポイントがありました。</p>
<p>繰り返しになりますが、ホームページを個人で作成する場合の不安は、ほとんどないと言えるでしょう。なぜなら、ワードプレスを使えば、ホームページを自分で管理することは簡単だからです。費用はレンタルサーバーの維持費だけで済むし、好きなタイミングで更新できます。</p>
<p>ワードプレスなら指導を受ける必要はないし、本での勉強もほとんど不要です。むしろ、内容づくりが一番難しいと思いますので、文章や写真素材をしっかりと準備しましょう。最初は戸惑うと思いますが、ぜひ頑張って良いホームページを作成していただければ幸いです。</p>
<p>以上、「ホームページ作成を個人で行う時の、７つの注意点とは？」と題して説明しました。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>ホームページ作成の初心者が、知っておくべき７点。</title>
		<link>https://hprs1.com/%e3%83%9b%e3%83%bc%e3%83%a0%e3%83%9a%e3%83%bc%e3%82%b8-%e4%bd%9c%e6%88%90-%e5%88%9d%e5%bf%83%e8%80%85/</link>
		
		<dc:creator><![CDATA[Websolve]]></dc:creator>
		<pubDate>Mon, 12 Mar 2018 00:30:20 +0000</pubDate>
				<category><![CDATA[ホームページの作成方法]]></category>
		<category><![CDATA[デザイン]]></category>
		<category><![CDATA[ホームページ]]></category>
		<category><![CDATA[サーバー]]></category>
		<category><![CDATA[テーマ]]></category>
		<category><![CDATA[制作]]></category>
		<guid isPermaLink="false">https://hprs1.com/?p=5796</guid>

					<description><![CDATA[ホームページ作成の初心者が知っておくべき７点を説明しました。読者対象は、ホームページ作成に取り組もうとしている初心者です。作成の手順について内容作りに重点を置き、プロ並みに仕上げる方法を説明しています。 なぜホームページ...]]></description>
										<content:encoded><![CDATA[<p><em>ホームページ作成</em>の<strong>初心者</strong>が知っておくべき７点を説明しました。読者対象は、ホームページ作成に取り組もうとしている初心者です。作成の手順について内容作りに重点を置き、プロ並みに仕上げる方法を説明しています。</p>
<h2>なぜホームページ作成の初心者は、手順が重要なのか？</h2>
<p>ホームページ作成は初心者でも簡単にできます。なぜなら、今の時代は難しい技術を身につけなくても、ソフトを使えば簡単に作れるからです。特に、デザインはテンプレートを選ぶだけで簡単に作れてしまうので、もはや制作会社などのプロの手は必要ではないくらいです。</p>
<p>ソフトの作成手順に従えば、ほとんどの方はプロ並みのホームページが作れます。しかし、せっかく作っても、誰にも見てもらえなければ時間の無駄ですよね。皆さんに見てもらえるホームページを作るには、手順に従うだけでなく、見てもらえるような内容を作ることが重要なんです。</p>
<p>つまり、『内容の作り込みができる手順』が初心者には必要なんですね。そこで、どのような手順でホームページを作成すべきか、初心者が知っておきたいポイントをご紹介します。</p>
<h2>初心者が知っておきたい、作成のポイントは７つある<span class="italic">!</span></h2>
<p>それでは、初心者が知っておきたいポイントを説明します。ポイントは７つあるので、しっかりと頭に入れてください。</p>
<h3>ホームページ作成の目的を明確にしましょう。</h3>
<p>最初にすべきなのが、ホームページ作成の目的を明確にすることです。なぜなら、目的が明確になれば、作成に必要なことが決めやすくなるからです。</p>
<ul>
<li>企業用ホームページ…自社製品の紹介や、顧客の新規開拓が目的。</li>
<li>通販用ホームページ…カタログ的に商品を並べて、販売するのが目的。</li>
<li>趣味用ホームページ…自分の好きなことを記事にして紹介するのが目的。</li>
</ul>
<p>ザックリ３つに分けましたが、様々な目的があると思います。実際には明確に分けることはできないかもしれませんが、紙に書きだしてみるなどして何のためのホームページなのか、目的を明確にしてみてください。（この作業は、最初に１回だけで行えば十分ですよ。）</p>
<p>このように目的が明確になれば、どんな内容が必要なのか、どんなデザインが良いのかなど、すべてがはっきりと見えてきますよ。なお、ここでは作り方が難しいと思われる、企業用や通販用などの商用ホームページについて説明していきます。</p>
<h3>ホームページの内容を考えましょう。</h3>
<p>目的がはっきりしたら、ホームページの内容を考えましょう。例えば、企業サイトで自社製品を紹介するのが目的であれば、カタログのように商品を全て紹介するのか、商品の魅力を知ってもらうために主力製品だけ紹介するのか、技術力を紹介するのかなど様々です。</p>
<p>つまり、明確化した目的から、具体的に何を発信すればよいのかを考えるんですね。例えば、「この商品は使い方を詳しく説明しよう」とか「動画で説明した方が良さそうだ」とか「特徴をしっかりと伝えよう」といった具合です。</p>
<p>商品やサービスに合わせて、分かりやすくなるように、発信する内容を考えましょう。</p>
<p><span class="sankou">参考</span> こちらで詳しく説明しています。</p>
<div class="blog-card internal-blog-card blog-card-thumbnail-right blog-card-wide cf"><div class="blog-card-thumbnail"><a href="https://hprs1.com/%e3%83%9b%e3%83%bc%e3%83%a0%e3%83%9a%e3%83%bc%e3%82%b8-%e5%86%85%e5%ae%b9/" class="blog-card-thumbnail-link"><img width="100" height="100" src="https://hprs1.com/wp-content/uploads/hp-sakusei-naiyou-100x100.jpg" class="blog-card-thumb-image wp-post-image" alt="" srcset="https://hprs1.com/wp-content/uploads/hp-sakusei-naiyou-100x100.jpg 100w, https://hprs1.com/wp-content/uploads/hp-sakusei-naiyou-150x150.jpg 150w" sizes="(max-width: 100px) 100vw, 100px" /></a></div><div class="blog-card-content"><div class="blog-card-title"><a href="https://hprs1.com/%e3%83%9b%e3%83%bc%e3%83%a0%e3%83%9a%e3%83%bc%e3%82%b8-%e5%86%85%e5%ae%b9/" class="blog-card-title-link">ホームページの内容の作り方、知っておくべき９点！</a></div><div class="blog-card-excerpt">ホームページの内容の作り方で、重要な９点を説明します。読者対象は、ホームページの内容の作り方がわからずお困りの方です。反応率を高めることができるように、閲覧者の心理に沿った内容づくりを詳しく説明しています。</div></div><div class="blog-card-footer"><div class="blog-card-site"><span class="blog-card-favicon"><img src="//www.google.com/s2/favicons?domain=hprs1.com" class="blog-card-favicon-img" alt="" width="16" height="16" /></span>hprs1.com</div><div class="blog-card-hatebu"><a href="//b.hatena.ne.jp/entry/https://hprs1.com/%e3%83%9b%e3%83%bc%e3%83%a0%e3%83%9a%e3%83%bc%e3%82%b8-%e5%86%85%e5%ae%b9/" rel="nofollow"><img src="//b.hatena.ne.jp/entry/image/https://hprs1.com/%e3%83%9b%e3%83%bc%e3%83%a0%e3%83%9a%e3%83%bc%e3%82%b8-%e5%86%85%e5%ae%b9/" alt="" /></a></div></div></div>
<h3>ホームページのページ構成を考えましょう。</h3>
<p>内容が決まったら、ホームページのページ構成を考えましょう。例えば、企業用で作るのであれば、以下のような構成が考えられますね。</p>
<ul>
<li>自社の紹介</li>
<li>従業員の紹介</li>
<li>商品やサービスの紹介</li>
<li>アフターサービスの説明</li>
<li>お問い合わせフォーム</li>
</ul>
<p>よくわからないときは、他社のホームページを参考にしてください。おそらく、最低限必要なページが見えてくると思います。この時ポイントになるのは、「自分がお客さんだったらどんなことが知りたいだろうか？」という視点を持つことです。</p>
<p>すると、必要なページが見えてきますので、より閲覧者の満足するページ構成にできます。大事なことは、自分が見せたいページではなく、<span class="red-under">お客さんが見たいページを作る</span>ことですよ。</p>
<p><span class="sankou">参考</span> こちらで詳しく説明しています。</p>
<div class="blog-card internal-blog-card blog-card-thumbnail-right blog-card-wide cf"><div class="blog-card-thumbnail"><a href="https://hprs1.com/%e3%82%b5%e3%82%a4%e3%83%88-%e3%83%9a%e3%83%bc%e3%82%b8%e6%a7%8b%e6%88%90/" class="blog-card-thumbnail-link"><img width="100" height="100" src="https://hprs1.com/wp-content/uploads/site-tsukurikata-100x100.jpg" class="blog-card-thumb-image wp-post-image" alt="" srcset="https://hprs1.com/wp-content/uploads/site-tsukurikata-100x100.jpg 100w, https://hprs1.com/wp-content/uploads/site-tsukurikata-150x150.jpg 150w" sizes="(max-width: 100px) 100vw, 100px" /></a></div><div class="blog-card-content"><div class="blog-card-title"><a href="https://hprs1.com/%e3%82%b5%e3%82%a4%e3%83%88-%e3%83%9a%e3%83%bc%e3%82%b8%e6%a7%8b%e6%88%90/" class="blog-card-title-link">サイトのページ構成、知っておくべき７点！</a></div><div class="blog-card-excerpt">サイトのページ構成、知っておくべき７点を説明します。対象者は、これからサイトを作成する初心者ですが、詳しい方でも参考になると思います。単なる構成だけでなく、問い合わせを増やすポイントも解説しているからです。</div></div><div class="blog-card-footer"><div class="blog-card-site"><span class="blog-card-favicon"><img src="//www.google.com/s2/favicons?domain=hprs1.com" class="blog-card-favicon-img" alt="" width="16" height="16" /></span>hprs1.com</div><div class="blog-card-hatebu"><a href="//b.hatena.ne.jp/entry/https://hprs1.com/%e3%82%b5%e3%82%a4%e3%83%88-%e3%83%9a%e3%83%bc%e3%82%b8%e6%a7%8b%e6%88%90/" rel="nofollow"><img src="//b.hatena.ne.jp/entry/image/https://hprs1.com/%e3%82%b5%e3%82%a4%e3%83%88-%e3%83%9a%e3%83%bc%e3%82%b8%e6%a7%8b%e6%88%90/" alt="" /></a></div></div></div>
<h3>画像（写真）を用意しましょう。</h3>
<p>内容や構成が決まったら、画像（写真）を用意しましょう。画像は必須ではありませんが、有る方が間違いなく良いホームページになりますよ。というのも、文章による説明はどうしても限界があるからです。特に形があるものは、写真を見てもらったほうが手っ取り早いですからね。</p>
<p>ところで、画像には大きく分けて２つの役割があります。１つはすでに説明したように、内容をわかりやすくするためです。もう１つは、文章を読ませるためです。画像があると何となく文章が読みやすくなるんですね。文章メインのページは、冒頭に画像を１枚入れてみてください。</p>
<p>画像をすべて自分で用意できない場合は、検索してみてください。結構いろいろと無償で使える画像が見つかりますよ。ちなみに、使用できる画像形式は、jpg・gif・png の３種類だけです。使い分けは、写真が jpg、イラストが gif または png と考えれば、まず問題ないと思います。</p>
<p><span class="sankou">参考</span>：Google 検索　⇒　<a href="https://www.google.co.jp/search?num=50&amp;source=hp&amp;ei=PuikWtKkCsKq0ASFnpWADA&amp;q=%E7%94%BB%E5%83%8F+%E7%84%A1%E6%96%99&amp;oq=%E7%94%BB%E5%83%8F+%E7%84%A1%E6%96%99&amp;gs_l=psy-ab.3..0l8.2333.4904.0.11828.15.14.0.0.0.0.284.1741.1j7j3.11.0....0...1..64.psy-ab..6.9.1356.0..0i131k1j0i4k1.0.x3vgW5FJLEg" target="_blank" rel="noopener">画像 無料</a></p>
<h3>ホームページの作成方法を決めましょう。</h3>
<p>おおよその内容が決まったら、ホームページの作成方法を決めましょう。基本は、HTML というホームページ用言語での作成です。しかし、プログラム言語を覚えるのに近いので、初心者にはおすすめしません。（もちろん、プロを目指すような方は、HTML を学んでください。）</p>
<p>そこで、初心者におすすめするのはワードプレス（WordPress）です。これは、ホームページのサーバーにインストールされているシステムで、文章と画像を挿入するだけでホームページが作れるものです。初心者では難しいデザインも、テーマ（テンプレート）を入れ替えるだけと簡単です。</p>
<p>また、ブラウザから操作できるので、インターネットに接続できる環境があれば、場所を問わずに作成・更新ができます。しかも無料で使えるので、非常におすすめです。</p>
<p><span class="sankou">参考</span> 詳しくはこちらで説明しています。</p>
<div class="blog-card external-blog-card blog-card-thumbnail-right blog-card-wide cf"><div class="blog-card-thumbnail"><a href="https://hprs1.com/%e3%83%9b%e3%83%bc%e3%83%a0%e3%83%9a%e3%83%bc%e3%82%b8-%e4%bd%9c%e6%88%90-%e3%82%bd%e3%83%95%e3%83%88-%e3%83%af%e3%83%bc%e3%83%89%e3%83%97%e3%83%ac%e3%82%b9-%e3%81%8a%e3%81%99%e3%81%99%e3%82%81/" class="blog-card-thumbnail-link" target="_blank"><img src="https://hprs1.com/wp-content/uploads/simplicity-cache/b8f859652a19797cfc4f943e399cbbaf.jpg" alt="" class="blog-card-thumb-image" height="100" width="100" /></a></div><div class="blog-card-content"><div class="blog-card-title"><a href="https://hprs1.com/%e3%83%9b%e3%83%bc%e3%83%a0%e3%83%9a%e3%83%bc%e3%82%b8-%e4%bd%9c%e6%88%90-%e3%82%bd%e3%83%95%e3%83%88-%e3%83%af%e3%83%bc%e3%83%89%e3%83%97%e3%83%ac%e3%82%b9-%e3%81%8a%e3%81%99%e3%81%99%e3%82%81/" class="blog-card-title-link" target="_blank">ホームページ作成の、おすすめソフトを紹介します！</a></div><div class="blog-card-excerpt">ホームページ作成のおすすめソフトをご紹介します。読者対象は、初心者でも使えるような簡単で手軽なソフトをお探しの方です。初心者からプロまで使える無料のソフト、「ワードプレス」について詳しく説明しています。</div></div><div class="blog-card-footer"><div class="blog-card-site"><span class="blog-card-favicon"><img src="//www.google.com/s2/favicons?domain=hprs1.com" class="blog-card-favicon-img" alt="" width="16" height="16" /></span>hprs1.com</div><div class="blog-card-hatebu"><a href="//b.hatena.ne.jp/entry/https://hprs1.com/%e3%83%9b%e3%83%bc%e3%83%a0%e3%83%9a%e3%83%bc%e3%82%b8-%e4%bd%9c%e6%88%90-%e3%82%bd%e3%83%95%e3%83%88-%e3%83%af%e3%83%bc%e3%83%89%e3%83%97%e3%83%ac%e3%82%b9-%e3%81%8a%e3%81%99%e3%81%99%e3%82%81/" target="_blank" rel="nofollow"><img src="//b.hatena.ne.jp/entry/image/https://hprs1.com/%e3%83%9b%e3%83%bc%e3%83%a0%e3%83%9a%e3%83%bc%e3%82%b8-%e4%bd%9c%e6%88%90-%e3%82%bd%e3%83%95%e3%83%88-%e3%83%af%e3%83%bc%e3%83%89%e3%83%97%e3%83%ac%e3%82%b9-%e3%81%8a%e3%81%99%e3%81%99%e3%82%81/" alt="" /></a></div></div></div>
<h3>デザインを決めましょう。</h3>
<p>続いて、ホームページのデザインを決めましょう。デザインは、大きく分けると３種類あります。いわゆるカラムの数でわかれます。</p>
<ul>
<li>１カラム……ページ内に本文だけある。</li>
<li>２カラム……ページ内に本文と１つのメニューバー（左右どちらか）がある。</li>
<li>３カラム……ページ内に本文と２つのメニューバー（左右）がある。</li>
</ul>
<p>一般的には、１カラムか２カラムのデザインが多いです。最近はスマホの影響で１カラムのデザインも増えているようですが、パソコンからの閲覧も考えると２カラムも大事です。詳しくは別ページで説明しているので参考にしてください。</p>
<div class="blog-card internal-blog-card blog-card-thumbnail-right blog-card-wide cf"><div class="blog-card-thumbnail"><a href="https://hprs1.com/ho-mupe-ji-karamu/" class="blog-card-thumbnail-link"><img width="100" height="100" src="https://hprs1.com/wp-content/uploads/2column-100x100.jpg" class="blog-card-thumb-image wp-post-image" alt="" srcset="https://hprs1.com/wp-content/uploads/2column-100x100.jpg 100w, https://hprs1.com/wp-content/uploads/2column-150x150.jpg 150w" sizes="(max-width: 100px) 100vw, 100px" /></a></div><div class="blog-card-content"><div class="blog-card-title"><a href="https://hprs1.com/ho-mupe-ji-karamu/" class="blog-card-title-link">ホームページは、2カラムが最適なのか？</a></div><div class="blog-card-excerpt">ホームページは、２カラムが最適なのか説明します。読者対象は、ホームページの最適なカラム数を知りたい方です。２カラム・３カラム・１カラムについて、目的に応じたカラム数の選び方や使い分けを説明しています。</div></div><div class="blog-card-footer"><div class="blog-card-site"><span class="blog-card-favicon"><img src="//www.google.com/s2/favicons?domain=hprs1.com" class="blog-card-favicon-img" alt="" width="16" height="16" /></span>hprs1.com</div><div class="blog-card-hatebu"><a href="//b.hatena.ne.jp/entry/https://hprs1.com/ho-mupe-ji-karamu/" rel="nofollow"><img src="//b.hatena.ne.jp/entry/image/https://hprs1.com/ho-mupe-ji-karamu/" alt="" /></a></div></div></div>
<p>ちなみにワードプレスの場合は、スマホとパソコンで表示を自動切り替えしてくれるので、２カラムのデザインを選べば無難だと思います。（最近のテーマなら対応しています。）</p>
<h3>公開用のサーバーを決めましょう。</h3>
<p>最後に、ホームページ公開用のサーバーについてお話しします。ホームページの公開には、必ずインターネットから自由にアクセスできる、サーバーと呼ばれるコンピューターが必要です。しかし、これを自前で準備するのは難しいので、通常はレンタルします。</p>
<p>今回はワードプレスをおすすめているので、ワードプレスが使えるサーバーをレンタルしましょう。ほとんどのレンタルサーバーで使えますので、費用や評判などを参考に検討してみてください。ところで、無料のサーバーもあるんですが、無料にはそれなりの理由がありますのでご注意を。</p>
<p>商用で使うのであれば、最初からレンタルすることを考えてください。無料サーバーは、正式公開前の練習として使うと、効果的だと思います。サーバーが決まったら、ワードプレスでホームページ作成を始めてみてください。あなたが思っている以上に簡単ですよ。</p>
<p><span class="sankou">参考</span> <a href="http://www.server-navi.com/" target="_blank" rel="noopener">100社レンタルサーバー比較</a></p>
<div class="question">サーバーのレンタル費用は、ひと月あたり100円ぐらいからあります。この程度の投資で済みますから、自由度も考えればレンタルがおすすめです。</div>
<h2>まとめ：ホームページ作成、重視すべきは内容です。</h2>
<p>いかがでしたか？　ホームページ作成の初心者が、知っておくべき７点を説明しました。</p>
<p>今回説明したのは、ホームページ作成の目的を明確にしましょう、ホームページの内容を考えましょう、ホームページのページ構成を考えましょう、画像（写真）を用意しましょう、ホームページの作成方法を決めましょう、デザインを決めましょう、公開用のサーバーを決めましょう、などのポイントでした。</p>
<p>このような手順を説明したのは、内容づくりを重視してほしいからです。冒頭でお話ししたように、せっかくホームページを作成しても見てもらえないのでは、意味がありません。見てもらうためには内容の充実、具体的には『閲覧者が必要としている情報』が非常に重要なんです。</p>
<p>多くの方が、デザインから入ってしまうので、今回あえて内容を重視した手順で説明しました。内容を最重視したホームページが作れれば、プロを超えることも可能です。紹介した手順を基に、みなさんに見てもらえるホームページを作成していただければ何よりです。</p>
<p>以上、「ホームページ作成の初心者が、知っておくべき７点。」と題して説明しました。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>WordPressのシンプルなテーマ、おすすめはこれです！</title>
		<link>https://hprs1.com/wordpress-te-ma-osusume/</link>
		
		<dc:creator><![CDATA[Websolve]]></dc:creator>
		<pubDate>Mon, 06 Mar 2017 01:00:38 +0000</pubDate>
				<category><![CDATA[WordPressのテーマ]]></category>
		<category><![CDATA[集客]]></category>
		<category><![CDATA[SEO対策]]></category>
		<category><![CDATA[デザイン]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[テーマ]]></category>
		<guid isPermaLink="false">http://hprs1.com/?p=4033</guid>

					<description><![CDATA[WordPressのシンプルなテーマでおすすめをご紹介します。読者対象は、ワードプレスのシンプルなテーマを探している方です。無料にもかかわらず、ブログから会社ホームページまで適用範囲が非常に広いテーマを紹介しています。 ...]]></description>
										<content:encoded><![CDATA[<p><em>WordPressのシンプルなテーマ</em>で<strong>おすすめ</strong>をご紹介します。読者対象は、ワードプレスのシンプルなテーマを探している方です。無料にもかかわらず、ブログから会社ホームページまで適用範囲が非常に広いテーマを紹介しています。</p>
<h2>なぜWordPressのテーマは、シンプルがおすすめなのか？</h2>
<p>WordPressを使う上で、必ず必要なのがテーマです。あなたも、「どのテーマを使えばいいんだろうか？」と疑問に思ったのではないでしょうか。とりあえず標準のテーマを使う手もありますが、どうせなら、最初から良いものを使って失敗しないようにしたいですよね。</p>
<p>では、どんなテーマが良いのでしょうか？　おそらく、シンプルでカスタマイズしやすいテーマが理想的でしょう。なぜなら、初心者・上級者を問わず誰でも使いやすいからです。そこでおすすめするのが、無料で入手できるテーマの『Simplicity』です。</p>
<p>これから、どの辺がおすすめなのか詳しく説明しますので、ぜひ参考にしてみてください。</p>
<p class="question">ちなみに、テーマのことを『テンプレート』と呼ぶ方もいらっしゃいますが、このページでは正式名称の『テーマ』で統一しています。</p>
<h2>シンプルなテーマ、Simplicity をおすすめする７つの理由。</h2>
<p>それでは、シンプルなWordPressのテーマ、Simplicity をおすすめする７つの理由を説明します。</p>
<h3>おすすめ理由１：シンプルである</h3>
<p>おすすめ理由の１つ目は、とにかくシンプルであるところです。あらゆる装飾を省いているので、非常にあっさりとしています。開発者のコメントでも「ブログの主役はあくまで本文」となっていて、内容に干渉しないように徹底しています。</p>
<p>『文章を読ませる』ということを考えれば、このシンプルなデザインは非常に重要です。なぜなら、デザインが華美だとユーザーの目がそちらに行ってしまい、内容に集中できない可能性があるからです。したがって、ブログや、文章による説明が必要な場合にはうってつけです。</p>
<p>また、後から詳しく説明しますが、シンプルだからこそカスタマイズがしやすいという特徴もあります。場合によっては、派手なデザインにカスタマイズできるので、文章をメインにしない場合にも対応できるんですね。</p>
<p>このように、Simplicity はシンプルなテーマだからこそ、文章メインでもデザインメインでもどちらでも対応できるという点がおすすめです。</p>
<h3>おすすめ理由２：初心者から上級者まで対応できる</h3>
<p>おすすめ理由の２つ目は、初心者から上級者まで幅広く対応しているところです。一般的に、初心者向きのテーマというと、機能が制限されている場合が多いでしょう。つまり、必要最低限の機能しかないことをシンプルといっています。</p>
<p>しかし、Simplicity の場合は必要な機能がすべてついていますので、上級者が使っても物足りないということはないでしょう。しかも、機能のほとんどに対して分かりやすい説明がついていますから、初心者でも十分理解できると思います。</p>
<p>このように、Simplicity はデザインがシンプルなのであって、機能を省いてシンプルにしているわけではありません。初心者はそのまま使えば分かりやすいし、上級者は機能をフル活用したり、改造して使えば満足できるでしょう。</p>
<p>シンプルだからこそ、初心者から上級者まで対応できるテーマですので、おすすめです。</p>
<h3>おすすめ理由３：カスタマイズがしやすい</h3>
<p>おすすめ理由の３つ目は、カスタマイズがしやすいところです。Simplicity は、先ほども少し触れたように、充実した機能（カスタマイズとウィジェット）が付いています。しかも、ほとんどの機能をマウス操作で設定できるので、初心者でも簡単です。</p>
<p>これがほかのテーマの場合だと、プログラムを改造しなければカスタマイズできない場合も少なくありません。プログラムを改造するということは、PHP言語のプログラミングを理解していないと、カスタマイズができないということです。</p>
<p>そもそもプログラミングが理解できないと、プログラムを触るというのは、かなりハードルが高い方法です。カスタマイズがマウス操作で簡単にできるというのは、初心者でなくてもありがたい仕様ではないでしょうか。</p>
<p>このように、Simplicity はシンプルなテーマだからこそ、カスタマイズが簡単に行えるようになっています。</p>
<h3>おすすめ理由４：SEO対策が施されている</h3>
<p>おすすめ理由の４つ目は、SEO対策が施されているところです。この場合の対策とは、旧来からの技術的なものです。したがって、テーマを Simplicityに入れ替えただけで、検索で上位に表示されるものではありません。なぜなら、現在の検索エンジンは内容を重視するからです。</p>
<p>しかし、内容が良く出来ていれば、Simplicity に入れ替えるだけで上位に表示されることも多いようです。きれいにHTMLタグが書かれるとか、検索エンジンに好まれるホームページの構造になっているといった、技術的なSEO対策がしっかりできているからです。</p>
<p>したがって、文章の出来が良い場合は、Simplicity を使用することでSEO効果がより高まるとお考えください。どうやら、シンプルだからこそ検索エンジンに好まれ、SEO対策でも効果があると言えるようですね。</p>
<h3>おすすめ理由５：サポートが充実</h3>
<p>おすすめ理由の５つ目は、サポートが充実しているところです。無料のテーマ、つまりフリーソフトということですので、一般的にはサポートが期待できないと思われる方は多いでしょう。しかし、無料のテーマでありながら、Simplicity はとてもサポートが充実しています。</p>
<p>なぜなら、公式サイトでのユーザーによる情報交換が、そのままサポート情報として利用できるからです。使い方やカスタマイズの仕方がよくわかるし、作者の方も頻繁にコメントされています。下手なメーカーよりも、よほど充実したサポートが受けられるんじゃないでしょうか。</p>
<p>過去のやり取りを検索すれば、生の声がそのままFAQになっている感じで、たいていの問題は解決すると思いますよ。もちろん質問することもできますから、情報が見つからなかった場合でも解決の糸口をつかむことができます。</p>
<p>このように、シンプルなテーマだからこそ、いろんな方がアイディアを出して、より良いものになるようにしています。それが、充実したサポートとして機能するわけなんです。</p>
<h3>おすすめ理由６：子テーマが使用できる</h3>
<p>おすすめ理由の６つ目は、子テーマが使用できるところです。子テーマというのは、カスタマイズしたプログラムや設定を間接的に適用するやり方です。テーマ本体を直接カスタマイズすると、アップデートした際に上書きされてしまって、すべて初期状態に戻ってしまうんです。</p>
<p>しかし、子テーマが使えればテーマ本体をアップデートによって上書きしても、カスタマイズデータが残るので、設定をやり直す必要がないんです。ちなみに、子テーマはすべてのテーマで使えるわけではなく、テーマによっては利用できない仕様の場合もあります。</p>
<p>Simplicity は子テーマが使える仕様なので、とても便利なんですね。つまり、子テーマが使用できると、アップデートが非常にシンプルになるわけです。</p>
<h3>おすすめ理由７：動作が早い</h3>
<p>おすすめ理由の７つ目は、動作が早いところです。あらゆる部分がシンプルに作られているからだと思うんですが、動作が早いんですよ。もうちょっと厳密な言い方をすると、反応がとても機敏なんです。これはもちろん、ホームページの表示が早いということです。</p>
<p>つまり、ユーザーを待たせないということなんですね。これは何を意味するのかというと、集客力を大きく高められる可能性があります。おそらくデザインよりも、アクセスがあってからサイトが表示されるまでの時間の方が、集客力への影響が大きいでしょう。</p>
<p>なぜなら、ユーザーは待たされる（一般的には時間にして４秒程度）と、イライラしてよそへ移ってしまうことが多いからです。現在の検索エンジンは、ユーザーに役立つことを最優先しますので、技術的SEOとしてとらえると、決して軽視できない部分ではないでしょうか。</p>
<p>このように、テーマがシンプルだと動きが早くなり、ユーザーを待たせないばかりか、検索順位に対しても好影響を与えると言えるでしょう。</p>
<h2>まとめ：テーマ選びに迷ったら、シンプルなものにしましょう。</h2>
<p>いかがでしたか？</p>
<p>私がおすすめするWordPressのシンプルなテーマ、Simplicity をご紹介しました。シンプルである、初心者から上級者まで対応できる、カスタマイズがしやすい、SEO対策が施されている、サポートが充実、子テーマが使用できる、動作が早い、などのおすすめ理由がありました。</p>
<p>WordPressのテーマ選びのポイントは、自分が気に入ることよりも、閲覧者が気に入ることです。なぜなら、閲覧者に満足してもらうことで、集客につなげたいからです。したがって、WordPressで集客したいのであれば、閲覧者にとって有益なテーマを選ぶようにすべきでしょう。</p>
<p>すると、結果的に内容を目立たせることを最優先にしている、シンプルなデザインのテーマに行きつくわけです。それを無料で実現できるのが、Simplicity です。もちろん他にも素晴らしいテーマはありますが、なるべくシンプルなものに落ち着いていただければ幸いです。</p>
<p>以上、「WordPressのシンプルなテーマ、おすすめはこれです！」と題して紹介しました。</p>
<p>※ Simplicity のダウンロードはこちらからできます。</p>
<div class="blog-card external-blog-card blog-card-thumbnail-right blog-card-wide cf"><div class="blog-card-thumbnail"><a href="https://wp-simplicity.com/" class="blog-card-thumbnail-link" target="_blank"><img src="https://hprs1.com/wp-content/uploads/simplicity-cache/7183f3692da296da4ede1d25e5a91233.jpg" alt="" class="blog-card-thumb-image" height="100" width="100" /></a></div><div class="blog-card-content"><div class="blog-card-title"><a href="https://wp-simplicity.com/" class="blog-card-title-link" target="_blank">Simplicity</a></div><div class="blog-card-excerpt">内部SEO施策済みのシンプルな無料Wordpressテーマを公開しています。初心者でも出来る限り分かりやすく使えるように作成しました。</div></div><div class="blog-card-footer"><div class="blog-card-site"><span class="blog-card-favicon"><img src="//www.google.com/s2/favicons?domain=wp-simplicity.com" class="blog-card-favicon-img" alt="" width="16" height="16" /></span>wp-simplicity.com</div><div class="blog-card-hatebu"><a href="//b.hatena.ne.jp/entry/https://wp-simplicity.com/" target="_blank" rel="nofollow"><img src="//b.hatena.ne.jp/entry/image/https://wp-simplicity.com/" alt="" /></a></div></div></div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>WordPress テーマの変更と削除の方法とは？</title>
		<link>https://hprs1.com/wordpress-te-ma-henkou-sakujo/</link>
		
		<dc:creator><![CDATA[Websolve]]></dc:creator>
		<pubDate>Mon, 27 Feb 2017 01:00:20 +0000</pubDate>
				<category><![CDATA[WordPressのテーマ]]></category>
		<category><![CDATA[デザイン]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[テーマ]]></category>
		<category><![CDATA[インストール]]></category>
		<guid isPermaLink="false">http://hprs1.com/?p=4060</guid>

					<description><![CDATA[WordPressテーマの変更と削除の方法について説明します。読者対象は、ワードプレスを別のテーマに変えたい方や、使わなくなったテーマを削除したい方です。やり方さえわかれば、とても簡単に操作できることがよくわかります。 ...]]></description>
										<content:encoded><![CDATA[<p><em>WordPress</em><strong>テーマの変更と削除</strong>の方法について説明します。読者対象は、ワードプレスを別のテーマに変えたい方や、使わなくなったテーマを削除したい方です。やり方さえわかれば、とても簡単に操作できることがよくわかります。</p>
<h2>WordPress テーマの変更と削除の方法を知る意味とは？</h2>
<p>このページに来られたということは、「WordPressのテーマの、変更と削除の方法を知りたい<span class="italic">!</span>」と思われたということですよね。テーマのインストール方法を説明しているページは多いですが、変更や削除について詳しく説明しているページは少ないですから。</p>
<p>ところで、WordPressテーマの変更と削除の方法を知りたいということは、複数のテーマをすでにインストールしているか、これからそうしたいという方だと思います。つまり、テーマを比較して最適なものを選ぼうとされていますよね。</p>
<p>ただし、テーマは正確に操作しないとトラブルを引き起こすかもしれないので、手順を守ることがとても重要です。そこで、正しいWordPressテーマの変更と削除の方法を詳しく解説しますが、初心者の方でも失敗することがないように、端折ることなくできるだけ細かく説明しました。</p>
<h2>WordPress テーマの変更と削除の方法を完全解説<span class="italic">!</span></h2>
<p>それでは、WordPress テーマの変更と削除の方法を詳しく解説していきましょう。</p>
<ul>
<li><a href="#part1">テーマのインストール方法とは？</a></li>
<li><a href="#part2">テーマの変更方法は？</a></li>
<li><a href="#part3">テーマの削除方法は？</a></li>
<li><a href="#part4">テーマの変更と削除を応用すると便利です。</a></li>
</ul>
<h3 id="part1">テーマのインストール方法とは？</h3>
<p>最初にテーマのインストール方法を確認します。なぜなら、テーマを変更する場合は、あらかじめ試したいものを複数インストールしておく必要があるからです。また、テーマの削除については、現在無効のもの（［有効化］のボタンがあるもの。）だけが可能です。</p>
<p>つまり削除するためには、いったん別のテーマを有効にする必要があるので、やはりあらかじめテーマをインストールしておく必要があるんです。テーマのインストール方法については、以下のページをご覧ください。（もちろん、作業が終わっている方は読み飛ばしてください。）</p>
<div class="blog-card internal-blog-card blog-card-thumbnail-right blog-card-wide cf"><div class="blog-card-thumbnail"><a href="https://hprs1.com/wordpress-te-ma-insuto-ru/" class="blog-card-thumbnail-link"><img width="100" height="100" src="https://hprs1.com/wp-content/uploads/theme-install-100x100.jpg" class="blog-card-thumb-image wp-post-image" alt="" srcset="https://hprs1.com/wp-content/uploads/theme-install-100x100.jpg 100w, https://hprs1.com/wp-content/uploads/theme-install-150x150.jpg 150w" sizes="(max-width: 100px) 100vw, 100px" /></a></div><div class="blog-card-content"><div class="blog-card-title"><a href="https://hprs1.com/wordpress-te-ma-insuto-ru/" class="blog-card-title-link">WordPress テーマのインストール、確実な方法とは？</a></div><div class="blog-card-excerpt">WordPressテーマのインストール方法を説明します。読者対象は、テーマのインストール方法を詳しく知りたい方です。テーマはWordPressのデザインや動作に大きく影響しますので、失敗しないインストール方法をご紹介しています。</div></div><div class="blog-card-footer"><div class="blog-card-site"><span class="blog-card-favicon"><img src="//www.google.com/s2/favicons?domain=hprs1.com" class="blog-card-favicon-img" alt="" width="16" height="16" /></span>hprs1.com</div><div class="blog-card-hatebu"><a href="//b.hatena.ne.jp/entry/https://hprs1.com/wordpress-te-ma-insuto-ru/" rel="nofollow"><img src="//b.hatena.ne.jp/entry/image/https://hprs1.com/wordpress-te-ma-insuto-ru/" alt="" /></a></div></div></div>
<h3 id="part2">テーマの変更方法は？</h3>
<p>まずはテーマの変更方法です。これはとても簡単で、インストールしてあるテーマを有効化するだけです。実際に操作すると、新しいテーマが有効化されると同時に現在のテーマが無効化されます。具体的には以下の手順になります。</p>
<ol class="list-high">
<li>［外観］をポイントし［テーマ］をクリック。<br />
<img loading="lazy" decoding="async" class="size-full wp-image-4061 aligncenter" src="https://hprs1.com/wp-content/uploads/wp-theme-install1.jpg" alt="外観 テーマ" width="321" height="208" srcset="https://hprs1.com/wp-content/uploads/wp-theme-install1.jpg 321w, https://hprs1.com/wp-content/uploads/wp-theme-install1-300x194.jpg 300w, https://hprs1.com/wp-content/uploads/wp-theme-install1-320x207.jpg 320w" sizes="auto, (max-width: 321px) 100vw, 321px" /></li>
<li>「インストール済みテーマ」が表示されるので、一覧から変更したいテーマを確認する。<br />
<img loading="lazy" decoding="async" class="size-full wp-image-4132 aligncenter" src="https://hprs1.com/wp-content/uploads/wp-theme-ichiran.jpg" alt="インストール済みテーマの一覧" width="600" height="319" srcset="https://hprs1.com/wp-content/uploads/wp-theme-ichiran.jpg 600w, https://hprs1.com/wp-content/uploads/wp-theme-ichiran-300x160.jpg 300w, https://hprs1.com/wp-content/uploads/wp-theme-ichiran-320x170.jpg 320w" sizes="auto, (max-width: 600px) 100vw, 600px" /></li>
<li>変更したいテーマをポイントする。<br />
<img loading="lazy" decoding="async" class="size-full wp-image-4068 aligncenter" src="https://hprs1.com/wp-content/uploads/wp-theme-install8.jpg" alt="インストール済みテーマ" width="335" height="272" srcset="https://hprs1.com/wp-content/uploads/wp-theme-install8.jpg 335w, https://hprs1.com/wp-content/uploads/wp-theme-install8-300x244.jpg 300w, https://hprs1.com/wp-content/uploads/wp-theme-install8-320x260.jpg 320w" sizes="auto, (max-width: 335px) 100vw, 335px" /></li>
<li>下側中央にある［有効化］をクリックする。</li>
</ol>
<p>これでテーマの変更が完了しました。以前のテーマが不要になった場合は、続いてテーマの削除を行ってください。</p>
<h3 id="part3">テーマの削除方法は？</h3>
<p>続いてテーマの削除方法ですが、やり方はわかるととても簡単です。一見すると、どこにも削除ボタンが見当たらないので困っている方も多いと思いますが、「テーマの詳細」を表示することで削除できるようなっていますよ。具体的には以下の手順になります。</p>
<ol class="list-high">
<li>［外観］をポイントし［テーマ］をクリック。<br />
<img loading="lazy" decoding="async" class="size-full wp-image-4061 aligncenter" src="https://hprs1.com/wp-content/uploads/wp-theme-install1.jpg" alt="外観 テーマ" width="321" height="208" srcset="https://hprs1.com/wp-content/uploads/wp-theme-install1.jpg 321w, https://hprs1.com/wp-content/uploads/wp-theme-install1-300x194.jpg 300w, https://hprs1.com/wp-content/uploads/wp-theme-install1-320x207.jpg 320w" sizes="auto, (max-width: 321px) 100vw, 321px" /></li>
<li>「インストール済みテーマ」が表示されるので、一覧から削除したいテーマを確認する。<br />
<img loading="lazy" decoding="async" class="size-full wp-image-4132 aligncenter" src="https://hprs1.com/wp-content/uploads/wp-theme-ichiran.jpg" alt="インストール済みテーマの一覧" width="600" height="319" srcset="https://hprs1.com/wp-content/uploads/wp-theme-ichiran.jpg 600w, https://hprs1.com/wp-content/uploads/wp-theme-ichiran-300x160.jpg 300w, https://hprs1.com/wp-content/uploads/wp-theme-ichiran-320x170.jpg 320w" sizes="auto, (max-width: 600px) 100vw, 600px" /></li>
<li>削除したいテーマをポイントする。<br />
<img loading="lazy" decoding="async" class="size-full wp-image-4068 aligncenter" src="https://hprs1.com/wp-content/uploads/wp-theme-install8.jpg" alt="インストール済みテーマ" width="335" height="272" srcset="https://hprs1.com/wp-content/uploads/wp-theme-install8.jpg 335w, https://hprs1.com/wp-content/uploads/wp-theme-install8-300x244.jpg 300w, https://hprs1.com/wp-content/uploads/wp-theme-install8-320x260.jpg 320w" sizes="auto, (max-width: 335px) 100vw, 335px" /></li>
<li>中央に表示されている［テーマの詳細］をクリックすると、テーマの詳細が表示される。<br />
<img loading="lazy" decoding="async" class="size-full wp-image-4133 aligncenter" src="https://hprs1.com/wp-content/uploads/wp-theme-syousai1.jpg" alt="テーマの詳細" width="600" height="312" srcset="https://hprs1.com/wp-content/uploads/wp-theme-syousai1.jpg 600w, https://hprs1.com/wp-content/uploads/wp-theme-syousai1-300x156.jpg 300w, https://hprs1.com/wp-content/uploads/wp-theme-syousai1-320x166.jpg 320w" sizes="auto, (max-width: 600px) 100vw, 600px" /></li>
<li>右下にある［削除］をクリックし、［OK］をクリック。<br />
<img loading="lazy" decoding="async" class="size-full wp-image-4134 aligncenter" src="https://hprs1.com/wp-content/uploads/wp-theme-syousai2.jpg" alt="テーマの詳細 削除" width="292" height="129" /></li>
</ol>
<p>これでテーマが削除できました。削除方法がややわかりにくくなっているのは、おそらく簡単に削除できないようにしているんだろうと思います。というのも、テーマはインストールしてあっても害があるわけではないので、消すことによるデメリットの方が大きいという判断なんでしょうね。</p>
<h3 id="part4">テーマの変更と削除を応用すると便利です。</h3>
<p>テーマの変更と削除を応用すると、便利なことができます。それは、使ってみたいテーマがいくつかあって、どれにしようか迷っているときです。候補のテーマをすべてインストールして、次々と有効化を繰り返すことでテーマを着せ替えていきます。</p>
<p>使い勝手やデザインを繰り返し試した後で使いたいテーマが決まったら、そのテーマを有効化して残りのいらないテーマを削除するんです。そうすれば、まるで洋服屋さんで次々と試着するような感覚でテーマを選ぶことができますよ。（いらないものを残し続けるのもいやですからね。）</p>
<p>このように、テーマを着せ替えて試した後に、いらないものを消すというのがテーマの変更と削除の上手な使い方ではないでしょうか。</p>
<h2>まとめ：変更と削除は、テーマの決定に役立ちます。</h2>
<p>いかがでしたか？</p>
<p>WordPressテーマの変更方法と削除方法について説明しました。最初にテーマをインストールしておいて、使いたいテーマの有効化ボタンをクリックするだけで切り替えができました。削除についてはテーマの詳細から簡単に行うことができましたね。</p>
<p>また、繰り返しになりますが、テーマの切り替え機能をうまく使うことで、比較検討が非常にしやすくなっています。削除も慣れれば簡単です。これらは、最適なテーマを見つけ出すことに非常に適した機能であることが、おわかりいただけると思います。</p>
<p>テーマの変更と削除はやり方がわかるととても簡単なんですが、あまりにも簡単すぎるためなのか、明確なやり方が示されていないですよね。だから、「本当にこれでいいのかな？」と思ってしまう方も多いだろうと思ったので、このように説明させてもらいました。</p>
<p>以上、「WordPress テーマの変更と削除の方法とは？」と題して説明しました。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>WordPress テーマのインストール、確実な方法とは？</title>
		<link>https://hprs1.com/wordpress-te-ma-insuto-ru/</link>
		
		<dc:creator><![CDATA[Websolve]]></dc:creator>
		<pubDate>Wed, 22 Feb 2017 01:00:05 +0000</pubDate>
				<category><![CDATA[WordPressのテーマ]]></category>
		<category><![CDATA[デザイン]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[テーマ]]></category>
		<category><![CDATA[インストール]]></category>
		<guid isPermaLink="false">http://hprs1.com/?p=3989</guid>

					<description><![CDATA[WordPressテーマのインストール方法を説明します。読者対象は、テーマのインストール方法を詳しく知りたい方です。テーマはWordPressのデザインや動作に大きく影響しますので、失敗しないインストール方法をご紹介して...]]></description>
										<content:encoded><![CDATA[<p><em>WordPress</em><strong>テーマのインストール方法</strong>を説明します。読者対象は、テーマのインストール方法を詳しく知りたい方です。テーマはWordPressのデザインや動作に大きく影響しますので、失敗しないインストール方法をご紹介しています。</p>
<h2>なぜ、WordPress テーマのインストールが重要なのか？</h2>
<p>WordPressはテーマとセットで動作するので、正しくインストールできないと不安定になりかねません。あなたも、「テーマのインストールは、自分の知っているやり方で問題ないんだろうか？」と疑問を持たれたために、このページをご覧になっているのではないでしょうか。</p>
<p>そこで、確実にインストールして安定して動くように、手順を説明しました。ちょっと不安かもしれませんが、手順を守ればとても簡単ですから安心して試してください。なお、確実な方法を詳しく説明したつもりですが、重要なインストールなので、丁寧かつ慎重に行ってくださいね。</p>
<h2>WordPress テーマのインストールのポイント。</h2>
<p>それでは、WordPressテーマのインストール方法を説明します。大きく３つの手順なので、決して難しくはありませんよ。</p>
<h3>テーマの入手とインストールの方法。</h3>
<p>WordPress用のテーマをインストールするためには、テーマを入手する必要があります。２種類の方法で入手できるので、インストールの方法をａとｂの２通り紹介しました。</p>
<h4>ａ．WordPressの操作画面から入手</h4>
<p>まず、以下の手順でテーマを扱う画面を開きます。</p>
<ol class="list-high">
<li>外観をポイントし、テーマをクリック。<br />
<img loading="lazy" decoding="async" class="size-full wp-image-4061 aligncenter" src="https://hprs1.com/wp-content/uploads/wp-theme-install1.jpg" alt="外観 テーマ" width="321" height="208" srcset="https://hprs1.com/wp-content/uploads/wp-theme-install1.jpg 321w, https://hprs1.com/wp-content/uploads/wp-theme-install1-300x194.jpg 300w, https://hprs1.com/wp-content/uploads/wp-theme-install1-320x207.jpg 320w" sizes="auto, (max-width: 321px) 100vw, 321px" /></li>
<li>画面の上方にある［新規追加］をクリック。<br />
<img loading="lazy" decoding="async" class="size-full wp-image-4062 aligncenter" src="https://hprs1.com/wp-content/uploads/wp-theme-install2.jpg" alt="テーマ 新規追加" width="518" height="153" srcset="https://hprs1.com/wp-content/uploads/wp-theme-install2.jpg 518w, https://hprs1.com/wp-content/uploads/wp-theme-install2-300x89.jpg 300w, https://hprs1.com/wp-content/uploads/wp-theme-install2-320x95.jpg 320w" sizes="auto, (max-width: 518px) 100vw, 518px" /></li>
<li>『注目』のテーマが一覧表示されているので、気に入るものを探す。『人気』や『最新』の切り替えもできるので、いろいろ試してみる。すでに決まっているのであれば、［テーマを検索］のテキストボックスで名前を入力して検索する。<br />
<img loading="lazy" decoding="async" class="size-full wp-image-4063 aligncenter" src="https://hprs1.com/wp-content/uploads/wp-theme-install3.jpg" alt="テーマを追加" width="600" height="323" srcset="https://hprs1.com/wp-content/uploads/wp-theme-install3.jpg 600w, https://hprs1.com/wp-content/uploads/wp-theme-install3-300x162.jpg 300w, https://hprs1.com/wp-content/uploads/wp-theme-install3-320x172.jpg 320w" sizes="auto, (max-width: 600px) 100vw, 600px" /></li>
<li>テーマをマウスでポイントすると、真ん中に［詳細＆プレビュー］が、下の方に［インストール］と［プレビュー］が表示されるので、［インストール］をクリックします（ちなみに［プレビュー］をクリックするとテーマを有効化した状態を確認できますよ）。<br />
<img loading="lazy" decoding="async" class="size-full wp-image-4065 aligncenter" src="https://hprs1.com/wp-content/uploads/wp-theme-install5.jpg" alt="テーマのインストール" width="342" height="279" srcset="https://hprs1.com/wp-content/uploads/wp-theme-install5.jpg 342w, https://hprs1.com/wp-content/uploads/wp-theme-install5-300x245.jpg 300w, https://hprs1.com/wp-content/uploads/wp-theme-install5-320x261.jpg 320w" sizes="auto, (max-width: 342px) 100vw, 342px" /></li>
<li>これでテーマがインストールできました。<br />
<img loading="lazy" decoding="async" class="size-full wp-image-4067 aligncenter" src="https://hprs1.com/wp-content/uploads/wp-theme-install6.jpg" alt="テーマインストール完了" width="335" height="272" srcset="https://hprs1.com/wp-content/uploads/wp-theme-install6.jpg 335w, https://hprs1.com/wp-content/uploads/wp-theme-install6-300x244.jpg 300w, https://hprs1.com/wp-content/uploads/wp-theme-install6-320x260.jpg 320w" sizes="auto, (max-width: 335px) 100vw, 335px" /></li>
</ol>
<h4>ｂ．テーマ配布サイトから入手</h4>
<p>テーマの作者やテーマを集めているサイトから直接入手する場合は、そのサイトで ZIP形式のテーマファイルをダウンロードします。先ほどの「ａ．WordPressの操作画面から入手」の手順を参考にして「テーマを追加」の画面を表示し、［テーマのアップロード］をクリックします。</p>
<p><img loading="lazy" decoding="async" class="size-full wp-image-4064 aligncenter" src="https://hprs1.com/wp-content/uploads/wp-theme-install4.jpg" alt="テーマのアップロード" width="600" height="190" srcset="https://hprs1.com/wp-content/uploads/wp-theme-install4.jpg 600w, https://hprs1.com/wp-content/uploads/wp-theme-install4-300x95.jpg 300w, https://hprs1.com/wp-content/uploads/wp-theme-install4-320x101.jpg 320w" sizes="auto, (max-width: 600px) 100vw, 600px" /></p>
<p>参照ボタンをクリックして ZIP形式のテーマファイルを指定します（このとき ZIPファイルは展開しないでそのままにしておきます）。［今すぐインストール］をクリックするとしばらくして完了画面が表示されます。これでテーマがインストールできました。</p>
<p><img loading="lazy" decoding="async" class="size-full wp-image-4066 aligncenter" src="https://hprs1.com/wp-content/uploads/wp-theme-install7.jpg" alt="ZIP形式のテーマのインストール完了" width="600" height="127" srcset="https://hprs1.com/wp-content/uploads/wp-theme-install7.jpg 600w, https://hprs1.com/wp-content/uploads/wp-theme-install7-300x64.jpg 300w, https://hprs1.com/wp-content/uploads/wp-theme-install7-320x68.jpg 320w" sizes="auto, (max-width: 600px) 100vw, 600px" /></p>
<h3>テーマを有効化する。</h3>
<p>テーマはインストールした後に、有効化して初めて使うことができます。これは、複数のテーマをインストールしておいて、切り替えができるようになっているからです。インストール直後すぐに［有効化］をクリックすればその瞬間からテーマが適用されます。</p>
<p>いったん『テーマ』の画面に戻った場合は、目当てのテーマをポイントします。すると、下の方に［有効化］のボタンが表示されるのでクリックします。</p>
<p><img loading="lazy" decoding="async" class="size-full wp-image-4068 aligncenter" src="https://hprs1.com/wp-content/uploads/wp-theme-install8.jpg" alt="インストール済みテーマ" width="335" height="272" srcset="https://hprs1.com/wp-content/uploads/wp-theme-install8.jpg 335w, https://hprs1.com/wp-content/uploads/wp-theme-install8-300x244.jpg 300w, https://hprs1.com/wp-content/uploads/wp-theme-install8-320x260.jpg 320w" sizes="auto, (max-width: 335px) 100vw, 335px" /></p>
<h3>インストールしたテーマの動作を確認する。</h3>
<p>インストールしたテーマは早速デザインや動きを確認してください。表示するには、左上にあるサイト名をポイントして［サイトを表示］をクリックします。ちなみに、右クリックして別のタブに表示すれば常時表示しておくことができますよ。</p>
<p><img loading="lazy" decoding="async" class="size-full wp-image-4069 aligncenter" src="https://hprs1.com/wp-content/uploads/wp-site-hyouji.jpg" alt="サイトを表示" width="195" height="105" /></p>
<p>使ってみてもし気に食わなかったら、別のテーマを有効化して切り替えてください。なお、テーマは必ずどれか一つを有効化する必要があるので、最低一つはテーマがインストールされた状態になりますよ。</p>
<h2>まとめ</h2>
<p>いかがでしたか？</p>
<p>WordPressテーマのインストールについて、確実な方法を説明しました。テーマのインストール、有効化、動作確認と大きく３つの手順がありました。また、テーマの入手方法の違いで、aとbの２種類に分けて説明しましたので、ほとんどの場合にお役に立つのではないかと思います。</p>
<p>テーマのインストールはとても簡単なので、当初あまり説明がいらないような気がしていました。しかし、初めての方だと、実はかなり難しいのではないかと思い、詳しく説明しました。このページがお役に立てば幸いです。</p>
<p>参考：テーマの変更・削除については、以下で詳しく説明しています。</p>
<div class="blog-card internal-blog-card blog-card-thumbnail-right blog-card-wide cf"><div class="blog-card-thumbnail"><a href="https://hprs1.com/wordpress-te-ma-henkou-sakujo/" class="blog-card-thumbnail-link"><img width="100" height="100" src="https://hprs1.com/wp-content/uploads/wp-henkou-sakujo-100x100.jpg" class="blog-card-thumb-image wp-post-image" alt="" srcset="https://hprs1.com/wp-content/uploads/wp-henkou-sakujo-100x100.jpg 100w, https://hprs1.com/wp-content/uploads/wp-henkou-sakujo-150x150.jpg 150w" sizes="(max-width: 100px) 100vw, 100px" /></a></div><div class="blog-card-content"><div class="blog-card-title"><a href="https://hprs1.com/wordpress-te-ma-henkou-sakujo/" class="blog-card-title-link">WordPress テーマの変更と削除の方法とは？</a></div><div class="blog-card-excerpt">WordPressテーマの変更と削除の方法について説明します。読者対象は、ワードプレスを別のテーマに変えたい方や、使わなくなったテーマを削除したい方です。やり方さえわかれば、とても簡単に操作できることがよくわかります。</div></div><div class="blog-card-footer"><div class="blog-card-site"><span class="blog-card-favicon"><img src="//www.google.com/s2/favicons?domain=hprs1.com" class="blog-card-favicon-img" alt="" width="16" height="16" /></span>hprs1.com</div><div class="blog-card-hatebu"><a href="//b.hatena.ne.jp/entry/https://hprs1.com/wordpress-te-ma-henkou-sakujo/" rel="nofollow"><img src="//b.hatena.ne.jp/entry/image/https://hprs1.com/wordpress-te-ma-henkou-sakujo/" alt="" /></a></div></div></div>
<p>以上、「WordPress テーマのインストール、確実な方法とは？」と題して説明しました。</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
