cocoonのアピールエリアに画像を追加しました

ピースキャリアおおたです。
今日も私のブログを読んでいただきありがとうございます。

今日はこのブログのTOPページのアピールエリアに画像を挿入することができましたので、
そのことについてご説明したいと思います。
アピールエリアを作成することで、ヘッダーとボックスメニューの間に写真(動画)が入ります。私はヘッダーメニューとボックスメニューを作成しているのですが、なんだかメニューがごちゃごちゃしているので、画像を入れることでスッキリさせおきたかったのです。
私はWordPressの無料テーマcocoonを使っていますので、cocoon仕様でのご説明です。

サーバー登録からとりあえず形にするまではWordPressを始めたときの感想を記事に少し書いています。

今日は図式でご説明してみます。

画像を作成する

まず、CANVAで画像を作成します。
サイズは1200×600で作りました。
これをダウンロードしておきましょう。

設定をしていく

続いて、cocoon設定のアピールエリアを選択します。

今回は画像のみを入れるだけなので、アピールエリアはどこで表示させるか、ファイルを選択し、画像の中にも何も入れないという設定にしました。

何か入れたい方はこの下に指示するところがありますので、アピールしたい言葉をぜひ入れて下さい。
ただ、ここに文字を入れ込むと、画像に色がある場合文字の周りが白くなってしまうので、ビジュアル的に美しくないと思う方が多いと思います。その場合は、CANVAで先にアピールする言葉も入れ込んでから画像とするほうが良いのかもしれません。私は今回あえてそのままで設定しました。

設定がすべて完了しましたら保存、するとメニューとボックスメニューの間に画像が入り、少しスッキリ見えるようになりました。
ぜひやってみてください。

少しずつスッキリしていくピースキャリアの森をどうぞこれからもお楽しみ下さい。

この記事を書いた人

ピーキャリおおた

ピースキャリア代表おおたです
千葉県野田市在住
自己分析支援を中心に、就職・転職支援をしています。
マルシェではワンコイン相談、イベントではワークショップを開催してます。
友だちのように気軽に相談できる環境づくりを心がけている、キャリアコンサルタントです。