WordPressの始め方や設定、カスタマイズまでのまとめ

独自ドメインの取得方法、WordPressを始めるためのおすすめのレンタルサーバーの比較、WordPressの設置などWordPressの始め方、カスタマイズ、プラグインまでの記事をまとめてみましたので参考にしてみて下さい。

ちなみにこのブログはWordPressのTwenty Twelveのテーマをカスタマイズして使っています。

初心者の方は難しそうだけど私にもできるかな？と思う方がほとんどだと思いますが、これはWordPressを始める方がみんな同じように思う事だと思いますし、私も不安がたくさんでした。

なので少しでも不安を払拭できるように全て図解で分かりやすく解説していきます。

スポンサーリンク

スマートフォン買取

独自ドメインを取得とレンタルサーバーの比較

ロリポップサーバーを利用する場合

エックスサーバーを利用する場合

WordPressを始める前の基礎知識編

最初にしておくべきWordPressの初期設定

WordPress記事投稿の方法と基礎

WordPressのカスタマイズの前にやっておく事

WordPressカスタマイズと表示速度の高速化

WordPressのカスタマイズを別記事でまとめてます。サンプルとして公式テーマTwenty Twelveを元にしたカスタマイズを１つ１つ紹介していきます。また表示速度を上げる対策もまとめてますので、参考にして下さい。

便利なプラグイン一覧

WordPressにはたくさんの便利なプラグインがあります。最初はどれを利用していいのか非常に迷うと思いますので、それぞれの特徴を書いたまとめページを作成しましたので、こちらを読んでみる事をおすすめします。
⇒WordPressでおすすめのプラグインまとめ　

サイトの収益化と集客、アクセスアップ関連

無料ブログからの引越し方法

サーバーの移転方法

その他

アフィリエイトで稼ぐ方法まとめ→

おすすめのASP

⇒もしもアフィリエイトの登録や使い方

サイトのアクセスアップや稼ぐためにおすすめの無料レポート

個人的にアクセスアップや検索上位表示に役立った無料レポートです。登録にメールアドレスが必要ですが、フリーメールでもOKです。

【無料】キーワード選定に特化した無料教材＆動画「キーワード無双」

【期間限定無料】一億円ブロガーの電子書籍「自由な人生を手に入れる教科書」

“WordPressの始め方や設定、カスタマイズまでのまとめ”に79件のコメントがあります。

※入院生活から復活しました！！またできるだけ返信しますのでよろしくお願いします(^^) コメントをキャンセル

しげぞう 投稿作成者2017年5月23日 10:07 AM
無知の鞭様
コメントありがとうございます。最近はiPadでもスマホでもサイト作りは可能です。昔よりもだいぶ使いやすくなってきているようです。私自身はパソコンメインですけど、コメントの返信とか簡単な作業はスマホなどでする事もあります。
無知の鞭 2017年5月22日 11:33 PM
すげー！と感心しながらすこし拝見させていただきました。
最近、アフリエイトに興味がありまして、とてもわかりやい解説ありがとうございます！
サイト内では語られてなかったのが、媒体についてなんですけど(どこかで言ってたかもしれませんが)
iPadでは論外ということですか？やっぱパソコンがないと、サイト作りもまず出来ないということですかね？
シャスタの方のクリガイ 2017年5月19日 4:03 PM
すみません！５月12日に質問した「シャスタの方のクリガイ」です。
お礼が一週間も遅くなり、大変失礼いたしました！
＞２つのサイトの同時進行というのは思った以上にハード
そう思います。無料のブログを3つ作っていますが、ひとつは完全に放置になっています（汗
＞後からやっぱり別々にすれば良かったと思い直す事が多かったです。
やはり・・・。
今からすでに「どう考えても、一緒にするのは無理がある」と感じているので、やっぱりもうひとつドメイン取得しようと思います。
ご丁寧にお答えくださり、ありがとうございましました。
まだテーマを入れていないので、参考にさせてもらいながら頑張ります！
しげぞう 投稿作成者2017年5月12日 12:23 PM
シャスタの方のクリガイ様
コメントありがとうございます。サブドメインとかは新しいサイトを作る時に迷う部分ですよね。
以前ロリポップをメインで使っていた時には幾つかサブドメインでサイトを作った事はありましたが、どれも長続きしませんでしたし、後からやっぱり別々にすれば良かったと思い直す事が多かったです。現在サブドメインのサイトは１つも残ってません（笑）
サブドメインとサブディレクトリーとかは１つのブランドを構築する時に役に立ちます。例えばYahooとか関連サービスがいくつもあるので「Yahooオークション」とか「Yahoo知恵袋」とかサブドメインで運営してブランドの構築的な感じになっている部分ですし、それぞれのサイトの評価も集約するような意味もあるかもしれません（どれくらい効果があるかは疑問ですけど）。
ドメインとか会社名などでブランディングするならYahooのようなやり方は１つ参考になると思いますが、私の場合はドメイン、それからサイトのタイトルの両方それぞれ狙っているキーワードを入れたい派なのでサブドメインなどを使ってサイトを増やす感じが何となく合ってなくて辞めました。
それから２つのサイトの同時進行というのは思った以上にハードです。私も以前それで何度も挫折しています（笑）個人的には最初はいいんですけど20記事も行かないうちにもう無理ってなる事が多かったです。なので、しばらくは１つのサイトに集中してもう１つのサイト用の記事は下書きで書きためておくのがおすすめです。
個人的には追加する予定の記事タイトルを書き出してみて20記事以上余裕で書けそうなら新しいサイトを作ります（サイト作成前に記事タイトルとかカテゴリーをある程度分けてます）。
記事が溜まって実際に新しいサイト作ろうってなった時にどうするか再度考えてみても良いと思います。
WordPressにはサブドメインなど複数のサイト運営には便利なマルチサイト機能というのもありますので、マルチサイト機能についても調べてみる事をおすすめします。私はほとんど使った事ないので詳しくないです、すみません！！
シャスタの方のクリガイ 2017年5月11日 4:45 PM
はじめまして！
いつもいつも参考にさせていただいております。
しげぞうさんのサイトのおかげでエックスサーバーを契約、ワードプレスの設定をしています。
丁寧な手順と、それをする理由が書いてあるので、本当に助かっています。ありがとうございます！
質問なのですが、毛色の全く違うサイト（ブログ）を2つ作りたいと考えています。
サブドメインを作れば、新規にドメインを取得しなくとも簡単に実現できるらしいとのこと。
しかし、「あまりおすすめしません」と書いているサイトもチラホラあります。
エックスサーバーのドメインは更新料が1500円だし、節約したい気持ちもあったり・・・。
全く違うジャンルならば違うドメインで運営するのがスジかなぁ、とは思うのですが、ふたつのドメインの管理やブログの更新はややこしくないでしょうか？
宜しくお願いいたします。
匿名 2017年4月21日 5:27 PM
プラグインを停止したらなおりました。
ありがとうございます。
しげぞう 投稿作成者2017年4月21日 10:24 AM
匿名様
コメントありがとうございます。一度別のブラウザで確認してみる事をおすすめします。スマホでもOKです。違うブラウザとかスマホで反映されているのであれば原因はおそらく以前のデータ（キャッシュ）が残っているだけかと思います。
また、キャッシュ系のプラグインなどを一時的に停止して確認してみるのも1度試してみて下さい。
匿名 2017年4月20日 9:32 PM
どこに書いたらいい科わからないのでここで・・・。
ログインしてるときはカスタマイズしたようになってるのですが、ログアウトしてから見ると反映されていません。
原因はわかりますか？
ノコノコ 2017年4月6日 10:45 AM
しげぞう様、いつも丁寧で分かりやすい対応ありがとうございます。
サイドバーのタイトル部分も「h3」だったんですね。勉強不足で申し訳ありません。
子テーマのスタイルシートの「h2」と「h3」の部分に「.entry-content」を付け加えることで無事ウィジェット部分の装飾を消すことができました。
どうもありがとうございました。
これからもしげぞう様のブログを参考にさせていただきますので宜しくお願い致します。
しげぞう 投稿作成者2017年4月5日 6:06 PM
ノコノコ様
返信ありがとうございます。良かった、やはりプラグイン。原因が分かって良かったです。それで質問の件ですが、記事本文で使う見出し（h2とかh3）などがありますが、サイドバーのタイトル部分も実は「h3」なんです。そのため、CSSでh3の装飾をすると本文のh3もサイドバータイトルのh3も装飾されます。
それらを区別するためにそれぞれid名とかclass名があります。例えばサイドバータイトルの場合は「h3 class=”widget-title”」という感じになってますので、サイドバータイトルの装飾に関しては
```
.widget-title {
  font-size:15px;
  color:#fff;
}
```
みたいな感じでCSSに記述します。それぞれid名かclass名があるのでそれで分ける感じです。
ちなみに本文中の見出し（h2とかh3）は「.entry-content h2」とか「.entry-content h3」でCSS書きます。
それと今回の余計な線はプラグインという事ですので、h3::after {display:none !important;}は必要ないと思いますので、これはCSSから削除しておいて下さい。
ノコノコ 2017年4月3日 8:44 AM
しげぞう様、返答ありがとうございます。
アドバイスいただいたプラグインを全部停止してみたところ、simple custom css というプラグインに書いていたh2、h3、h4タグが原因だとわかりました。ありがとうございます。
このプラグインを停止してtwentytwelveの子テーマのスタイルシートにh3タグのcssを書き直したのですが、今度はサイドバーのタイトル全てと下にある関連と共有の部分にh3タグの装飾が入ってしまいます。
h3::after {display:none !important;}をスタイルシートに書き込んでみたのですが装飾の左側の濃い青色の部分が消えただけでした。
もしよければ原因を教えていただけませんか？
しげぞう 投稿作成者2017年4月3日 6:09 AM
ノコノコ様
返信ありがとうございます。えっと、これはもしかするとプラグインの影響があるかもしれません。プラグインを一時的に全部停止してみると消えるやつかも？推測ですが。それで消えるならまた１つ１つプラグインを有効化していき、線がでるようになるプラグインを特定するのが良いと思います。
もしプラグインの影響でないとするならばCSSで消すという感じになります。
```
h3::after {
    display:none !important;
}
```
CSSに上記コードを追加すれば消えると思いますので、プラグイン対策で消えない場合にはこちらを追加してみて下さい。
ノコノコ 2017年3月31日 10:31 AM
しげぞう様
URLはこちらです。
よく見ると投稿ページの1番下の関連の部分にも見出しラインが入ってしまっているので、良ければそちらも併せて見ていただけますでしょうか。よろしくお願いいたします。
しげぞう 投稿作成者2017年3月30日 9:11 PM
ノコノコ様
コメントありがとうございます。推測ですけど見出しの装飾としてアンダーラインが入っている感じかな？と思います。どちらにしても実際にブログを見て開発者ツールでチェックしてみないと分からないので、もし良かったらブログのURLを教えて下さい。コメント公開時にはURLは削除しますので、どうぞよろしくお願いします。
ノコノコ 2017年3月30日 11:18 AM
いつもブログ拝見させていただいてます。
どの記事も詳細に解説しているのでとても助かっております。
お忙しいところ恐縮ですが、どうしてもわからないことがあるので質問させてください。
私はTwentytwelvedeでブログをやっているのですが、記事の全ページの途中に、見出しのラインが1本入ってしまって試行錯誤してもそのラインを消すことができません。ブラウザの開発者ツールで要素を検証してみたのですが、そのラインには、h2,h3,h4タグが含まれているようでした。
ですが、そこから先がどうにもわからないのでご教示お願いできますでしょうか？
しげぞう 投稿作成者2017年1月16日 12:42 PM
sweetapple様
コメントありがとうございます。原因が何かは分かりませんが、一度原因を切り分けるために別のブラウザでも確認してもらえますか？また、最初にその問題のヘッダー画像を設置した時も「外観」⇒「ヘッダー」画面で編集をされたのでしょうか？
以上2点、それからもし良かったらサイトのURLも教えて頂けると助かります。どうぞよろしくお願い致します。
sweetapple 2017年1月14日 9:41 PM
お忙しいとおもいますが、すみません、力を貸していただけたら幸いです。突然の質問で恐縮ですが、自分では解決できず途方に暮れてしまい、このサイトをみて、質問したいとおもいメール致しました。
●質問したいこと
wordpress 外観→「ヘッダー」画面を開くとカスタマイズ中と表示がでて、勝手に画面が切り替わります。ヘッダー画面のままに設定する方法を教えてください。
★前提・実現したいことと、発生している問題・エラーメッセージ
wordpressでサイトを作っています。
フロントページの画面のヘッダーの写真が大きすぎて（記事は下にスクロールしないとみえてきません。）、その写真自体を小さくしたいと思いました。
そこで、外観→「ヘッダー」画面を開いて、編集できないかなと思いましたが、ヘッダーをクリックしたら、「カスタマイズ中」と表示がでて、二秒ほどで画面が、元のサイトのフロントページに切り替わります。編集ができないのです。
ヘッダー画面で編集したいので、勝手にフロントページに切り替わらないようにするにはどうしたらいいかを知りたいです。
★補足情報
テーマはGraiffeです。プラグインもしています。
今入っているプラグを一旦全部停止にしても、同じ症状がでて、ヘッダーの編集ができません。他に何かしたら善処する策があれば、教えてください。
私は全くの初心者です。他に情報がたりなければ、それもおしえてくださると助かります。
しげぞう 投稿作成者2016年11月27日 11:08 AM
てんぷら様
コメントありがとうございます。自分が審査用に申請したURLでアクセスできるのか確認をしてみて下さい。また、違うブラウザでも同じように試してみて下さい、例えばスマホからとかでもOKです。まずはそれを確認してみて下さい。
てんぷら 2016年11月26日 12:31 PM
突然すみません、今アドセンスの審査を受けているのですが、よくある「サイトダウンになってる」という返事が来ました。
キャッシュを消す・クロームから申請することなど試してみましたがダメでした。
一度目はhttpから入れて入力、二度目は○○.comなど独自ドメインのみ入力してやりました。
ワードプレスでサイト、お名前ドットコムでドメインを取り、ロリポップでサーバー借りました。
ホスト設定などが間違っているのでしょうか。
DNS設定がだめなのでしょうか。
わかりにくい質問で申し訳ないですが、「サーバーダウン」で検索してもプレビュー画面を審査に通してしまったなどの内容しか出てこなかったので解決できず…。
自分の場合プレビュー画面で申請してはいないので、なにが原因なのか不明なのです。
もう三年くらい苦戦してるので今回こそ解決できるよう助言くださいませ。

▲TOP