WordPressのフリーテンプレート[Emanon Free]を利用して、トップ画面に表示されるおすすめ記事の背景画像を設定する手順と失敗談をご紹介します!

スポンサーリンク

Emanon Freeにはおすすめ記事を掲載できる場所がブログのトップページにあるよ!

WordPressでブログを作る魅力の一つはホームページみたいに構成をカスタムしやすいところだと思います♪

このブログではEmanon Freeというテンプレートを使用しているのですが、トップページにある[PICK UP]記事を表示してくれるのが気に入っています

他のテンプレートは知らないので共通じゃなかったらごめんなさい・・

このおすすめ記事欄の背景画像も自分好みの画像に設定する事が出来ます!

おすすめ記事欄の背景部分

上の画像は現在のブログのトップページなのですが

実はこの画像に到るまでに失敗もあったので

今回の記事ではEmanon Freeでのおすすめ記事欄の背景画像の設定の仕方背景画像を作るときに気をつけたい事を失敗例を挙げつつまとめます!

Emanon Free おすすめ記事欄の背景画像の設定方法

おすすめ記事欄の背景画像

早速おすすめ記事欄の背景画像を設定して行きましょう!

おすすめ記事欄の背景画像を設定する場所は左メニュー欄から

[外観]→[カスタマイズ]を選びます

外観→カスタマイズ

するとデザインのカスタマイズページに移動しますので

[フロントページ]→[おすすめ記事セクション設定]を選択

フロントページ設定
おすすめ記事セクション設定

[おすすめ記事セクション]というのが私が言ってるおすすめ記事覧(ページトップのヘッダー下に出る記事3つ)の事です

すると下の方に背景画像を設定するところが出てきます

おすすめ記事セクション設定

この[画像を変更]で画像を選択して好きな画像に変える事が出来ます!

WordPress初心者なのでこれがどこにあるか見つけるのが大変でした

おすすめ記事欄の背景画像を作ろう!

画像を選択する場所も無事に分かったので早速画像を作って行きましょう!

[おすすめ記事セクション]にも書いてある通り画像サイズは1920px×400pxで作成します

最初はナチュラル感を出そうと思って木目のフリー素材を設定してみました

おすすめ記事欄背景に木目画像

悪くはないけど普通な感じです

このブログはネコぱんが看板キャラクターなので、どちらかというとポップな雰囲気にした方が合うな〜と木目の画像を入れて分かりました

派手に行こうぜ〜!!!!

というわけでめちゃくちゃポップでイケてる画像(自称)を1時間ほどかけて作成

ポップでイケてる画像

このブログは21時更新なので夜寝る前に聴くラジオみたいな雰囲気でネオンのデザインにしてみましたよ

さぞかしかっこいいブログになる事だろうと思って変えてみると・・・

ほとんど見えない背景画像

ほとんど見えへんやないかーーーい

僕の可愛い顔があああぁぁぁ

パソコンで見るとサイドに余白があるので結構画像見えている気がしたのですが

実際に画像を入れてみるとご覧の通り縁取り程度にしか見えない事が判明

めちゃくちゃポップでイケてる画像はかなり気に入っているので今後何かに活かしたいです

この失敗から色々と試行錯誤した結果、このブログのイメージカラーを決めてイメージカラーの画像を作る事にしました

そして出来上がったのが現在の淡いグリーンの背景画像です

おすすめ記事欄の背景画像

ブログタイトルのFWAFWA hosueのグリーンをイメージカラーにしました

水彩で描いたようなグリーンの掛け合わせでハンドメイドの手の温もりを表現しています

って描くと小難しいですが、要はパッと見たときに水彩画っぽい背景があると

絵とかアートに関係あるブログかな?

みたいな印象を無意識に感じ取ってくれる・・・という期待を込めています

ブログのデザインと記事内容が合ってたらOKって事です!

私が使っているこの[Emanon Free]というテンプレートはレスポンシブデザインのテンプレートなのでスマホでもこの画像が反映されますよ

スマホで見たときのおすすめ記事画像

スマホからだとおすすめ記事は1つずつスライドして見れるようになっています

背景画像はほぼ見えないに等しいですがやっぱりここに色があるとブログが華やかになりますね♪

ブログデザインをカスタムしてブログを彩ろう

ブログの見た目のデザインを変えるとグッとブログが自分らしくなります

ブログを見にくるほとんどの人は記事が最初に見るページだと思いますが、他の記事も読んでみたいなと思ってトップページに戻った時、魅力的なトップページのデザインだと嬉しいですよね♪

このブログはまだまだ未着手の部分が多いですが今後も改良を続けて行きます!

初心者がWordPressでブログを作る奮闘記はシリーズで更新しています

この記事のタイトルにある「初心者がWordPressでブログを作る奮闘記」はWordPressの導入からシリーズとして更新しています

今回の記事以外にもWordPressでブログを作りたい、作り方が分からない人にきっとお役に立つ記事を書いていますのでぜひご覧ください!

スポンサーリンク