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

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

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

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

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

スポンサーリンク

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

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

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

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

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

WordPress記事投稿の方法と基礎

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

TwentyTwelveカスタマイズ

WordPress高速化

おすすめプラグイン一覧

WordPressでのおすすめのプラグイン一覧ページです。各プラグインの簡単な解説はこちらの記事を読んでみてください。
WordPressでおすすめのプラグインまとめ 

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

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

サーバーの移転方法

その他

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

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

ブログの更新はこちらから

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

コメントの反映には時間がかかる場合があります。

内容に問題なければ、下記の「コメントを送信する」ボタンを押してください。

  1. サマー

    しげぞうさま

    ご相談したところ、変わっていました!ありがとうございます!!
    またどうぞ宜しくお願いいたします!!

  2. しげぞう 投稿作成者

    もつなべ様

    コメントありがとうございます。私は特に使ってないんですが探してみたらMedia Library Assistantとか良さそうな感じがしますね。どのような管理をするか?によるとは思うのですが、私の場合は面倒なので使うページ毎に画像の名前を同じにしてます。

    この使い方が良いのかどうかは疑問ですが、○○-1とか○○-2と連番で名前付けているので探す時に苦労することってあまりありません。

  3. もつなべ

    しげぞうさん、はじめまして!
    いつも参考にさせていただいています。
    作り始めたばかりのブログですが、画像を多く使うため、メディアでの管理がややこしいです。メディア管理のオススメプラグインがありましたら、是非教えてほしいです!

  4. しげぞう 投稿作成者

    くろねこ様

    コメントありがとうございます。どのテーマにしても子テーマ作成ができますし、少しでもカスタマイズするのであればこの子テーマは必須になります。カスタマイズは子テーマで行い、定期的なバックアップというが良いと思います。まずは子テーマからになりますが、テーマによって子テーマの作り方が違ったりする事があるので、「テーマ名 子テーマ」で検索してみるのがおすすめです。

    とりあえず子テーマについてはこちら。
    ⇒https://affiliate150.com/about-wordpress-theme

  5. くろねこ

    しげぞうさん、こんにちは!

    シーザーから引っ越した後、私はワードプレスでテーマを変更しようと思い、今「マテリアル」というテーマを使用しています。

    その際について、お聞きしたい事があります。
    マテリアルのデザインを少し弄りたく、HTMLやCSSを編集しようと思っているのですが、いじってしまってもいいのかと不安になりました。

    というのも、私は普通にワードプレスを始めたのではなく、シーザーからの引越しでワードプレスを始めたので、普通にいじってしまっていいのかなぁー……っと、不安になったしだいでありまして……。

    もちろんFTPソフトでバックアップはするつもりなので、もし変なんなっちゃったとしたら、復元するつもりです。

    この場で質問しても良いのかと悩んだのですが、どうしても聞きたかったので……申し訳ないです。

    長文、失礼しました。

  6. しげぞう 投稿作成者

    やまだ様

    コメントありがとうございます。自分のPCでWordPressの環境を作る事は可能だと思いますが、私もやった事はありません。やり方自体もよくわからなくて申し訳ないんですが、以下のサイトが参考になりそうです。

    https://nelog.jp/instant-wordpress

  7. やまだ

    初めまして。いつも拝見させていただいています。
    質問です。WordPressはどこでダウンロードできますか?
    また、レンタルサーバーや独自ドメインを所持していない状態で、WordPressを使って自分のpc上で文章を作成することは可能ですか?
    お答えいただければ幸いです。

  8. しげぞう 投稿作成者

    無知の鞭様

    コメントありがとうございます。最近はiPadでもスマホでもサイト作りは可能です。昔よりもだいぶ使いやすくなってきているようです。私自身はパソコンメインですけど、コメントの返信とか簡単な作業はスマホなどでする事もあります。

  9. 無知の鞭

    すげー!と感心しながらすこし拝見させていただきました。
    最近、アフリエイトに興味がありまして、とてもわかりやい解説ありがとうございます!
    サイト内では語られてなかったのが、媒体についてなんですけど(どこかで言ってたかもしれませんが)
    iPadでは論外ということですか?やっぱパソコンがないと、サイト作りもまず出来ないということですかね?

  10. シャスタの方のクリガイ

    すみません!5月12日に質問した「シャスタの方のクリガイ」です。
    お礼が一週間も遅くなり、大変失礼いたしました!

    >2つのサイトの同時進行というのは思った以上にハード

    そう思います。無料のブログを3つ作っていますが、ひとつは完全に放置になっています(汗

    >後からやっぱり別々にすれば良かったと思い直す事が多かったです。

    やはり・・・。
    今からすでに「どう考えても、一緒にするのは無理がある」と感じているので、やっぱりもうひとつドメイン取得しようと思います。

    ご丁寧にお答えくださり、ありがとうございましました。

    まだテーマを入れていないので、参考にさせてもらいながら頑張ります!

  11. しげぞう 投稿作成者

    シャスタの方のクリガイ様

    コメントありがとうございます。サブドメインとかは新しいサイトを作る時に迷う部分ですよね。

    以前ロリポップをメインで使っていた時には幾つかサブドメインでサイトを作った事はありましたが、どれも長続きしませんでしたし、後からやっぱり別々にすれば良かったと思い直す事が多かったです。現在サブドメインのサイトは1つも残ってません(笑)

    サブドメインとサブディレクトリーとかは1つのブランドを構築する時に役に立ちます。例えばYahooとか関連サービスがいくつもあるので「Yahooオークション」とか「Yahoo知恵袋」とかサブドメインで運営してブランドの構築的な感じになっている部分ですし、それぞれのサイトの評価も集約するような意味もあるかもしれません(どれくらい効果があるかは疑問ですけど)。

    ドメインとか会社名などでブランディングするならYahooのようなやり方は1つ参考になると思いますが、私の場合はドメイン、それからサイトのタイトルの両方それぞれ狙っているキーワードを入れたい派なのでサブドメインなどを使ってサイトを増やす感じが何となく合ってなくて辞めました。

    それから2つのサイトの同時進行というのは思った以上にハードです。私も以前それで何度も挫折しています(笑)個人的には最初はいいんですけど20記事も行かないうちにもう無理ってなる事が多かったです。なので、しばらくは1つのサイトに集中してもう1つのサイト用の記事は下書きで書きためておくのがおすすめです。

    個人的には追加する予定の記事タイトルを書き出してみて20記事以上余裕で書けそうなら新しいサイトを作ります(サイト作成前に記事タイトルとかカテゴリーをある程度分けてます)。
    記事が溜まって実際に新しいサイト作ろうってなった時にどうするか再度考えてみても良いと思います。

    WordPressにはサブドメインなど複数のサイト運営には便利なマルチサイト機能というのもありますので、マルチサイト機能についても調べてみる事をおすすめします。私はほとんど使った事ないので詳しくないです、すみません!!

  12. シャスタの方のクリガイ

    はじめまして!
    いつもいつも参考にさせていただいております。

    しげぞうさんのサイトのおかげでエックスサーバーを契約、ワードプレスの設定をしています。

    丁寧な手順と、それをする理由が書いてあるので、本当に助かっています。ありがとうございます!

    質問なのですが、毛色の全く違うサイト(ブログ)を2つ作りたいと考えています。
    サブドメインを作れば、新規にドメインを取得しなくとも簡単に実現できるらしいとのこと。
    しかし、「あまりおすすめしません」と書いているサイトもチラホラあります。

    エックスサーバーのドメインは更新料が1500円だし、節約したい気持ちもあったり・・・。

    全く違うジャンルならば違うドメインで運営するのがスジかなぁ、とは思うのですが、ふたつのドメインの管理やブログの更新はややこしくないでしょうか?

    宜しくお願いいたします。

  13. 匿名

    プラグインを停止したらなおりました。
    ありがとうございます。

  14. しげぞう 投稿作成者

    匿名様

    コメントありがとうございます。一度別のブラウザで確認してみる事をおすすめします。スマホでもOKです。違うブラウザとかスマホで反映されているのであれば原因はおそらく以前のデータ(キャッシュ)が残っているだけかと思います。

    また、キャッシュ系のプラグインなどを一時的に停止して確認してみるのも1度試してみて下さい。

  15. 匿名

    どこに書いたらいい科わからないのでここで・・・。
    ログインしてるときはカスタマイズしたようになってるのですが、ログアウトしてから見ると反映されていません。
    原因はわかりますか?

  16. ノコノコ

    しげぞう様、いつも丁寧で分かりやすい対応ありがとうございます。

    サイドバーのタイトル部分も「h3」だったんですね。勉強不足で申し訳ありません。

    子テーマのスタイルシートの「h2」と「h3」の部分に「.entry-content」を付け加えることで無事ウィジェット部分の装飾を消すことができました。

    どうもありがとうございました。
    これからもしげぞう様のブログを参考にさせていただきますので宜しくお願い致します。

  17. しげぞう 投稿作成者

    ノコノコ様

    返信ありがとうございます。良かった、やはりプラグイン。原因が分かって良かったです。それで質問の件ですが、記事本文で使う見出し(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から削除しておいて下さい。

  18. ノコノコ

    しげぞう様、返答ありがとうございます。

    アドバイスいただいたプラグインを全部停止してみたところ、simple custom css というプラグインに書いていたh2、h3、h4タグが原因だとわかりました。ありがとうございます。

    このプラグインを停止してtwentytwelveの子テーマのスタイルシートにh3タグのcssを書き直したのですが、今度はサイドバーのタイトル全てと下にある関連と共有の部分にh3タグの装飾が入ってしまいます。
    h3::after {display:none !important;}をスタイルシートに書き込んでみたのですが装飾の左側の濃い青色の部分が消えただけでした。
    もしよければ原因を教えていただけませんか?

  19. しげぞう 投稿作成者

    ノコノコ様

    返信ありがとうございます。えっと、これはもしかするとプラグインの影響があるかもしれません。プラグインを一時的に全部停止してみると消えるやつかも?推測ですが。それで消えるならまた1つ1つプラグインを有効化していき、線がでるようになるプラグインを特定するのが良いと思います。

    もしプラグインの影響でないとするならばCSSで消すという感じになります。

    h3::after {
        display:none !important;
    }

    CSSに上記コードを追加すれば消えると思いますので、プラグイン対策で消えない場合にはこちらを追加してみて下さい。

  20. ノコノコ

    しげぞう様

    URLはこちらです。

    よく見ると投稿ページの1番下の関連の部分にも見出しラインが入ってしまっているので、良ければそちらも併せて見ていただけますでしょうか。よろしくお願いいたします。

  21. しげぞう 投稿作成者

    ノコノコ様

    コメントありがとうございます。推測ですけど見出しの装飾としてアンダーラインが入っている感じかな?と思います。どちらにしても実際にブログを見て開発者ツールでチェックしてみないと分からないので、もし良かったらブログのURLを教えて下さい。コメント公開時にはURLは削除しますので、どうぞよろしくお願いします。

  22. ノコノコ

    いつもブログ拝見させていただいてます。
    どの記事も詳細に解説しているのでとても助かっております。
    お忙しいところ恐縮ですが、どうしてもわからないことがあるので質問させてください。

    私はTwentytwelvedeでブログをやっているのですが、記事の全ページの途中に、見出しのラインが1本入ってしまって試行錯誤してもそのラインを消すことができません。ブラウザの開発者ツールで要素を検証してみたのですが、そのラインには、h2,h3,h4タグが含まれているようでした。
    ですが、そこから先がどうにもわからないのでご教示お願いできますでしょうか?

  23. しげぞう 投稿作成者

    sweetapple様

    コメントありがとうございます。原因が何かは分かりませんが、一度原因を切り分けるために別のブラウザでも確認してもらえますか?また、最初にその問題のヘッダー画像を設置した時も「外観」⇒「ヘッダー」画面で編集をされたのでしょうか?

    以上2点、それからもし良かったらサイトのURLも教えて頂けると助かります。どうぞよろしくお願い致します。

  24. sweetapple

    お忙しいとおもいますが、すみません、力を貸していただけたら幸いです。突然の質問で恐縮ですが、自分では解決できず途方に暮れてしまい、このサイトをみて、質問したいとおもいメール致しました。

    ●質問したいこと

    wordpress 外観→「ヘッダー」画面を開くとカスタマイズ中と表示がでて、勝手に画面が切り替わります。ヘッダー画面のままに設定する方法を教えてください。

    ★前提・実現したいことと、発生している問題・エラーメッセージ

    wordpressでサイトを作っています。
    フロントページの画面のヘッダーの写真が大きすぎて(記事は下にスクロールしないとみえてきません。)、その写真自体を小さくしたいと思いました。
    そこで、外観→「ヘッダー」画面を開いて、編集できないかなと思いましたが、ヘッダーをクリックしたら、「カスタマイズ中」と表示がでて、二秒ほどで画面が、元のサイトのフロントページに切り替わります。編集ができないのです。
    ヘッダー画面で編集したいので、勝手にフロントページに切り替わらないようにするにはどうしたらいいかを知りたいです。

    ★補足情報

    テーマはGraiffeです。プラグインもしています。
    今入っているプラグを一旦全部停止にしても、同じ症状がでて、ヘッダーの編集ができません。他に何かしたら善処する策があれば、教えてください。

    私は全くの初心者です。他に情報がたりなければ、それもおしえてくださると助かります。

  25. しげぞう 投稿作成者

    てんぷら様

    コメントありがとうございます。自分が審査用に申請したURLでアクセスできるのか確認をしてみて下さい。また、違うブラウザでも同じように試してみて下さい、例えばスマホからとかでもOKです。まずはそれを確認してみて下さい。

  26. てんぷら

    突然すみません、今アドセンスの審査を受けているのですが、よくある「サイトダウンになってる」という返事が来ました。
    キャッシュを消す・クロームから申請することなど試してみましたがダメでした。
    一度目はhttpから入れて入力、二度目は○○.comなど独自ドメインのみ入力してやりました。
    ワードプレスでサイト、お名前ドットコムでドメインを取り、ロリポップでサーバー借りました。
    ホスト設定などが間違っているのでしょうか。
    DNS設定がだめなのでしょうか。
    わかりにくい質問で申し訳ないですが、「サーバーダウン」で検索してもプレビュー画面を審査に通してしまったなどの内容しか出てこなかったので解決できず…。
    自分の場合プレビュー画面で申請してはいないので、なにが原因なのか不明なのです。
    もう三年くらい苦戦してるので今回こそ解決できるよう助言くださいませ。

  27. しげぞう 投稿作成者

    翔様

    返信ありがとうございます。無事に解決できたようで良かったです。また何かあればいつでもコメント下さい。今後もよろしくお願い致します。

  28. しげぞう様

    何度も送信してしまい大変申し訳ございません。

    あのまま放置していても何もできないので、思い切ってサイトを削除しました。まだ一記事も投稿していないのが幸いでしたね。

    また一からインストールして設定をし直した後に、もう一度だけ別のやり方でチャレンジしてみました。

    めちゃ簡単なやり方でしたが、それで上手く消すことができました!

    これがそのやり方を紹介されている記事です
    http://tensblog.com/post-2633/

    こうしてみると、最初のアレは何だったんだろうと思いますね・・・

    今の所は異常なしですが、今後また何かあればまたご相談させてください。

    お忙しいのにお時間とお手間を取らせてしまって本当に申し訳ございませんでした

    またよろしくお願い致します。

  29. しげぞう様

    ご回答ありがとうございます!

    1~3についてそれぞれ確認してみたところ

    1. ログイン自体は可能です。設定などを触ることはできるのですが、管理画面からサイトを表示することができません。ページが機能していませんと表示されてしまいます。

    2. これは自分でもよく分かっていないのですが、ドメイン直下がどの階層なのかよくわからなかったので、一番上の階層である /home/○○○/wwwという家マークのところに全てコピーしました。さくらサーバーのドメイン設定でマルチドメイン→指定フォルダ選択のところは空白にしてみたのですが上手くいかず・・・

    逆に、元々あった /home/○○○/www/○○○というフォルダにコピーした内容を再び戻して、指定フォルダもそのフォルダを指定してみたのですが、これも失敗です。

    3. パーマリンク設定を確認してみましたが、表示はされていませんでした。

    自分でも現状が上手く把握できていない為、書いている内容がわかりづらくなってしまい申し訳ございません。。。

    最悪アドレスの末尾を消すのは諦めますが、サイトが表示されないのは困りますので、それだけでもなんとか解決したいです。

    お忙しいのに申し訳ないのですが、知恵をお貸しくださいませ。

  30. しげぞう 投稿作成者

    翔様

    コメントありがとうございます。別のサイトを参考にサイトアドレスやWordPressのアドレスを変更したら表示されなくなったという事ですよね。私自身さくらサーバーはほとんど使った事がないため、検証自体はできないのですが、幾つか原因を推測してみたので、確認をお願いします。

    1.ログイン自体はできますか?

    まず、サイトのアドレスなどを変更した時にログインできなくなる現象があると思うのですが、ログインなどはできるのでしょうか?

    2.作成したフォルダのコピーができているのでしょうか?

    参考にされたサイトに書かれている内容としては最初にインストールした時に作成したフォルダをコピーしてドメイン直下に移動させるという内容でしたが、これドメイン直下にWordPress関連のフォルダがコピーできているのでしょうか?

    3.パーマリンクの設定画面

    もしログインできる状態であれば「設定」⇒「パーマリンク設定」へ進んで下さい。それで、設定画面の下の方に「.htaccess が書き込み可能ならこの操作は自動的に行われますが…」的な表示がないか確認をしてみてください。もしこのメッセージがある場合には「.htaccess」というファイルに原因があるかもしれません。

    一応上記3つを確認して教えてもらえると助かります。冒頭でも書いたようにさくらサーバー自体にはあまり詳しくないので、解決できるかは分かりませんが、私も色々と調べてみますね!

  31. しげぞう様

    随分とご無沙汰しております。翔と申します。

    不慣れながら、昨日よりワードプレスでブログの運営を開始しました。

    ドメインの取得はムームードメイン、サーバーはさくらサーバーで
    インストールはクイックインストールをで行いました。

    ただ、サイトアドレスの末尾にフォルダの名前が入るのが気になって
    しまうので、消す方法があるか調べてみました。

    とあるサイトがやり方を紹介していたので、
    それを参考に一度やってみることにしました。

    そうすると、うまくいかないどころかサイトを表示することが
    できなくなってしまいました(泣)

    ワードプレスの管理画面には入れるものの、そこからサイトを
    表示しようとしても

    ・HTTP 500内部サーバーエラー

    と出てしまいます。(検索にアドレスを打ち込んでも同じ表示です)

    その記事というのがこれなのですが・・・
    http://calcioaffi.com/post-1153/
    (公開されるときは消していただいてかまいません)

    自己責任でと書かれてますが、上記サイトを参考に本当にそこに
    書かれていることをそのままやりました。

    後で知りましたが、サイトアドレスはまだしもワードプレスの
    アドレスを変更するとサイトにアクセスできなくなるんですね。

    ずっと無料ブログばかりやってきたので、本当ワードプレスは
    ちんぷんかんぷんです。訳が分かりません。

    サイトアドレスの末尾を消すだけで
    こんなに苦労するとは思いませんでした。

    どうすれば、再びサイトを表示させることができ、
    末尾を消した状態にすることができるのでしょうか。

    どうかお助けくださいませ

  32. うさ子

    しげぞう様

    返信ありがとうございます!
    おかげ様で投稿日とタイトルの位置を無事に変更することができました。
    まだまだ道半ばですが、自分が思い描くサイトが少しずつ出来上がってきて嬉しいです。どうもありがとうございました!

  33. しげぞう 投稿作成者

    うさ子様

    コメントありがとうございます。返信も遅れてすみません!えっとですね、まず、記事タイトルの位置とアイキャッチ画像の位置の変更なんですが、これを先にしておく方が良いかな?と思いますので、以下の記事を参考に位置の入れ替えにチャレンジしてみて下さい。
    アイキャッチ画像のサイズと位置のカスタマイズ

    それで、本題の投稿日を表示させる方法ですが、これは私の場合なんですが、「content.php」のこの部分を探します。

    </header><!-- .entry-header -->

    これがヘッダーの終わりの部分なので、この下に以下のようなコードを追加してます。

    <div class="show-date">
    <?php the_time('Y/m/d'); ?>
    </div>

    これですね、投稿日を表示するコードの部分っていうのが真ん中の一行です。この部分。

    <?php the_time('Y/m/d'); ?>

    なので、例えば「投稿日:」とかテキストを追加してこんな感じにもできます(私のはアイコンを追加してます)。

    <div class="show-date">
    投稿日:<?php the_time('Y/m/d'); ?>
    </div>

    とりあえずこれでcontent.phpの編集を保存。

    それで、この部分には「show-date」という名前を付けているので、次はスタイルシートで位置調整をします。

    スタイルシートでこんな感じで位置調整が可能です。

    .show-date {
        text-align: right;
        margin-bottom: 15px;
        font-size:15px;
    }

    ・投稿日を右寄せに表示
    ・投稿日の下に余白を15px
    ・文字の大きさが15pxなどなど

    投稿日を追加する場所は別の場所でもOKなので、色々と試してみても良いと思いますし、使ってみたい画像やアイコンなどがあればそれも使ってみても良いと思います。

    また何か分からない部分があればコメント下さい。今後もよろしくお願い致します。

  34. うさ子

    連続ですいません。
    先ほどの質問の続きなのですが、記事タイトルの位置が、今はアイキャッチ画像の下に来てしまうのですが、それだと何だか分かりづらい感じになってしまうので、画像の上に記事タイトルを持ってくる方法はありますでしょうか?
    質問ばかりすいません…。サイトのURLも一応貼っておきます。

  35. うさ子

    はじめまして。
    自分には敷居の高いと思っていたWordPressですが、こちらのサイトのお陰でやっと理解を深めることができました。
    まずは、しげぞうさんに心から感謝の気持ちをお伝えしたいと思います。どうもありがとうございます!
    それで、質問なのですが、こちらのサイトでは投稿日が記事タイトル下に表示されていますよね?これはどうやったら良いのでしょうか?
    Twenty Twelveでは投稿日が記事下につくようになっているようで、カスタマイズを自分なりに試してみたもののうまくいきません。
    また、お暇な時で良いので、教えていただけたら嬉しいです。
    もしすでに質問などで回答済みでしたら申し訳ないです。。よろしくお願い致します。

  36. しげぞう 投稿作成者

    シン様

    返信ありがとうございます。えっとですね、目次の場合に「li」タグを使っていると思います。

    「<li>」から始まって「</li>」で閉じる感じですよね。この閉じタグ「</li>」の前におすすめマークを入れたらいいような気がします。一度試してみてもし上手く行かない場合には再度コメント下さい。よろしくお願い致します。