<?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://3lbox.com/archives/tag/%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3/feed" rel="self" type="application/rss+xml" />
	<link>https://3lbox.com</link>
	<description>暇人による暇人のための漫画ブログ</description>
	<lastBuildDate>Tue, 03 Sep 2019 15:24:01 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9</generator>

<image>
	<url>https://3lbox.com/wp-content/uploads/2019/07/cropped-1ac1f61113141d7858858badbc588cd5-32x32.png</url>
	<title>【プラグイン】タグの記事一覧｜いちのへ日記</title>
	<link>https://3lbox.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>WordPressのサイトを整える方法</title>
		<link>https://3lbox.com/archives/1917</link>
					<comments>https://3lbox.com/archives/1917#respond</comments>
		
		<dc:creator><![CDATA[らずり]]></dc:creator>
		<pubDate>Tue, 03 Sep 2019 03:53:23 +0000</pubDate>
				<category><![CDATA[WordPressとブログ運営の話]]></category>
		<category><![CDATA[プラグイン]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[テーマ]]></category>
		<category><![CDATA[初期設定]]></category>
		<category><![CDATA[初心者]]></category>
		<guid isPermaLink="false">https://3lbox.com/?p=1917</guid>

					<description><![CDATA[前回は、WordPressをサーバーにインストールするところまでお話をしました。 進捗としては、まだWordPressにログインできるようになった程度かもしれませんが、今日はここからサイトのデザインの変更方法と、Word]]></description>
										<content:encoded><![CDATA[<p>前回は、WordPressをサーバーにインストールするところまでお話をしました。</p>
<p>進捗としては、まだWordPressにログインできるようになった程度かもしれませんが、今日はここからサイトのデザインの変更方法と、WordPressをいじる時に覚えておいた方がいいものの話をしていきたいと思います。</p>
<p>まだその記事読んでないよ〜って人は下からどうぞ</p>
<p>https://3lbox.com/archives/1917</p>
<p>できる限り長くならないように頑張りますが、是非最後までお付き合いください。</p>
<h2>WordPressの使い方 ~初歩編~</h2>
<p>「いやいや、そんな言われなくても知ってるって。」みたいな人は読み飛ばしていただいて大丈夫なんですが、まずはメニューの簡単な説明から。</p>
<img fetchpriority="high" decoding="async" class="aligncenter wp-image-1918 size-full" src="https://3lbox.com/wp-content/uploads/2019/09/981016f7825b653cf9392adcaf12ad6b.png" alt="" width="1499" height="1734" srcset="https://3lbox.com/wp-content/uploads/2019/09/981016f7825b653cf9392adcaf12ad6b.png 1499w, https://3lbox.com/wp-content/uploads/2019/09/981016f7825b653cf9392adcaf12ad6b-259x300.png 259w, https://3lbox.com/wp-content/uploads/2019/09/981016f7825b653cf9392adcaf12ad6b-768x888.png 768w, https://3lbox.com/wp-content/uploads/2019/09/981016f7825b653cf9392adcaf12ad6b-885x1024.png 885w, https://3lbox.com/wp-content/uploads/2019/09/981016f7825b653cf9392adcaf12ad6b.png 856w" sizes="(max-width: 1499px) 100vw, 1499px" />
<p>説明してないところは、多分WordPressを入れたての人には表示されてないと思いますが、それ以外のところはざっくりとこんな感じです。</p>
<p>それぞれのメニューをクリックしてもらうと、細かいメニューがクリックした文字の下に表示されます。</p>
<p>この辺は、一回クリックしてみて何が変更できるのかざっと確認してみてください。</p>
<h3>WordPressって結局何ができるの？</h3>
<p>さて、順番が前後しましたが、じゃぁ結局WordPressって何ができるの？って感じですよね。</p>
<p>ブログサービスならブログの更新、デザインの変更なんかができると思います。</p>
<p>ワードプレスもそれは同じ。</p>
<p>ただし、使い方によってはいくらでもデザインの幅は広がるし、コンテンツも増やすことができます。</p>
<p>いやいやそれって、CSSとかが使える人の話では？と思うかもしれません。</p>
<p>もちろんCSSを使える方が可能性は広がりますが、CSSのことを知らないど素人はWordPressは使えないのかって話になりますよね。</p>
<p>その時に重要になってくるのが「プラグイン」というものの存在です。</p>
<h3>プラグインってなぁに？</h3>
<p>それじゃぁ、プラグインってなんだって話ですが、プラグインとは拡張機能のことです。</p>
<p>先ほどの私のメニュー画面を見てもらいましたが、初期設定のままの人には無い項目がたくさんありましたよね。</p>
<p>これらは、デザインテンプレートを変更した影響もありますが、プラグインを追加しているかどうかでも変わります。</p>
<p>一番わかりやすい例でいうと、「お問い合わせ」というメニュー。</p>
<p>サイト運営をするには割と欠かせない存在ですが、実はこれはプラグインを追加しないと初期では存在しないんですよね。</p>
<p>つまり、一般的なブログサービスではシステムが存在していないと後から追加することは不可能ですが、WordPressではプラグインを利用して後からシステムを追加することができるのです。</p>
<p>ちなみにお問い合わせでは「<span style="font-size: 16px;">Contact Form 7</span>」というプラグインを入れています。</p>
<p>プラグインは、メニューのプラグインから追加することができます。</p>
<p>それでは試しに「<span style="font-size: 16px;">Contact Form 7</span>」を追加してみましょう。</p>
<p>まずはメニューの「プラグイン」をクリック。出てきた画面のプラグインという文字の横に「新規追加」のボタンがありますので押してください。</p>
<img decoding="async" class="aligncenter wp-image-1920 size-full" src="https://3lbox.com/wp-content/uploads/2019/09/ddecd34bfd90a6c6ae3aa1b99fba37ba.png" alt="" width="1466" height="240" srcset="https://3lbox.com/wp-content/uploads/2019/09/ddecd34bfd90a6c6ae3aa1b99fba37ba.png 1466w, https://3lbox.com/wp-content/uploads/2019/09/ddecd34bfd90a6c6ae3aa1b99fba37ba-300x49.png 300w, https://3lbox.com/wp-content/uploads/2019/09/ddecd34bfd90a6c6ae3aa1b99fba37ba-768x126.png 768w, https://3lbox.com/wp-content/uploads/2019/09/ddecd34bfd90a6c6ae3aa1b99fba37ba-1024x168.png 1024w, https://3lbox.com/wp-content/uploads/2019/09/ddecd34bfd90a6c6ae3aa1b99fba37ba.png 856w" sizes="(max-width: 1466px) 100vw, 1466px" />
<p>押したら、右端の方にキーワード検索をする場所があるので「<span style="font-size: 16px;">Contact Form 7</span>」と入力。</p>
<img decoding="async" class="aligncenter wp-image-1921 size-full" src="https://3lbox.com/wp-content/uploads/2019/09/b7a57d007ca7a6955fc7e014c0753614.png" alt="" width="2060" height="318" srcset="https://3lbox.com/wp-content/uploads/2019/09/b7a57d007ca7a6955fc7e014c0753614.png 2060w, https://3lbox.com/wp-content/uploads/2019/09/b7a57d007ca7a6955fc7e014c0753614-300x46.png 300w, https://3lbox.com/wp-content/uploads/2019/09/b7a57d007ca7a6955fc7e014c0753614-768x119.png 768w, https://3lbox.com/wp-content/uploads/2019/09/b7a57d007ca7a6955fc7e014c0753614-1024x158.png 1024w, https://3lbox.com/wp-content/uploads/2019/09/b7a57d007ca7a6955fc7e014c0753614.png 856w" sizes="(max-width: 2060px) 100vw, 2060px" />
<p>下のプラグインが出てきたら成功です。</p>
<img loading="lazy" decoding="async" class="aligncenter wp-image-1922 size-full" src="https://3lbox.com/wp-content/uploads/2019/09/735324719528034ac39cf98473135608.png" alt="" width="1038" height="554" srcset="https://3lbox.com/wp-content/uploads/2019/09/735324719528034ac39cf98473135608.png 1038w, https://3lbox.com/wp-content/uploads/2019/09/735324719528034ac39cf98473135608-300x160.png 300w, https://3lbox.com/wp-content/uploads/2019/09/735324719528034ac39cf98473135608-768x410.png 768w, https://3lbox.com/wp-content/uploads/2019/09/735324719528034ac39cf98473135608-1024x547.png 1024w, https://3lbox.com/wp-content/uploads/2019/09/735324719528034ac39cf98473135608.png 856w" sizes="auto, (max-width: 1038px) 100vw, 1038px" />
<p>そこからインストールのボタンを押し、完了したら「有効化」のボタンまで押しておきましょう。私は既に入れているのでちょっと画面が違います。ややこしかったらごめんなさい。</p>
<p>これで、メニューの欄に「お問い合わせ」が増えたと思います。</p>
<p>ここからまた設定をしていくんですが、「WordPress　<span style="font-size: 16px;">Contact Form 7　設定」で検索したらいくらでも設定方法は出てくるのでここでは割愛します。</span></p>
<p>こんな感じで、プラグインを入れて自分の使いたいシステムを追加していくのがWordPressです。</p>
<p>こんな機能があったらいいな、と思ったらまずはプラグインでできないかを調べてみるといいでしょう。</p>
<p>どうですか？</p>
<p>プラグインについて、なんとなく分かっていただけたでしょうか。</p>
<h3>入れておいた方が良いプラグイン</h3>
<p>最低限入れておいた方が良い、スパム対策やSEO対策のプラグインを紹介しておきます。</p>
<p>良ければ参考にしてください。これ以外は自分の作りたいサイトに合わせて追加してください。</p>
<ul>
<li><strong>Akismet Anti-Spam (アンチスパム)　</strong>-スパム対策</li>
<li><strong>All In One SEO Pack　</strong>-SEO対策</li>
<li><strong>Contact Form 7　</strong>-お問い合わせ作成</li>
</ul>
<p>設定の仕方に関しては、長くなるので各自でググってください。</p>
<h2>デザインを変更しよう</h2>
<p>さぁ、一番楽しいところです！！サイトのデザインを変更してみましょう！！</p>
<p>ここが決まれば80%は終わったようなもんでしょ！？</p>
<p>ブログサービスでは「テンプレート」と呼ぶものですが、WordPressでは「テーマ」と言います。</p>
<p>サイトのデザインは、「外観」メニューから「テーマ」をクリックで変更画面に行けます。</p>
<p>新規追加をすると、色々なテーマが表示されると思います。</p>
<p>気に入ったものがあれば、先ほどのプラグインと同様にインストールから有効化まで設定してしまいましょう。</p>
<p>自分のブログがどうなっているかを確認したい場合は、メニューの一番上、ダッシュボードのさらに上に自分のサイト名が表示されているはずです。</p>
<p>そこを押すと自分のサイトの現在のデザインが確認できます。</p>
<p>この中で自分にあったものが選べるなら、それが一番早いかもしれません。</p>
<p>が、正直一番楽しい時間だから是非自分で「WordPress　テーマ　おすすめ」とかで調べて欲しい。目が回るほどいろんなテーマがある。</p>
<h3>有料テーマと無料テーマ</h3>
<p>ちなみにテーマには無料のものと有料のものがあります。</p>
<p>無料のものでも特にデザインや使用に問題があるわけではありませんので、まずは無料テーマを使ってWordPressに慣れるので良いと思います。</p>
<p>有料テーマの違いは、SEO対策が既に組み込まれていることや、デザインが洗練されていること、そしてカスタマイズが簡単にできるように組まれていることなどです。</p>
<p>お金を払っているので、設定の仕方を細かく紹介してくれているところも多いです。</p>
<p>日本人が作ってくれたテーマならなお分かりやすい。</p>
<p>ちなみにこのブログは「<a href="https://jin-theme.com/">JIN</a>」という有料テーマを使用しています。</p>
<p>デモ一覧という項目を見てもらうとわかるんですが、同じテーマを使用しても、やろうと思えばこれだけ色々な見た目のサイトを作ることができます。</p>
<p>WordPressならなんでも出来ると言われる理由はこういうところにもあると思います。</p>
<h3>どんなサイトデザインにしたいのか</h3>
<p>とまぁ、テーマの話を少ししてきましたが、やはり一応は自分が作りたいサイトの大まかなイメージを頭においておくのが良いですね。闇雲に探すとキリがありません。</p>
<p>そこでお聞きします。</p>
<p>どんなサイトにしたいですか？</p>
<p>ブログみたいなサイト？<br />
ポートフォリオ代わりのサイト？<br />
ショップや企業のような営業用のサイト？</p>
<p>そういったイメージでサイトを考えると、トップページのイメージが違うと思います。</p>
<p>ちなみにこのサイトではブログ形式のサイトデザインに見えると思います。</p>
<p>デザインはこんな感じで組まれています。</p>
<img loading="lazy" decoding="async" class="aligncenter wp-image-1927 size-full" src="https://3lbox.com/wp-content/uploads/2019/09/43230a4ed926c49bed304f68ffc43053.png" alt="" width="1836" height="2312" srcset="https://3lbox.com/wp-content/uploads/2019/09/43230a4ed926c49bed304f68ffc43053.png 1836w, https://3lbox.com/wp-content/uploads/2019/09/43230a4ed926c49bed304f68ffc43053-238x300.png 238w, https://3lbox.com/wp-content/uploads/2019/09/43230a4ed926c49bed304f68ffc43053-768x967.png 768w, https://3lbox.com/wp-content/uploads/2019/09/43230a4ed926c49bed304f68ffc43053-813x1024.png 813w, https://3lbox.com/wp-content/uploads/2019/09/43230a4ed926c49bed304f68ffc43053.png 856w" sizes="auto, (max-width: 1836px) 100vw, 1836px" />
<p>このサイトがブログに見える一番の理由はトップページに2カラムのデザインを採用しているからです。</p>
<p>2カラムとは、メインコンテンツ(投稿した記事)の左右どちらかにサイドバーがあること。</p>
<p>3カラムだと、このサイドバーが左右に存在します。</p>
<p>これがカラムです。</p>
<p>1カラムのサイトはというと</p>
<img loading="lazy" decoding="async" class="aligncenter wp-image-1928 size-full" src="https://3lbox.com/wp-content/uploads/2019/09/8e3b9d0b8ea9edf473d842c54284d5ee.png" alt="" width="2346" height="2158" srcset="https://3lbox.com/wp-content/uploads/2019/09/8e3b9d0b8ea9edf473d842c54284d5ee.png 2346w, https://3lbox.com/wp-content/uploads/2019/09/8e3b9d0b8ea9edf473d842c54284d5ee-300x276.png 300w, https://3lbox.com/wp-content/uploads/2019/09/8e3b9d0b8ea9edf473d842c54284d5ee-768x706.png 768w, https://3lbox.com/wp-content/uploads/2019/09/8e3b9d0b8ea9edf473d842c54284d5ee-1024x942.png 1024w, https://3lbox.com/wp-content/uploads/2019/09/8e3b9d0b8ea9edf473d842c54284d5ee.png 856w" sizes="auto, (max-width: 2346px) 100vw, 2346px" />
<p>こんな感じですね。これは「<span id="PORTFOLIO" class="ez-toc-section"><a href="https://demo.gavick.com/wordpress/portfolio/" target="_blank" rel="noopener noreferrer">PORTFOLIO</a>」という無料のテーマです。</span></p>
<p>両脇にサイドバーがないので、これは1カラム表示です。</p>
<p>イメージが少し変わってきますよね。</p>
<p>これはポートフォリオを意識しているので、画像が大きく表示されています。</p>
<p>ポートフォリオにしたいなら、この他にもtumblerのようにいろんなサイズで自動配置してくれる「<a href="http://andersnoren.se/themes/hamilton/" target="_blank" rel="noopener noreferrer">Hamilton</a>」のような無料テーマもあります。</p>
<p>企業サイト風にしたいなら「<a href="https://lightning.nagoya/ja/" target="_blank" rel="noopener noreferrer">Lightning</a>」のようにコンテンツがトップページに固定されているイメージでしょうか。</p>
<p>色々なサイトのイメージがありますよね。</p>
<p>大抵のサイトはカラムの変更ができるはずですが、いじるのが難しいということであれば、テーマを探す時から「テーマ　2カラム」などで固定して検索してみてもいいかもしれません。</p>
<p>自分が目指す目標が決まっていると、探すときも動きやすいはずです。</p>
<p>一番簡単なのが、作りたいデザインのサイトが既に存在していてそのサイトがWordPressを使っているのであれば、同じテーマをインストールしてから色やヘッダー画像を変更して自分仕様にカスタマイズすることです。</p>
<p>分かりやすく自分の目指すデザインに近づけるはずです。</p>
<p>こういったことを考えながら、是非テーマを探してみてください。</p>
<h3>今日紹介したテーマと、有名なテーマ</h3>
<h4>無料テーマ</h4>
<ul>
<li><span id="PORTFOLIO" class="ez-toc-section"><a href="https://demo.gavick.com/wordpress/portfolio/" target="_blank" rel="noopener noreferrer">PORTFOLIO</a></span></li>
<li><a href="http://andersnoren.se/themes/hamilton/" target="_blank" rel="noopener noreferrer">Hamilton</a></li>
<li><a href="https://lightning.nagoya/ja/" target="_blank" rel="noopener noreferrer">Lightning</a></li>
<li><a href="https://wp-cocoon.com/" target="_blank" rel="noopener noreferrer">Cocoon</a></li>
<li><a href="https://wp-simplicity.com/downloads/downloads2/" target="_blank" rel="noopener noreferrer">Simplicity</a></li>
</ul>
<h4>有料テーマ</h4>
<ul>
<li><a href="https://jin-theme.com/" target="_blank" rel="noopener noreferrer">JIN</a></li>
<li><a href="https://saruwakakun.design/" target="_blank" rel="noopener noreferrer">SANGO</a></li>
<li><a href="https://wp-dp.com/wp015/" target="_blank" rel="noopener noreferrer">Grider</a></li>
<li><a href="https://demo-stork.open-cage.com/" target="_blank" rel="noopener noreferrer"><ruby>STORK</ruby></a></li>
</ul>
<p>テーマが決まったら、もうカスタマイズはそのテーマに合わせて行うしかありません。</p>
<p>初心者のうちは、「テーマ名」と「カスタマイズ方法」をGoogleに検索をかけて、たくさん情報が出てくるテーマを使うのが分かりやすいと思います。</p>
<p>デザインのカスタマイズは「外観」メニューから「カスタマイズ」へ進んでください。</p>
<h3>終わりに</h3>
<p>ということで、今日はプラグインの話とテーマの選び方についてお話してきました。</p>
<p>少し使えそうな気がしてきませんか？</p>
<p>ここまでくると、あとはどんどん触っていくしかありません。</p>
<p>記事を書いて、デザインを整えていってください。</p>
<p>ヘッダー画像を変えるだけでも自分のサイトになった！！って気持ちになると思いますよ！！</p>
<p>あ、あと！</p>
<p>絵描きさんや画像をたくさんアップロードする人で、サイトをSSL化(https:〜から始まるサイト)したい人がいたら、今のうちにやっておくことをお勧めします。</p>
<p>SSL化したらURLの前に「保護されていない通信」という表示が出なくなります。</p>
<p>別にいいや〜って人は良いんですが、ブログの記事が増えてきてからやろうと思うと、下手したら画像のURLを一枚ずつ書き直ししないといけなくなるので出来るだけ早いほうがいいです。やり方はぐぐってください。</p>
<p>と、最後にぶっこんでしまいましたが、後は楽しくやりましょう！！</p>
<p>一応ここまでで一旦終わるつもりですが、記事の書き方が分からない、固定ページの使い方は？メニューは？？？みたいな要望が出れば、それも少しずつ書いていこうと思います。</p>
<p>要望が出なければ書きませんからね！！！言ってね！！！！</p>
<p>ということで、今日はここまで！</p>
<p>最後までお付き合いいただきありがとうございました！！</p>
]]></content:encoded>
					
					<wfw:commentRss>https://3lbox.com/archives/1917/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
