フロントページは、Webサイトの印象を決定づける重要な要素のひとつです。

Emanon Freeは、注目を集めたい記事コンテンツを3列に表示することで、訪問者にサイトのテーマを訴求し、記事のクリックを誘導するデザインとなっています。

フロントページ設定

WordPress管理画面 > 外観 > カスタマイズ > フロントページ設定をクリックすると下記画面が表示されます。

フロントページ設定

おすすめ記事セクション

おすすめ記事セクション

グローバルナビの直下に配置した要素が「おすすめ記事セクション」です。サイト訪問者に見てもらいたいコンテンツを3つまでPick upすることができます。

また、おすすめ記事セクションの背景画像や背景色をアレンジすることも可能です。サイトのテーマに合った雰囲気を演習することができます。

表示ページ設定

「おすすめ記事セクション」には、投稿ページか固定ページを3つまで表示することができます。以下の手順で、「おすすめ記事セクション」に希望の記事を表示してください。

  1. 「おすすめ記事セクションの表示」をチェックします。
  2. 「投稿ページを表示」または「固定ページを表示」のどちらかをチェックします。
  3. WordPress管理画面からPick Upしたい「投稿ページ」または「固定ページ」の編集画面を開きます。
  4. 編集画面の右下にある「おすすめ記事に表示する」をチェックします。
    おすすめ記事に表示する
  5. おすすめ記事のラベルを編集します。初期値は「Pick Up」です。

セクションの背景色

「おすすめ記事セクション」の背景色を設定することができます。

背景色設定

上記画面は、背景色を#c1c1c1に設定し、背景色の透過のボタンを100%の位置(右端)にした状態です。

背景色の透過スライドボタンは、背景色を0%(左)から100%(右)の幅で濃さ(透過率)を調整できます。

背景画像

「おすすめ記事セクション」の背景画像を設定することができます。

背景画像設定

上記画面は、背景色の透過スライドボタンを右端に設定し、1920px 400pxの画像を「背景画像」にアップロードした状態です。

背景のブラー(初期値0)

背景(背景画像または背景色)をぼかす(ブラー効果)ことができます。数値が大きくなるほど背景がぼやけます。

ブラー効果はIEでは対応していませんのでご注意ください。

ブラー効果

上記画像は、1920px 400xpの画像を背景画像に設定し、「背景のブラー」を70に設定した状態です。

記事セクション

記事セクション

記事セクションのタイトルを「新着記事」や「LATEST POSTS」などに変更することができます。初期値は「最新記事」です。

スポンサーリンク