WINGを契約せよ!とお話ししました。今回は、ワードプレスへのログインからテーマ(デザイン)のインストールをご説明します。ウェブマーケティング業界で働いている龍由樹@ペンギン新聞です。ブログは初心者でも簡単にはじめることができます。続けさえすれば、アフィリエイトなどの広告だけでなく、ライター業やコンサル業など様々な仕事につながる魔法のツールです。私も書き続けた結果、1ヶ月18万アクセスを記録。広告収入だけでなくライターやコンサルティングでも活躍。転職もブログが切っ掛けでウェブマーケティング業界へ入ることができました。本当にやってて良かったと思います。WINGというサーバを契約すれば、安くて簡単だよ!というお話をしました。由樹この記事に書いてあることブログ初心者のブログの始め方の手順を全部公開します。この記事の通りに手順を進めれば、簡単にブログを公開できます。WINGを例にサーバの契約と設定方法、ワード[...]今回は、ワードプレスにデザインを入れる作業をしましょう。・ソフトクリームのブログ・Yukiのブログというタイトルのサイトという前提でお話をしますね。それ以上の設定は必要ないの?テーマとは?ワードプレスでは、デザインのことを「テーマ」と呼んでいます。これは無料のものと有料のものがありますが、途中でテーマを変えると記事の中に入れた文字装飾などが全部崩れてしまい全部修正しなければいけません。はじめに選んだテーマから変更できないんです。絶対にケチったらダメです。THOR(ザ・トール)」というテーマです。・表示速度が速い・新機能のリリースが速い・初心者は最低限の設定でスタートできる・上級者は細かい設定ができると、初心者からプロまで幅広い人が使えるテーマなんですね。ブログが育って、細かい設定をしたくなったら後から設定を増やせばいいだけだし、非常に優秀なテーマで、今、人気があります。WINGでワードプレスのインストールまで説明しました。ワードプレスの管理画面にログインしてみましょう。WINGの以下の画面に表示されています。このURLをクリックすればワードプレスの管理画面が開きます。すると、以下のようなログイン画面が表示されたハズ。WINGのワードプレスのインストール時に設定したユーザ名とパスワードです。ワードプレスのユーザ名とパスワードはここで入力したモノ!ワードプレスのユーザ名とパスワードは、以下の画面で設定したものですね。ユーザ名とパスワードが問題なければ、以下のような画面が表示されるハズです。これで、ワードプレスの管理画面にログインができたことになります。!テーマは、まだ入っていません。次にテーマを購入しましょう。テーマ(デザイン)を購入する次にテーマ(デザイン)を購入します。他のサイトには、Affingerがいいよ!とか、賢威がいいよ!とか、色々書いてありますが、正直、今、発売されている1万円以上のテーマで差はありません。Affingerなどプロ向けのテーマは、ブログを書き始める前の設定が大変で、それだけで難しい・・・ギブアップ!となってしまいかねません。THOR」を勧めます。他のテーマと比較する必要は全くないです。THORで慣れてから、他のブログを立ち上げる時にAffingerや賢威など他のテーマを検討すればよいでしょう。THORを購入してください。THORの公式サイトへアクセスしたらプランの選択画面が出ますので、基本的に左側の商品を購入しましょう。THORのトップ画面の右上に、「テーマダウンロード」と書かれたボタンがあるので、そこから購入画面に移動できます。購入したら、「the-thor.zip」というファイルがダウンロードできるので、大切に保存しておきましょう。一定期間経過すると再ダウンロードができなくなります。THORをインストール購入が完了したらワードプレスにインストールしましょう。先ほどのワードプレスの管理画面に戻ったら、画面左側のメニューから「外観」→「テーマ」と選択します。すると、以下の画面が表示されるので、「新規追加」ボタンを選択します。次にテーマの選択画面が表示されるので、「テーマのアップロード」を選択します。以下が、インストール画面ですね。先ほど、ザ・トールの公式サイトからダウンロードした、the-thor.zipを選択し、「今すぐインストール」を選択します。数秒経過すると、インストールが完了したことを伝えるメッセージが表示されるハズです。THORに変わります。THORの設定をしていくだけなのですが、設定項目は超多いです。プロまで使えるテーマなので。初心者は1カ所だけ設定すればOKです。1カ所設定した後に、まずは記事をどんどん書いていきましょう。THORの設定はあるのですが、早く書き始めないと、ブログを持つことの実感がわきません。今は、スマートフォンからのアクセスが8割なので、誰も気の利いたデザインを見ていないんですね。記事の内容を読みたい読者がほとんどです。技術屋さんになりたいのであれば、細かい設定をした方がよいですが、初心者はまず書く!これにつきます。簡単な設定方法ですが、以下の画面からアクセスします。左側のメニューから「テーマ」をクリックします。THORの「カスタマイズ」ボタンをクリック。すると、以下のような画面が表示されます。THOR」のメニューです。・・・と、その前に、ブラウザのもう一つのタブを開いてください。トップページのイメージ画像をダウンロードしましょう。PAKUTASOという無料画像サイトがあるので、イメージ画像をダウンロードします。PAKUTASOへアクセス以下の画面が開くはずです。「素材をキーワードで探す」の検索ボックスに、自分のサイトのイメージにしたい写真を探すための単語を入力します。私の場合は、「女性」と入力してみました。仮でアイスクリームのブログサイトということで、以下の画像を選択しました。画面の下の方に、画像のダウンロードボタンがあるので、私は「M」サイズを選択しました。ちなみに、このサイトの画像は規約の範囲内で無料なので安心してください。THORの画面に戻ります。メニューから、「TOPページ設定[THE]」→「メインビジュアル設定」を選択します。すると、以下のような画面が表示されますね。はじめに「メインビジュアル設定」の項目から、「メインビジュアルを表示するか選択」で、「表示」に変えてください。すると、上記のような画面が表示されるので、「画像を変更」を押します。すると、先ほどPAKUTASOからダウンロードした画像をアップロードする画面が表示されるはずです。この画面に、ダウンロードした画像をドラッグアンドドロップするだけでアップロードができます。最後に「画像を選択」を押せば大丈夫です。先ほどの画面に戻るのですが、「画像のマスクを選択」で、「ブラックメッシュ」を選択しましょう。「タイトル」と「サブタイトル」を入力すればOK。以上で、簡単にトップページにタイトルを設定することができましたね。それ以上の設定は必要ないの?例えば、タイトルロゴなど、色々必要ないのか?と心配になると思います。実はサイトのタイトルって、テキスト文字のまま使っている有名ブロガーって多いんですよね。トップページはアクセスした人の第一印象を決める場所なので、インパクトのある画像を設定する必要があります。ログなんて自分で制作するのは、それなりに技術力がいりますし、外注するとお金がかかります。この方法を使えば、ロゴっぽいデザインをトップページに簡単に入れることができますね。これ以上の設定方法を知りたい場合は、「CusLOG」さんのサイトが分かりやすいでしょう。