【WordPressテーマ・ColorMag】カスタマイズの手順2・フロントページの設定

前回まではWordPressテーマ「ColorMag」の導入とヘッダーの設定をご紹介しました。今回はフロントページの設定を中心に、その他の細かな設定をご紹介します。

「これで無料?高品質なWordPressテーマ「ColorMag」をご紹介!」 【WordPressテーマ・ColorMag】カスタマイズの手順

サイトレイアウトを決める

どのレイアウトを使用してもヘッダー部分は同じなので、前回は先に先にヘッダーの設定をご紹介しました。でも今後はウィジェットでトップページを作っていくので、サイトのレイアウトを決めておく必要があります。 サイトレイアウトは「ダッシュボード」→「外観」→「カスタマイズ」→「Design Options」→「Default layout」に進みます。

3image

見るだけで直感的にわかりますが、ワンカラムかツーカラムか。ワンカラムはスライダー以降に関して2種類の幅を選べます。

そしてツーカラムは右サイドバーか左サイドバーかを選べます。

このサイトではトップページも個別記事もデフォルトのまま、ツーカラムの右サイドバーを選びました。

なお固定ページに関しては、固定ページの編集画面でレイアウトが決められます。固定ページは「Contact Page Template」を、レイアウトは「No Sidebar Full Width」を選びました。

背景画像の設定

背景画像はサイトレイアウトは「ダッシュボード」→「外観」→「カスタマイズ」→「背景画像」に進むと以下のような図が出てきます。

3image

けれどそのままでは反映されません。「ダッシュボード」→「外観」→「カスタマイズ」→「Design Options」→「Site Layout」に進み、「Boxed Layout」にチェックをつければ背景画像が反映されます。

ここまででサイトレイアウトと背景画像が決まりました。次はいよいよウィジェットを使用して、ヘッダー以下のデザインの設定に入ります。

スライダーの設定

「ダッシュボード」→「外観」→「ウィジェット」に進むと以下のような画面が出てきます。スライダーの設定は赤字で書いた①と②の部分です。

image1

実際の位置関係は以下のとおりです。

image

①がスライダーで②がスライダーの横のサムネイルが並ぶ箇所です。ドラッグし、各項目を開くと以下のような画面が出てきます。

image2

新しい記事を表示するか好きなカテゴリーの記事かを選べます。迷いましたが私はこの下で新しい記事を表示するため、ここではカテゴリーをセレクト。

4記事を表示することにしました。 スライダーの設定は以上です。ここまででトップページのヘッダーとスライダーが完成し、サイトレイアウトと背景画像が決まりました。

トップページの完成までもうひと踏ん張りです。

ABOUTこの記事をかいた人

はじめまして。ブログの管理人Violetです。 このブログは私が日々感じたこと、考えたことに独自の視点を交えて書き留めている忘備録です。読者の方に少しでも楽しんでいただけたら幸いです。詳しいプロフィールはこちら!