こんにちは、シャトーブリアンです。
WordPressに慣れてきたので、デザインをちょっとずつ自分好みに変えていっています。
WordPressテーマ「Cocoon」のカスタマイズメモです。
今回は「ヘッダーロゴを作って設定する方法」！
Cocoon「ヘッダーロゴを作って設定する方法」
ヘッダーロゴとはサイトの１番上のタイトルがあるところです。
Cocoonのデフォルトは、サイトカラーに文字だけというシンプルな表示です。
これを画像に変えていきます。
完成イメージはこちらです。
Before
After
ロゴの作成
ロゴを作れるサイトはいろいろあります。
その中でも「Canva」というサイトは簡単でわかりやすい！
直感的な操作で作っていくことができます。素材の種類も豊富で、しかも無料で作れるのでかなりオススメです♪
Canvaでのロゴの作り方をご紹介します。
ロゴがすでにあるという方は先へ進んでください♪
Canvaでロゴを作ろう！
サイトはこちらです。
１、アカウントの登録
はじめに、アカウントを登録します。
アカウントを登録しなくても使うことはできますが、途中で何度も「登録して！」と表示されるので、初めに登録してしまったほうがラクかもしれません。
Google、Facebook、メールアドレスのいずれかで登録することができます。
２、ロゴの作成
はじめにロゴのサイズを決めます。
このブログのタイトルは1240×240pxで作成しています。
サイズを決める
１、右上の「デザイン作成」のボタンを押す
２、「カスタムサイズ」を押す
３、幅と高さを入力して「新しいデザインを作成」を押す
指定サイズのキャンバスが出来あがります。
ロゴ作り
真っ白なキャンバスに文字や絵などを配置していきます。
左にメニューがあります。
・写真
・素材
・テキスト
それぞれに選択肢がたくさんあります。
テキストや素材などを組み合わせて、オリジナルのロゴが作れます。
使用する素材には無料のものと有料のものがあり、マウスポインターを近づけるとそれぞれ表示されます。
例えば文字を入れたい場合、「テキスト→見出しを追加」でキャンバス内に文字を入れることができます。色やサイズなどの変更は上のバーから行うことができます。
完成したらダウンロード！
１、右上の「ダウンロード」を押す
２、ファイルの種類を選んで「ダウンロード」を押す
ダウンロードしたものをパソコン内で画像として保存しましょう。
作ったロゴをCocoonに設定
１、Cocoon設定から「ヘッダー」を選択
２、ヘッダーロゴの「選択」を押して画像を選ぶ
３、「変更をまとめて保存」を押す
これで作業は終わりです。
変更できたか、ヘッダーを見てみよう♪
できた！
本家の説明はこちら♪
