wordpress初級編②~トップページカスタマイズ設定~

~この記事のポイント~
・トップページのデザイン変更方法解説
・初級編なので難しい事は一切なし

・テーマはTHE THOR


この記事ではwordpressインストールを終えテーマを決めるところまで済んでどんなデザインにしようかなと悩んでいる方向けのページです。



トップページのデザインを変えるだけという観点で解説してますので難しい事は一切ないのでしっかり読んで進めていきましょう!


ちなみにカスタマイズはダッシュボードの外観→カスタマイズから行けるので図解を見ながら一緒に確認してやっていきましょう。


それではどうぞ。




基本設定編


サイトロゴの設定


サイトロゴはサイトページの左上に表示されるロゴで自分でアップロードした画像などを設定することができます。


設定する場合はタイトルは表示されないので文字が良いかロゴが良いかは選んでください。





アイキャッチの画像設定


アイキャッチ画像とは、投稿画面に出てくるトップの画像の事で記事の初めに入れて読者の興味を惹いたり、記事の概要を表したりする画像のことです。


ここで設定すると記事を上げるたび設定した画像になってしまいここで設定するメリットがあまりないですし記事作成ページでアイキャッチ画像は載せる事が出来るので記事に合わせてアイキャッチを変えたい人にはあまり意味はないと思います。


ほとんど変えないという方はここで設定しておいて変えたい時だけ記事ページで載せたい画像に変えるのをお勧めします。





基本スタイル設定


基本スタイルとはテーマカラー、背景色、背景画像、フォントサイズを選んだりすることができるところになります。


自分の好みで選んでいきましょう。






共通エリア設定


ヘッダーエリア設定


ヘッダーエリアはページの上部部分になりここの設定ではレイアウト、テキストカラー、グローバルメニュー、メニューパネル、検索機能など表示するかしないかの選択ができます。





メインカラムエリアの設定


ここではメインカラムフレームタイプの変更、ウィジェットのフレーム、見出し、見出しのカラー設定できます。

※ここのウィジェットの見出しカラーの変更した場合、1‐3で説明したテーマカラーが設定されている色をここだけ変える事が出来るので変更したい人は設定しましょう。





サイドカラムエリアの設定


サイドカラムエリアの設定ではフレームのタイプ変更、サイドエリアウィジェットの見出し、カラーの変更が出来ます。





トップページ設定


メインビジュアル設定


ここではメインビジュアル(トップ画像)の静止画、表示サイズ縦、横の設定、YouTube動画、スライドショーを表示させる事が出来ます。


画像のところにタイトル、サブタイトルを入力する事も出来ます。

※メインビジュアルではデフォルトでは静止画表示されていますがYouTube動画、スライドショーを表示させたい場合はメインビジュアルの表示設定に対応のチェックを入れる必要があります。





カルーセルスライダーの設定


カルーセルスライダーの表示の有無、表示記事の種類、件数、画像の表示サイズを設定する事が出来ます。


ブログって感じでかっこいいですね!

 



最後に・・・


トップページの編集は進みましたでしょうか?


私はテーマトールでの設定でしたが他のテーマでも共通するところもあると思いますので参考にして頂けたら幸いです。


下記の記事では記事ページデザインについて解説していますのでどうぞ。

関連記事

~この記事のポイント~ ・記事の作り方、投稿ページデザインを簡単解説 ・図解なので分かりやすい ・テーマ THE THORで解説 この記事では記事作成時に使えるパーツの説明などを盛り込みあなたの記事を見た人が見やすい[…]




最後まで見ていただきありがとうございました。