初心者がWPテーマGoranでシンプルなホームページをつくる3【フロントページのカスタマイズ】
やぁこんにちは。今回はkalafta.comのフロントページをカスタマイズします。
初心者がWPテーマGoranでシンプルなホームページをつくる【目次】 ※各記事へ移動します。 |
1【使用したプラグイン】 |
2【ページとメニューの作成】 |
3【フロントページのカスタマイズ】*この記事です* |
4【ウィジェットエリアのカスタマイズ】 |
5【コンテンツページの編集】 |
6【テーマカラーの変更】 |
7【URLの変更】 |
8【マイナーチェンジ】 |
9【マイナーチェンジ2】 |
10【CSSの追加とサイトのSSL化と…】 |
Contents
外観→カスタマイズ→固定フロントページ
固定フロントページ項目→フロントページの表示欄は固定ページにチェック。その下のフロントページ欄で、作成したフロントページを選択。フロントページのアイキャッチ画像がどーんと表示されました〜
ロゴの設定
サイトタイトル、項目でロゴとサイトアイコンを設定。ロゴはw1000pxくらいでつくって.pngでweb用に保存したやつです。意味があるか分かりませんがきれいに表示されることを願って。ロゴの表示サイズはテーマ指定のものに勝手になります。
サイトアイコン=ファビコン?は、推奨サイズ512px角の.pngでweb用に保存したもの。
サイトタイトルとキャッチフレーズを表示欄のチェックは外します。
色、ヘッダ画像、背景画像項目はノータッチで
ノータッチです。
メニューの位置を選択
メニューの位置はここでも選択できます。※メニュー作成時にも選択できる。
おすすめ記事のページを選択
テーマオプション項目でヘッダ画像下の「おすすめ記事コーナー」3ヶ所の記事(ページ)が選べます。選択したページのアイキャッチ画像が表示されます。
一番上の黒いバーにテキストを入力
同じくテーマオプション項目で上の黒いバーのテキストを入力。
別にテキスト入力しなくてもよかったんだけど、せっかくあるし、もったいないし。
<a class=”button-minimal” href=”http://kalafta.com/news/”>news</a>
リンクを新しいタブで表示させたい場合は下。
<a class=”button-minimal” href=”http://kalafta.com/news/” target=”_blank”>news</a>
リンクを新しいタブで表示させたい場合は下。
<a class=”button-minimal” href=”http://kalafta.com/news/” target=”_blank”>news</a>
NEWSページヘのリンクボタンにしました。勝手に大文字になる。
このボタン、背景が白のところに設置するとちゃんとテーマカラーのボタンになりますえらい。
さー疲れたぞ。
次はウィジェットエリアのアレだ!