[保存版]誰でも簡単WordPress!テーマ選びから初期設定、おすすめのプラグインはこれを見れば大丈夫!

lgf01a201405301400

WordPressの初期設定って、初めてインストールした方からしたらものすごくわかりにくいと思うんです( ; ω; )

実際にわたしがそうでしたからわかります(><)

どこから手を付けたらよいものかと。。。

探り探り設定していきました。

なので今回は、初心者の方でもわかりやすいように、テーマ選びから初期設定までをまとめてみました。

少しでもお役に立てたら嬉しいです(*^o^*)

尚、すでにサーバーにWordPressのインストールが完了し、ログインをした状態から説明していきますね♪

スポンサーリンク
トップページ 広告W336×280

目次

初期設定の手順

ログインをすると、このような画面が表示されます。

スクリーンショット_2016-04-02_18_16_39

「サイトをカスタマイズ」をクリックしましょう。

スクリーンショット 2016-04-02 18.32.05

まずはテーマを決めましょう!!

ここから、いろいろな設定をしていくわけですが、まずは肝心な「テーマ」を決めましょう。

試しに図の赤枠「現在のテーマ」の右側にある「変更」をクリックしてみてください。

スクリーンショット_2016-04-02_18_33_47

初めの段階から、2つほどテーマが選べるようになっています。

そのどちらかを選んでも良いのですが、WordPressには他にもたくさんのテーマが存在するので、他にも探してみたい方はこちらの手順で探すことが出来ます。

「バツ」で閉じます。

スクリーンショット_2016-04-02_19_25_06

「ダッシュボード」→「テーマ」をクリックします。

スクリーンショット_2016-04-02_19_27_45 (1)

ここで、「新規追加」をクリックすると、新しいテーマを追加することが出来ます。

スクリーンショット_2016-04-03_23_28_54

「テーマ」の選択基準・おすすめの「テーマ」

WordPressのテーマは、本当にたくさんの種類があります。

国内のテーマだけではなく、海外のテーマからも選べるので、本当に迷うと思います。

ひとつひとつのテーマをよく見て、ご自身のサイトのイメージに合ったものを選んで決めると良いとは思いますが、わたしが個人的に使用していて、且つオススメなテーマは「Simplicity」です。

名前の通りシンプルな構造で、クリックするだけで簡単にいろいろな設定が出来てしまうのが初心者のわたしにとってはとてもありがたいです。

また、使用している方が多いので、コピペするだけで簡単にカスタマイズが出来る方法などもネット上にたくさん公開されていて、わたしもその恩恵にあやかりました。

(他力本願で申し訳ありません)

参考にさせていただいた皆様、本当にありがとうございましたm(__)m

そしてもうひとつすごいのが、サイトを検索の上位に表示させるためのSEO対策がすでに施されているということです!!

もちろん、検索上位になるためには、良い記事を書いていくことを忘れてはいけませんが、最初から設定されていると、なんだか心強いですよね♪( ´▽`)

ここまで揃っててインストールが無料なんて、本当に嬉しい限りのテーマです。

ダウンロード、初期設定方法などはすべてこちらに載っています(*^o^*)

Simplicity 公式サイト

他にも、SEO対策が施されていて、使いやすいことで有名&人気のあるテーマはこちらです。

無料WordPressテーマ STINGER

Xeory-無料WordPressテーマ-

ただ、わたし自身気にはなっているものの、まだ使用したことがないので比較することが出来ず・・・

申し訳ありませんm(__)m

でも、サイトを増やすとしたら使用してみたいな〜と思っているテーマではあります(*^^*)

ということで、テーマ選びで迷ったら、

  • 無料であること!!

  • すでにSEO対策がされていること!!

  • カスタマイズ方法が豊富に検索出来ること!!

この3つを基準にして選ぶと良いのでは?と個人的には思います(=゚ω゚=)

テーマの変更について

余談ですが、テーマを設定して、しばらくして変更することは可能です。

ただ、既に何らかのカスタマイズを行ったり、訪れてくれる方がいる状態で変更してしまうと、サイトの表示が崩れたり、「違うサイトかな?」と思われてしまう場合もあるようです。

なので、一度決めたらあまり変更しないようにしましょう。

テーマ選びは大切なサイト作成の第一歩なので、ゆっくり考えたうえで決めて良いと思います(*^^*)

カスタマイズ

何のテーマをインストールしたかにもよりますが、主に「管理メニュー」→「カスタマイズ」からいろいろと設定が出来ます。

スクリーンショット_2016-04-02_20_59_42

ここでは、「Simplicity」をインストールしたとして説明していきます。

他のテーマだと異なる部分もあると思いますので、もし異なる場合はそのテーマごとの設定を参考にした方が確実です♪( ´▽`)

サイト基本情報とサイトアイコンの設定

最初に、サイトの基本情報を設定してしまいましょう。

「サイトのタイトル」「キャッチフレーズ」を入力すると、右側に反映してプレビューがチェック出来るので、確認しながら決められます♪

スクリーンショット_2016-04-02_21_27_32

サイトアイコンとは、サイトの顔になる部分です。

例えば、YouTubeだったらこの部分のことですね(=゚ω゚=)

スクリーンショット_2016-04-02_21_36_14

アイコンを作成するには、こちらのサイトがおすすめです♪

Squarespace Logo

無料で簡単に自分だけのアイコンやロゴが作成出来てしまうので、便利なサイトです(*^o^*)

もしトリミングしたかったら、こちらのアプリがおすすめです♪

(わたしも愛用中です♥)

トリミングはもちろん、モザイクをかけたり大事なところに矢印を書いたり、赤枠で囲んだり、いろいろと使えて便利です\(^o^)/

[Macの方はこちらから]

無料アプリ「Skitch」

[Windowsの方はこちらから]

Skitch for Windows の使い方 | Evernote

記事を書くうえで、画像の編集ってどうしても必要になってくると思うので、これじゃなくてもひとつは編集用のツールを持ってた方が便利です(*^o^*)

色の設定

文字どおり、ここではサイト内の「色」を設定することが出来ます。

必要に応じて、その都度設定していけば良いと思います。

いまはヘッダーの設定を先に行ってしまいたいので、「ヘッダー内側背景色」を「クリア」にしておくとわかりやすいのでしておきましょう。

スクリーンショット 2016-04-03 1.47.23

ヘッダーの設定

Simplicityでは、ヘッダーの「タイトル」をロゴに変更することが出来ます。

また、ヘッダー部分をデフォルトより長く設定することが出来ます。

これはお好みなので、やりたい方は以下の手順を参考にしてください。

「タイトル」をロゴに設定する

「ヘッダーの高さ」は200に設定しましょう。

スクリーンショット 2016-04-02 23.45.37

ロゴとなる画像を作成し、アップロードします。

先ほどのサイト以外にも、無料でロゴが作れるサイトがあります。

こちらも参考にしてみてください(=゚ω゚=)

○○になれちゃう?!作るだけでも楽しい!無料でアバター・ロゴが作れちゃうサイト14選
自分のブログを少しでも自分らしくするために、アバターやロゴを加えてみましょう♫雰囲気がガラッと変わります\(^o^)/今回、わたしが実際に作...

「ロゴを画像にする」にチェックを入れればOKです。

スクリーンショット_2016-04-02_23_46_24

ヘッダーを長く設定する

「画像を選択」をクリックし、アップロードするだけでOKです♪

スクリーンショット_2016-04-03_1_03_01

ヘッダーを長くした際は、こちらにもチェックを入れておきましょう。

スクリーンショット 2016-04-03 1.16.10

グローバルナビとは、サイトのこの部分を表します。

スクリーンショット_2016-04-03_1_24_21

ヘッダーを長くしたのにこの部分だけ短くなってしまうとカッコ悪いので、長さを合わせてあげる必要があります(=゚ω゚=)

モバイルのヘッダーの高さ・画像を設定

モバイルには、サイトを公開してすぐは表示されないと思うので、表示されたら実際に確認しつつこちらから設定すると良いと思います。

スクリーンショット 2016-04-03 1.33.17

背景画像

わたしは個人的に設定してませんが、設定したい場合は設定しましょう。

スキン

これは、シンプルなサイト内を少し変えたいな〜というときに使用する機能です。

ひとつひとつ実際に選択し、どのように変化するか見てみると良いです。

ちなみにわたしは「選択しない」のままですが、通常コードなど書かなきゃ出来ないカスタマイズを、このようにクリックひとつで可能にしていただけているのがありがたいです。

しばらく使用してみて、デフォルトの設定に飽きてきたら使用しても良いかもしれません(*^^*)

レイアウト(全体・リスト)

こちらは、ある程度記事が増えてきて、サイトが育ってから設定すれば良いと思います。

記事がないうちは、どのようなレイアウトになるのかわからないと思うので(=゚ω゚)

参考までに、ところどころわたし個人的な設定・説明を書いていきますね!!

(主に、わたし自身が設定する際に戸惑った箇所など)

表示

パソコンとモバイルの表示の仕方を選択出来ます。

わたしは、同じ見え方が嫌なのでこのような設定にしています。

実際にチェックを入れるとどんな感じになるのかわかるので、好みで選択しましょう。

スクリーンショット 2016-04-03 2.11.09

グローバルナビを表示させるには、まず作成する必要があります。

記事が増えてきたらで良いと思いますので、作成すると良いです(=゚ω゚=)

Simplicityでサイトにグローバルナビを作成・表示する方法
初心者でも、簡単にカッコイイスタイルのブログが作れると大人気のテーマ、Simplicity。わたしも使わせていただいております。ブログ初心者...

「モバイルメニュー」

モバイル表示での「メニュー一覧」の表示を選択出来ます。

スクリーンショット 2016-04-03 2.17.52

ちなみに、スマホをお持ちでない方は参考にしてください。

アコーディオンはこんな感じ。

スクリーンショット 2016-04-05 13.58.40

アコーディオンツリーはこんな感じ。

スクリーンショット 2016-04-05 13.59.59

モーダルタイプはこんな感じ。

スクリーンショット 2016-04-05 14.01.25

スライドインシリーズは、こちらのボタンが上に表示されるか下に表示されるか選べます。

スクリーンショット_2016-04-05_14_05_34

また、メニュー表示の色もライトかダークか選べます。

スクリーンショット 2016-04-05 14.08.58

スマホをお持ちであれば、実際に見ながらお好みで設定すると良いと思います(=゚ω゚=)

サイト公開してすぐはスマホに表示されない場合もあるので、表示されてからお好きなものに設定しましょう♪

見え方が変わる!

どれを選択するかによって、サイトの見え方が変わります。

実際に表示を見ながら設定を考えてみましょう。

最初はこのままでOK!!

スクリーンショット 2016-04-03 2.22.20

モバイル表示の1ページの最大投稿数

見る側にとって見やすい数を考えると良いです。

わたしは10(デフォルトのまま)に設定しています。

「固定ページ」

このサイトでいうと、「お問い合わせ」「サイトマップ」が固定ページとなります。

後々必要になると思いますので、最初にチェックを入れておきましょう。

「サムネイル」

記事が表示されたときに一緒に表示されるこの部分のことです。

ちなみに、サムネイルは親指という意味で、親指ほどの画像表示と覚えると良いかもです。

スクリーンショット_2016-04-03_3_56_15

これも、お好みのカタチに設定しましょう。

スクリーンショット 2016-04-03 2.30.26

抜粋文字数

このように、記事中で抜粋された文字が表示される機能のことです。

スクリーンショット_2016-04-03_13_43_40

デフォルトのままで良いと思います。

スクリーンショット 2016-04-03 2.35.12

サイドバー

サイトの(主に)右側にある、この部分です。

スクリーンショット_2016-04-03_13_45_07

ここの設定を行うことが出来ます。

スクリーンショット 2016-04-03 2.36.53

検索ボックス

この部分です。

スクリーンショット 2016-04-03 13.39.12

ページネーションタイプ

記事下に表示されるこの部分のことです。

スクリーンショット 2016-04-03 4.02.13

フッター

ここの部分のことです。

スクリーンショット_2016-04-03_13_47_26

これらの設置が出来ます。

スクリーンショット 2016-04-03 2.39.10

メニューボタン

この部分のことです。

スクリーンショット 2016-04-03 2.14.51

特にいじらなくてOKです。

スクリーンショット 2016-04-05 14.19.10

トップへ戻るボタン

いじらなくてもOKですが、好きな画像を簡単に設定することが出来るのでおすすめです(=゚ω゚=)

こちらの記事を参考にどうぞ(=゚ω゚=)

3分で出来る!?Simplicityで「トップへ戻るボタン」を自由にカスタマイズする方法が楽しい!
わたしは、テーマSimplicityを使用してこの記事を書いています。 このテーマは、初心者にも簡単にカスタマイズ出来るように...

スクリーンショット 2016-04-03 2.43.51

レイアウト(投稿・固定ページ)

こちらも、お好みの設定にはなりますが、ちょこちょこ説明を入れていきます。

パソコン・スマホの文字サイズ

どの大きさが見やすいかいろいろと試して設定すると良いと思います。

わたしはこちらの設定にしています。

スクリーンショット 2016-04-03 3.04.03

スクリーンショット 2016-04-03 3.04.24

ここはこんな感じです。

モバイルで<br>を表示するかどうかは任意ですが、設定を変えてモバイルでみたところ、あまり大きな変化はありませんでした。

スクリーンショット 2016-04-03 3.09.24

更新が新しいと見てもらいやすいかな?と思って、更新日も表示してます。

スクリーンショット 2016-04-03 3.11.05

カテゴリ情報

チェックを入れると、このように記事ごとにカテゴリーが表示されて見やすいです。

(カテゴリー分けをしている場合に限ります)

スクリーンショット_2016-04-03_4_11_38

記事ごとにカテゴリーを分けると見やすいのでおすすめです(=゚ω゚=)

Simplicityでカテゴリーを作成して記事を分類する方法
皆さん、記事を書いた後、カテゴリー分けってしていますか?記事がたまってきてからやろうとすると、結構時間も掛かって面倒くさい作業になってしまい...

タグ情報

チェックを入れると、記事下に設定したタグが表示されます。

何も設定していないと、表示されません。

スクリーンショット_2016-04-03_4_14_49

タグは、投稿ページからも設定出来ますし、「ダッシュボード」→「投稿」→「タグ」からも設定できます。

スクリーンショット 2016-04-05 15.06.20

スクリーンショット 2016-04-03 3.13.22

ID登録

ここは、あるなら登録しておいた方が良いですが、任意です。

編集リンク

チェックを入れておくと、記事を見たあとすぐ編集出来るので、ラクです。

スクリーンショット_2016-04-03_17_22_21

スクリーンショット 2016-04-03 3.18.48

アイキャッチ画像

アイキャッチについては、こちらの記事を参考にどうぞ(=゚ω゚)ノ

Simplicityで記事にアイキャッチ画像を設定・表示する方法
わたしは、ブログを始めるまで「アイキャッチ画像」という言葉自体を知らなかったので、この言葉を調べたり、表示のさせ方に辿り着くまでが大変でした...

わたしは、大体記事の1番最初に画像を入れるのですが、アイキャッチ画像はそれとは別の画像にしたいときがあるので、ここには両方共チェックは入れていません。

ここもお好みなので、慣れてきたら決めると良いかと思います♪

スクリーンショット 2016-04-03 3.32.25

引用部分

引用とは、この部分のことを言います。

例:

スクリーンショット 2016-04-03 4.26.41

これは広げてある設定ですが、記事を書きながら、お好みで設定しましょう。

スクリーンショット 2016-04-03 4.22.48

関連記事

チェックを入れると、本文の下に表示されます。

表示の仕方は実際に見ながら決めた方が良いです。

関連付けは、記事がある程度たまってきたら設定すれば良いと思います(=゚ω゚)ノ

スクリーンショット 2016-04-03 4.29.58

ちなみに、カテゴリーとタグの違いについては、こちらの記事を参考にどうぞ!

ブログの「カテゴリ」と「タグ」の違いとは?

パンくずリスト

記事に表示されるこの部分のことを言います。

スクリーンショット_2016-04-03_13_57_21

このサイトでいうと、「お問い合わせ」「サイトマップ」が固定ページですが、そこには特に表示させなくて良いと思っているので、チェックは付けていません。

スクリーンショット 2016-04-03 4.38.45

画像

ここもお好みですが、わたしはこのような感じで設定しています。

スクリーンショット 2016-04-03 14.05.21

スクリーンショット 2016-04-03 14.05.56

画像効果

設定すると、記事中の画像がカッコよく表示されるのでおすすめです!!

これを知らなかったとき、コードを入力して枠を作ったりしてました。。。

ちなみに、そのときの記事がこちら♥

勉強にはなったので、興味のある方はどうぞ(*^o^*)

超簡単!Simplicityで記事中の画像に枠を付けて見やすくする方法
わたしは、テーマSimplicityを使用してこの記事を書いています。 今回、どうしても記事中の画像に枠を付けたくて、方法を探...

この機能がクリックひとつで出来てしまうのは、本当に嬉しいです(*^o^*)

スクリーンショット 2016-04-03 14.07.03

SEO

ここは、サイトを検索上位に表示させるためのとっても大切な部分です。

なので、ご自身でしっかりと調べて設定しましょう。

ここを設定しておくと、同じ名前のサイトがあってもわかりやすいです♪

スクリーンショット 2016-04-03 14.13.15

メタディスクリプション・メタキーワード

「メタとはなんぞや?」

思いますよね(>_<)

詳しく書いたこちらの記事を参考にどうぞ!

meta description タグの役割と最適化方法

わたしは特に設定してなかったのですが。。。

この記事を書いていて思いました。

きちんと設定した方が良さそうですね!!!

SNS

こちらもお好みで設定しましょう。

わたしは、個人的にそこまでSNSで拡散はしていません。

恐らくした方が良いのだとは思いますが。。。

なんだかんだまだ設定出来ていません(=゚ω゚=;)

それぞれのIDを持っているなら、入力しましょう!!

アクセス解析(Analyticsなど)

この部分については、こちらの記事を参考にどうぞ(=゚ω゚)ノ

IDをコピペ!SimplicityでGoogle Search Console・Google Analyticsに登録する方法が簡単過ぎる!
わたしは、初心者でも簡単にカスタマイズ出来て使いやすいと評判のテーマ、「Simplicity」を使用してこのサイトを運営しております。使えば...

また、一緒に読んでいただきたいのがこちらです。

HTMLファイルをサーバーにアップロード!サイトをGoogle Search Consoleに登録する手順
せっかく頑張って作成したサイトやホームページも、検索エンジンに見付けてもらえなかったら意味がありませんし、悲しいですよね( ; _ ; )き...
Google Search Consoleにサイトマップを追加する方法
前回、Google Search Consoleに自分のサイトを登録しました。今回、そこにサイトマップを追加したので、その手順をご説明します...

広告

ここも大事な部分ですので、きちんと設定しましょう。

こちらの記事を参考にしてください。

初心者必見!Simplicityの広告ウィジェットについて説明するよ![サイズの違いや広告の種類]
わたしは、ブログを始めるのもサイトを作成するのも、ましてやWordPressを使用するのも初めてで、正直わからないことだらけからスタートして...

Simplicityでは、記事ごとに広告の表示・非表示が設定出来ます。

ここには、自分が広告を表示したくない記事のIDを入力しましょう。

使用していて分かるのですが、本当に便利な機能です!!

スクリーンショット 2016-04-03 16.15.28

ブログカード

Simplicityの魅力のひとつに、ブログカード機能というものがあります。

詳しくはこちらを参考にしてください♪( ´▽`)

Simplicityで初心者でも簡単に記事中にブログカードを設置する方法
わたしは、わいひら様の開発したテーマ、「Simplicity」を使用してこのブログを書いています。初心者にも簡単なカスタマイズ方法が盛り沢山...

コメント

ここは特にはいじっておりません。

テーマ内テキスト

ここも、お好みで設定しましょう(*^o^*)

わたしはほぼデフォルトの設定です。

管理画面

この2つはあとからチェックした箇所ですが、便利です。

メディア

記事中にメディアをアップロードする際、「メディアを追加」をクリックすると、今までアップロードしたすべての記事の画像が表示され、そこから画像を選択したり、新たに追加出来たりします。

ここにチェックを入れると、その記事ごとにアップロードされた画像のみを表示するようになります。

アラート

設定しておくと、間違って「公開」をクリックしてしまってもギリギリセーフで公開しないで済むので、最初のうちは設定しておくと良いかもしれません。

わたしは、最初この機能があることを知らずに設定しておらず、間違って公開してしまったことがありましたので。泣

スクリーンショット 2016-04-03 16.54.17

その他

ここに画像を設定すれば、スマホでアプリのように表示されます。

カッコイイのでおすすめです(=゚ω゚=)

スクリーンショット 2016-04-03 17.09.45

スクリーンショット 2016-04-03 17.09.57

メニュー

ここは、設定すると表示されます。

ある程度記事がたまってきてから設定すれば良いと思います。

スクリーンショット 2016-04-03 17.17.03

ウィジェット

こちらの設定は、先ほどの広告の設定の記事を参考にしてください♪

フロントページの表示

このサイトでいうと「お問い合わせ」「サイトマップ」が表示されているのが固定ページとなります。

ここでは、サイトを表示したときに1番最初に表示されるページを選択出来ます。

固定ページにプロフィールを設定している方などは、固定ページにチェックした方が良いかもしれませんね(=゚ω゚=)

スクリーンショット 2016-04-03 17.31.42

設定

記事を書く前にしておくべき大切な設定です。

こちらの記事を参考に設定しましょう!!

WordPress始めたら!まずは「設定」を理解しよう
わたしは、WordPressを使用してこのサイトを運営しています。今でこそなんとなく理解してきたものの、やはりまだまだわかってない部分がたく...

プラグイン

ここで、いよいよWordPressを使用する醍醐味である「プラグイン」をインストールしていきましょう\(*^o^*)/

「ダッシュボード」→「プラグイン」→「インストール済みプラグイン」をクリックしましょう。

スクリーンショット 2016-04-04 2.37.35

そうすると、すでに最初から入っているプラグインが表示されます。

こちらの記事を参考に、必要なものを「有効化」していきましょう(=゚ω゚)ノ

[保存版]WordPress始めるなら!インストールして良かった無料おすすめプラグイン特集
「WordPress」でサイトを運営するメリットのひとつは、やっぱり便利なプラグインが無料でインストール出来て、それにより「出来ることの可能...

サイドバーにプロフィールを表示

これは任意ですが、サイトにプロフィールを表示するのとしないのとでは、サイトのイメージが変わります。

もちろん、最初はあなたのことを全く知らない方が偶然あなたの記事に辿り着きます。

大部分は、必要な情報だけ手に入ればそのままサイトを閉じます。

でも、もし少しでも記事を読んだ方が「書いた人」に興味を持ったとき、初めてプロフィールの存在が役に立ちます。

もしもあなた自身に興味を持ってくれたら、その後も記事を読んでもらえる可能性が高くなります。

なので、プロフィールの設定も最初にすると良いかもしれません。

Simplicityでサイドバーにプロフィールを表示する方法
今回は、ずっとやりたかったことをやりました。 それは、サイトのサイドバーに自分のプロフィールを表示させるということです(o^^o) サイトに...

まとめ

ここまで設定出来たら、あとはひたすら記事を書いていき、サイトの質を高めましょう!!

記事を書きながら、その都度わからないこと、これはどうやるんだろう?という疑問、調べても調べてもどうしてもわからない「壁」にぶつかると思います。

そのときにまたこのサイトを開いてくれるように、わたしもお勉強頑張ります(*^o^*)

あなたがどのような目的でWordPressを始めたかはわかりませんが、わたしも初心者なりにここまで書けるようにはなりました!!

なので、一緒に頑張りましょう♪

この記事を読んでいただき、どうもありがとうございました!!

またお会いしましょう(=゚ω゚=)

[保存版]誰でも簡単WordPress!テーマ選びから初期設定、おすすめのプラグインはこれを見れば大丈夫!
この記事をお届けした
ポントピの最新ニュース情報を、
いいねしてチェックしよう!
スポンサーリンク
トップページ 広告W336×280
トップページ 広告W336×280

役に立ったらからシェア♪

気になるからフォロー♪

トップへ戻る