WordPressブログの始め方と使い方まとめ！【初心者向け】

WordPressブログ

2020.10.16 2018.07.19

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

レンタルーサーバーの比較とドメインの取得、WordPressのインストールまで

WordPressを始めるにはドメインとサーバーが必要です。最初にドメインの取得とレンタルサーバーを決めるところからスタート。

契約したレンタルサーバーでドメインを設定してWordPressをインストール

ドメイン取得とレンタルサーバーが決まったらドメインの設定をしてWordPressをインストールしていきます。

各サーバーでのWordPressの始め方は以下の記事をどうぞ。

ロリポップ！

エックスサーバー

MixHost（ミックスホスト）

JETBOY

ConoHa Wing

WordPressのテーマ選びと基本的な設定

WordPressのテーマとしては有料のテーマをおすすめするサイトもありますが、当サイトでは無料で高機能、利用者も多い「Cocoon」をおすすめしてます。

Cocoonのインストールと設定、必要なプラグインを紹介。

WordPress記事投稿の方法と基礎

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

WordPressおすすめプラグインと表示速度高速化

無料ブログからWordPressへ引越し・移転する方法

無料ブログからWordPressへ引っ越し・移転する方向けの記事です。

サーバーの引っ越し・移転方法の記事

現在利用しているレンタルサーバーを変更したいという方向けの記事です。

その他

しげぞうより:
2016年8月30日 12:29 PM
翔様
返信ありがとうございます。無事に解決できたようで良かったです。また何かあればいつでもコメント下さい。今後もよろしくお願い致します。
翔より:
2016年8月29日 7:47 PM
しげぞう様
何度も送信してしまい大変申し訳ございません。
あのまま放置していても何もできないので、思い切ってサイトを削除しました。まだ一記事も投稿していないのが幸いでしたね。
また一からインストールして設定をし直した後に、もう一度だけ別のやり方でチャレンジしてみました。
めちゃ簡単なやり方でしたが、それで上手く消すことができました！
これがそのやり方を紹介されている記事です
http://tensblog.com/post-2633/
こうしてみると、最初のアレは何だったんだろうと思いますね・・・
今の所は異常なしですが、今後また何かあればまたご相談させてください。
お忙しいのにお時間とお手間を取らせてしまって本当に申し訳ございませんでした
またよろしくお願い致します。
翔より:
2016年8月29日 4:41 PM
しげぞう様
ご回答ありがとうございます！
1～3についてそれぞれ確認してみたところ
1.　ログイン自体は可能です。設定などを触ることはできるのですが、管理画面からサイトを表示することができません。ページが機能していませんと表示されてしまいます。
2.　これは自分でもよく分かっていないのですが、ドメイン直下がどの階層なのかよくわからなかったので、一番上の階層である /home/○○○/wwwという家マークのところに全てコピーしました。さくらサーバーのドメイン設定でマルチドメイン→指定フォルダ選択のところは空白にしてみたのですが上手くいかず・・・
逆に、元々あった /home/○○○/www/○○○というフォルダにコピーした内容を再び戻して、指定フォルダもそのフォルダを指定してみたのですが、これも失敗です。
3.　パーマリンク設定を確認してみましたが、表示はされていませんでした。
自分でも現状が上手く把握できていない為、書いている内容がわかりづらくなってしまい申し訳ございません。。。
最悪アドレスの末尾を消すのは諦めますが、サイトが表示されないのは困りますので、それだけでもなんとか解決したいです。
お忙しいのに申し訳ないのですが、知恵をお貸しくださいませ。
しげぞうより:
2016年8月29日 11:49 AM
翔様
コメントありがとうございます。別のサイトを参考にサイトアドレスやWordPressのアドレスを変更したら表示されなくなったという事ですよね。私自身さくらサーバーはほとんど使った事がないため、検証自体はできないのですが、幾つか原因を推測してみたので、確認をお願いします。
１．ログイン自体はできますか？
まず、サイトのアドレスなどを変更した時にログインできなくなる現象があると思うのですが、ログインなどはできるのでしょうか？
２．作成したフォルダのコピーができているのでしょうか？
参考にされたサイトに書かれている内容としては最初にインストールした時に作成したフォルダをコピーしてドメイン直下に移動させるという内容でしたが、これドメイン直下にWordPress関連のフォルダがコピーできているのでしょうか？
３．パーマリンクの設定画面
もしログインできる状態であれば「設定」⇒「パーマリンク設定」へ進んで下さい。それで、設定画面の下の方に「.htaccess が書き込み可能ならこの操作は自動的に行われますが…」的な表示がないか確認をしてみてください。もしこのメッセージがある場合には「.htaccess」というファイルに原因があるかもしれません。
一応上記３つを確認して教えてもらえると助かります。冒頭でも書いたようにさくらサーバー自体にはあまり詳しくないので、解決できるかは分かりませんが、私も色々と調べてみますね！
翔より:
2016年8月28日 8:07 PM
しげぞう様
随分とご無沙汰しております。翔と申します。
不慣れながら、昨日よりワードプレスでブログの運営を開始しました。
ドメインの取得はムームードメイン、サーバーはさくらサーバーで
インストールはクイックインストールをで行いました。
ただ、サイトアドレスの末尾にフォルダの名前が入るのが気になって
しまうので、消す方法があるか調べてみました。
とあるサイトがやり方を紹介していたので、
それを参考に一度やってみることにしました。
そうすると、うまくいかないどころかサイトを表示することが
できなくなってしまいました（泣）
ワードプレスの管理画面には入れるものの、そこからサイトを
表示しようとしても
・HTTP 500内部サーバーエラー
と出てしまいます。（検索にアドレスを打ち込んでも同じ表示です）
その記事というのがこれなのですが・・・
http://calcioaffi.com/post-1153/
（公開されるときは消していただいてかまいません）
自己責任でと書かれてますが、上記サイトを参考に本当にそこに
書かれていることをそのままやりました。
後で知りましたが、サイトアドレスはまだしもワードプレスの
アドレスを変更するとサイトにアクセスできなくなるんですね。
ずっと無料ブログばかりやってきたので、本当ワードプレスは
ちんぷんかんぷんです。訳が分かりません。
サイトアドレスの末尾を消すだけで
こんなに苦労するとは思いませんでした。
どうすれば、再びサイトを表示させることができ、
末尾を消した状態にすることができるのでしょうか。
どうかお助けくださいませ
うさ子より:
2016年7月19日 1:34 PM
しげぞう様
返信ありがとうございます！
おかげ様で投稿日とタイトルの位置を無事に変更することができました。
まだまだ道半ばですが、自分が思い描くサイトが少しずつ出来上がってきて嬉しいです。どうもありがとうございました！
しげぞうより:
2016年7月18日 10:35 PM
うさ子様
コメントありがとうございます。返信も遅れてすみません！えっとですね、まず、記事タイトルの位置とアイキャッチ画像の位置の変更なんですが、これを先にしておく方が良いかな？と思いますので、以下の記事を参考に位置の入れ替えにチャレンジしてみて下さい。
⇒アイキャッチ画像のサイズと位置のカスタマイズ
それで、本題の投稿日を表示させる方法ですが、これは私の場合なんですが、「content.php」のこの部分を探します。
```
</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なので、色々と試してみても良いと思いますし、使ってみたい画像やアイコンなどがあればそれも使ってみても良いと思います。
また何か分からない部分があればコメント下さい。今後もよろしくお願い致します。
うさ子より:
2016年7月18日 2:05 AM
連続ですいません。
先ほどの質問の続きなのですが、記事タイトルの位置が、今はアイキャッチ画像の下に来てしまうのですが、それだと何だか分かりづらい感じになってしまうので、画像の上に記事タイトルを持ってくる方法はありますでしょうか？
質問ばかりすいません…。サイトのURLも一応貼っておきます。
うさ子より:
2016年7月17日 4:06 PM
はじめまして。
自分には敷居の高いと思っていたWordPressですが、こちらのサイトのお陰でやっと理解を深めることができました。
まずは、しげぞうさんに心から感謝の気持ちをお伝えしたいと思います。どうもありがとうございます！
それで、質問なのですが、こちらのサイトでは投稿日が記事タイトル下に表示されていますよね？これはどうやったら良いのでしょうか？
Twenty Twelveでは投稿日が記事下につくようになっているようで、カスタマイズを自分なりに試してみたもののうまくいきません。
また、お暇な時で良いので、教えていただけたら嬉しいです。
もしすでに質問などで回答済みでしたら申し訳ないです。。よろしくお願い致します。
しげぞうより:
2016年6月14日 11:10 AM
シン様
返信ありがとうございます。えっとですね、目次の場合に「li」タグを使っていると思います。
「＜li＞」から始まって「＜/li＞」で閉じる感じですよね。この閉じタグ「＜/li＞」の前におすすめマークを入れたらいいような気がします。一度試してみてもし上手く行かない場合には再度コメント下さい。よろしくお願い致します。
シンより:
2016年6月14日 11:01 AM
しげぞうさん。ありがとうございます！
marginを調整したらうまく収まりました。
それとまた質問なのですが笑、以前教えてもらった「オススメ」のマークをcssで作って目次ページに挿入しようとしたのですが
・XXX
オススメ
・YYY
という感じにXXXの右側に十分なスペースがあっても下にマークが入ってしまいます。
この場合どうしたらよいでしょうか？
しげぞうより:
2016年6月11日 10:28 AM
シン様
返信ありがとうございます。左側にスペースができるというのは右に寄ってしまうという事でしょうか？もし右に寄ってしまうというのであれば前回スタイルシートのコードで「margin」で調整できるかと思います。
前回は「margin」で「8px 0 8px 0」としていましたが、これ時計周りに「上、右、下、左」の順番で余白を設定できます。なので、最後の「 0 」の部分だけ「-10px」とかに置き換えるとその分マイナスのmarginで右に寄ると思います。一度試して見て下さい。
それから反映されない場合や、質問の意図と違うという場合にはお手数ですが、一度URLを教えて頂けると助かります。どうぞよろしくお願い致します。
シンより:
2016年6月11日 1:29 AM
しげぞうさん。返信ありがとうございます！
ただいま教えてもらった通りにやったところ、
本来、「・」があった位置が空所になって
⇒XXX
という感じに左側の方にスペースができてしまいます。
この場合どうしたらよいでしょうか？
毎回、答えてくださってありがとうございます。
しげぞうより:
2016年6月9日 1:28 PM
シン様
返信ありがとうございます。えっと、私のサイトの場合なんですが、普通の目次にはリストマーク「・」を入れる形にしていて、記事下の内部リンクでは「・」をいれずに「⇒」を入れるようにしてます。
コレ実はちょっと面倒な部分で、本当はどちらかに統一すれば非常に簡単なんですが、私と同じように「・」「⇒」を使い分けるのであればスタイルシートの次の記述をします。
```
.link-list li {
  list-style: none;
  margin: 8px 0px 8px 0px;
}

.link-list {
  margin-top:-22px !important;}
```
最後のmragin-topの部分で「 -22px 」にしているんですが、リストにする項目をちょっと上に持ち上げるコードです。多分やってみれば分かると思いますので、ここの数値は後で変更してみても良いと思います。
それで、上記をスタイルシートに追加したら記事下の内部リンクをする部分を次のように記述してます。記事投稿画面です。
```
<ul class="link-list">
<li>⇒リンク１</li>
<li>⇒リンク２</li>
</ul>
```
こんな感じで書くと「・」のないリストになりますし、リストの上下に8pxずつの余白（ちょっと広め）をとってますので、誤クリックもないかなと思ってます。
もしこれで反映されない場合にはお手数ですが再度コメント頂けると助かります。どうぞよろしくお願い致します。
シンより:
2016年6月9日 8:53 AM
しげぞうさん。返信ありがとうございます！
それでまた質問なんですが
記事下にやを使って内部リンクを貼ろうとしたのですが形が
・XXX
・YYY
という感じでこのサイトのように
⇒XXX
⇒YYY
という感じにできませんでした。このような形にするにはどのようにコードを貼ればいいのでしょうか？
しげぞうより:
2016年6月5日 11:53 PM
シン様
コメントありがとうございます。そうですね、私のブログの記事下でやっている内部リンクは目次ページの物と同じです。普通にリンクを羅列するよりも目次のようにリストタグ（ulとかli）を使って書いた方が良いと個人的には思ってます。普通に羅列してしまうとGoogleからキーワードの詰め込みと思われたら嫌なので、リストにして内部リンクにするのが良いと思います。
それと「おすすめマーク」ですが、これはオリジナルで作成したやつで、アイコンフォントにして使ってますが、ダウンロードとか公開とかはしてません、というのもアイコンフォントにする手順の説明が長くなるので、省略しちゃった形です、すみません。
手順的には画像（おすすめマーク）を作成して「icomoon」というサイトでインポートし、それをアイコンフォントとしてダウンロードして、各種設定をしていくような手順なので、これを説明するとなると長いですよね（笑）
一応代替案として別のマークを以下の記事の中盤あたりで解説してます。
⇒アフィリエイト報酬を爆発的に増やした５つの施策
シンより:
2016年6月5日 10:22 PM
しげぞうさん。もう一つ質問ありました！
記事下でこのサイトのように内部リンクを貼るつもりなのですがこのリンクは目次ページのリンクのように、をつけた形にした方が良いのでしょうか？
1記事あたり4、5ぐらい内部リンクを貼ろうと思うのですが普通のリンクを貼って問題ないでしょうか？
シンより:
2016年6月5日 10:05 PM
しげぞうさん。
このページの赤い「オススメ」という表記はどうやってやればいいのでしょうか？
このサイトのどこかに書かれていた気がするのですが見つけられなかったです。
しげぞうより:
2016年5月6日 11:50 AM
よし様
コメントありがとうございます。おそらく「Twitterカード」の事だと思います。これを設定しておけばブログのURLをツイートするとアイキャッチ画像と一緒にツイートできます。詳しくはこの記事の後半で解説してますので、一度試してみて下さい。
⇒プラグイン不要でWordPressにOGPを設定する方法
よしより:
2016年5月5日 12:46 PM
続けてコメントすみません。
Twitterについてですが、画像付きのリンクツイートをされていますがどうすればできますか？
宜しくお願いします。

« 前へ 1 234 5 次へ »