【Lv9】超簡単!ブログ初心者がワードプレスにデザイン(テーマ)を設定する方法

龍 由樹
この記事に書いてあること
ブログ初心者の方が、すぐにブログを開始するために前回はConoha WINGを契約せよ!とお話ししました。今回は、ワードプレスへのログインからテーマ(デザイン)のインストールをご説明します。

ウェブマーケティング業界で働いている龍由樹@ペンギン新聞です。

ブログは初心者でも簡単にはじめることができます。

そして、続けさえすれば、アフィリエイトなどの広告だけでなく、ライター業やコンサル業など様々な仕事につながる魔法のツールです。

私も書き続けた結果、1ヶ月18万アクセスを記録。広告収入だけでなくライターやコンサルティングでも活躍。転職もブログが切っ掛けでウェブマーケティング業界へ入ることができました。本当にやってて良かったと思います。

で、前回は、ブログをはじめるためにConoha WINGというサーバを契約すれば、安くて簡単だよ!というお話をしました。

前回までの内容

龍 由樹この記事に書いてあることブログ初心者のブログの始め方の手順を全部公開します。この記事の通りに手順を進めれば、簡単にブログを公開できます。ドメインの取得からConoha WINGを例にサーバの契約と設定方法、ワード[…]

今回は、ワードプレスにデザインを入れる作業をしましょう。

イメージとしては、

・ソフトクリームのブログ
・Yukiのブログというタイトルのサイト

という前提でお話をしますね。

テーマとは?

ワードプレスでは、デザインのことを「テーマ」と呼んでいます。

これは無料のものと有料のものがありますが、途中でテーマを変えると記事の中に入れた文字装飾などが全部崩れてしまい全部修正しなければいけません。つまり、はじめに選んだテーマから変更できないんです。

なので、絶対にケチったらダメです。ここは。

私がオススメしているのは、「THE THOR(ザ・トール)」というテーマです。

このテーマの特徴は、

・表示速度が速い
・新機能のリリースが速い
・初心者は最低限の設定でスタートできる
・上級者は細かい設定ができる

と、初心者からプロまで幅広い人が使えるテーマなんですね。

ブログが育って、細かい設定をしたくなったら後から設定を増やせばいいだけだし、非常に優秀なテーマで、今、人気があります。私も使っていますよ。

管理画面へのログイン

前回、Conoha WINGでワードプレスのインストールまで説明しました。

早速、ワードプレスの管理画面にログインしてみましょう。

管理画面のURLは、Conoha WINGの以下の画面に表示されています。

このURLをクリックすればワードプレスの管理画面が開きます。

すると、以下のようなログイン画面が表示されたハズ。

ここで入力する「ユーザ名」と「パスワード」は、ConoHa  WINGのワードプレスのインストール時に設定したユーザ名とパスワードです。

ワードプレスのユーザ名とパスワードはここで入力したモノ!

ワードプレスのユーザ名とパスワードは、以下の画面で設定したものですね。

ConoHa WINGのワードプレスのユーザ名とパスワード

ユーザ名とパスワードが問題なければ、以下のような画面が表示されるハズです。

これで、ワードプレスの管理画面にログインができたことになります。

ただし!テーマは、まだ入っていません。

ワードプレスの管理画面

次にテーマを購入しましょう。

テーマ(デザイン)を購入する

次にテーマ(デザイン)を購入します。

他のサイトには、Affingerがいいよ!とか、賢威がいいよ!とか、色々書いてありますが、正直、今、発売されている1万円以上のテーマで差はありません。

むしろ、Affingerなどプロ向けのテーマは、ブログを書き始める前の設定が大変で、それだけで難しい・・・ギブアップ!となってしまいかねません。

だから、私は、初心者からプロまで幅広く使える「THE THOR」を勧めます。

他のテーマと比較する必要は全くないです。まずは、THE THORで慣れてから、他のブログを立ち上げる時にAffingerや賢威など他のテーマを検討すればよいでしょう。

まずは、以下の画面から、THE THORを購入してください。

THE THORの公式サイトへアクセスしたらプランの選択画面が出ますので、基本的に左側の商品を購入しましょう。

※THE THORのトップ画面の右上に、「テーマダウンロード」と書かれたボタンがあるので、そこから購入画面に移動できます。

THE THOR ザ・トール購入画面

購入したら、「the-thor.zip」というファイルがダウンロードできるので、大切に保存しておきましょう。

一定期間経過すると再ダウンロードができなくなります。

ワードプレスにTHE THORをインストール

購入が完了したらワードプレスにインストールしましょう。

先ほどのワードプレスの管理画面に戻ったら、画面左側のメニューから「外観」→「テーマ」と選択します。

すると、以下の画面が表示されるので、「新規追加」ボタンを選択します。

ワードプレスの管理画面にTHE THORをインストール

次にテーマの選択画面が表示されるので、「テーマのアップロード」を選択します。

テーマのアップロード

以下が、インストール画面ですね。

先ほど、ザ・トールの公式サイトからダウンロードした、the-thor.zipを選択し、「今すぐインストール」を選択します。

数秒経過すると、インストールが完了したことを伝えるメッセージが表示されるハズです。

以下の画面が表示されたら「有効化」を選択すると、ワードプレスの初期テーマが、THE THORに変わります。

 THE THORの超簡単設定

後は、THE THORの設定をしていくだけなのですが、設定項目は超多いです。なんせプロまで使えるテーマなので。

ただ、初心者は1カ所だけ設定すればOKです。

1カ所設定した後に、まずは記事をどんどん書いていきましょう。他にもTHE THORの設定はあるのですが、早く書き始めないと、ブログを持つことの実感がわきません。

また、今は、スマートフォンからのアクセスが8割なので、誰も気の利いたデザインを見ていないんですね。記事の内容を読みたい読者がほとんどです。

技術屋さんになりたいのであれば、細かい設定をした方がよいですが、初心者はまず書く!これにつきます。

で、簡単な設定方法ですが、以下の画面からアクセスします。

左側のメニューから「テーマ」をクリックします。そして、THE THORの「カスタマイズ」ボタンをクリック。

すると、以下のような画面が表示されます。

この左側に並んだメニューが、「THE THOR」のメニューです。

・・・と、その前に、ブラウザのもう一つのタブを開いてください。

トップページのイメージ画像をダウンロードしましょう。

PAKUTASOという無料画像サイトがあるので、イメージ画像をダウンロードします。

以下の画面が開くはずです。

「素材をキーワードで探す」の検索ボックスに、自分のサイトのイメージにしたい写真を探すための単語を入力します。私の場合は、「女性」と入力してみました。

で、仮でアイスクリームのブログサイトということで、以下の画像を選択しました。

画面の下の方に、画像のダウンロードボタンがあるので、私は「M」サイズを選択しました。

ちなみに、このサイトの画像は規約の範囲内で無料なので安心してください。

次に、THE THORの画面に戻ります。

メニューから、「TOPページ設定[THE]」→「メインビジュアル設定」を選択します。

すると、以下のような画面が表示されますね。

はじめに「メインビジュアル設定」の項目から、「メインビジュアルを表示するか選択」で、「表示」に変えてください。

すると、上記のような画面が表示されるので、「画像を変更」を押します。すると、先ほどPAKUTASOからダウンロードした画像をアップロードする画面が表示されるはずです。

この画面に、ダウンロードした画像をドラッグアンドドロップするだけでアップロードができます。

最後に「画像を選択」を押せば大丈夫です。

先ほどの画面に戻るのですが、「画像のマスクを選択」で、「ブラックメッシュ」を選択しましょう。

そして、「タイトル」と「サブタイトル」を入力すればOK。

以上で、簡単にトップページにタイトルを設定することができましたね。

 それ以上の設定は必要ないの?

例えば、タイトルロゴなど、色々必要ないのか?と心配になると思います。

でも、実はサイトのタイトルって、テキスト文字のまま使っている有名ブロガーって多いんですよね。あまり重要ではないんです。

ただし、トップページはアクセスした人の第一印象を決める場所なので、インパクトのある画像を設定する必要があります。

でも、ログなんて自分で制作するのは、それなりに技術力がいりますし、外注するとお金がかかります。

だから、この方法を使えば、ロゴっぽいデザインをトップページに簡単に入れることができますね。

これ以上の設定方法を知りたい場合は、「CusLOG」さんのサイトが分かりやすいでしょう。

ただ、その前に、

記事を書きましょう。記事が優先です。

デザインはその後ですよ!

ブログは記事の内容が命です。デザインにこだわって、時間を無駄にすればするほど、稼げるブログから遠ざかってしまうし、早く読者がアクセスしてこなければモチベーションを維持することすらできませんからね。

最新情報をチェックしよう!
>最強のWordPressテーマ「THE THOR」を使用しています

最強のWordPressテーマ「THE THOR」を使用しています

ワードプレスのテーマはAffinger5とTHE THOR(トール)の二強と言われていますが、このサイトは、THE THORを使用しています。

本気でアフィリエイトで稼ぎたい副業サラリーマンの方が短時間でブログを立ち上げられるのにピッタリ!記事で使いやすさを解説するよりも、どのようなサイトに仕上がるのか実際に読みながら体験していただく方が分かりやすいですからね。よかったらあなたも使ってみてください。ちなみに、別サイトではアフィンが-も試していますよ。

CTR IMG