パソコン

こんにちは、久川和人です。

WordPressテーマ『Cocoon(コクーン)』では、トップページのヘッダー部分にヘッダー画像(背景画像)とロゴ、キャッチフレーズを設定することができます。

今回は、『Cocoon』のヘッダー画像とロゴ、キャッチフレーズの設定方法について説明していきます。

Cocconがインストールされていない場合は、こちらの記事にインストール方法が書かれていますので、参考に設定してみてくださいね。

【図解で簡単!】WordPressテーマ『Cocoon』のインストール方法

ヘッダー画像の設定方法

ヘッダー画像の設定を行うには、WordPress管理画面の左メニューから、【Cocoon設定】→【Cocoon設定】をクリックします。

Cocoon設定

Cocoon設定画面が表示されるので、【ヘッダー】タブをクリックします。

ヘッダータブをクリック

ヘッダー設定画面が表示されます。画面を下にスクロールし、「ヘッダー背景画像」の項目の【選択】をクリックします。

ヘッダー背景画像

画像を選択する画面が表示されます。メディアライブラリの中から選択する場合は、ヘッダー画像にしたい画像をクリックし、右下の【画像の選択】をクリックします。

ヘッダー画像を選択

ヘッダー画像にしたい画像を新規にアップロードしたい場合は、「ファイルをアップロード」タブをクリックし、アップロードするファイルをドロップ、または、【ファイルを選択】をクリックして、画像を選択します。

ファイルをアップロード

右下の【画像の選択】をクリックします。

画像の選択

選択したヘッダー画像が表示されます。

ヘッダー画像

ヘッダー画像の設定が終わったら、画面上部または画面下部にある【変更をまとめて保存】をクリックします。

保存

これでヘッダー画像が設定されました。ブログを表示させると、ヘッダー部分に画像が表示されていることが確認できます。

ヘッダー画像

ヘッダー画像の高さの設定方法

ヘッダー画像の高さは自動的に設定されますが、好きな高さも設定することができます。その場合は、「高さ」の項目の右側にサイズを入力します。個別にモバイル用に設定したい場合は、「高さ(モバイル)」の項目の右側にサイズを入力します。

ヘッダーの高さ設定

設定が終わったら、画面上部または画面下部にある【変更をまとめて保存】をクリックします。

保存

ロゴ/キャッチフレーズの文字の設定方法

ロゴとキャッチフレーズの設定を行うには、WordPress管理画面の左メニューから、【設定】→【一般】をクリックします。

一般設定

サイトのタイトル」、「キャッチフレーズ」を入力します。「サイトのタイトル」がロゴの文字となります。

ロゴとキャッチフレーズ

入力が終わったら、画面を下にスクロールして、【変更を保存】をクリックします。

変更を保存

ロゴ/キャッチフレーズの文字色の設定方法

ロゴとキャッチフレーズの文字色を変更するには、WordPress管理画面の左メニューから、【Cocoon設定】→【Cocoon設定】をクリックします。

Cocoon設定

Cocoon設定画面が表示されるので、【ヘッダー】タブをクリックします。

ヘッダータブをクリック

ヘッダー設定画面が表示されます。画面を下にスクロールし、「ヘッダー色(ロゴ部)」の項目のロゴ文字色の【色を選択】をクリックします。

色を選択

好きな色をクリックするか、色コードを入力します。

色を選択

設定が終わったら、画面上部または画面下部にある【変更をまとめて保存】をクリックします。

保存

キャッチフレーズの配置の設定方法

キャッチフレーズの配置は、デフォルトではロゴ文字の上に表示されます。

トップ画面

上図のように、ロゴがセンター(中央)に表示している場合は、キャッチフレーズをロゴ文字の下に表示させることもできます。変更するには、WordPress管理画面の左メニューから、【Cocoon設定】→【Cocoon設定】をクリックします。

Cocoon設定

Cocoon設定画面が表示されるので、【ヘッダー】タブをクリックします。

ヘッダータブをクリック

ヘッダー設定画面が表示されます。画面を下にスクロールし、「キャッチフレーズの配置」の【ヘッダーボトム】欄をクリックします。

キャッチフレーズの位置変更

設定が終わったら、画面上部または画面下部にある【変更をまとめて保存】をクリックします。

保存

おわりに

今回は、『Cocoon』のヘッダー画像とロゴ、キャッチフレーズの設定方法について説明いたしました。

Cocoonではヘッダー画像とロゴ、キャッチフレーズの設定が簡単にできますので、お好みに合わせて設定を変更してみてくださいね。

 

好きをお金にするマニュアルプレゼント中♪
久川和人のうつ病克服への日記を別のブログで書いています。読んでもいいよって方は、以下をクリックしてみてくださいね♪
日記
好きなことを仕事にできるブログライティングが身に付く教科書”ドリームライティング”
ドリームライティング

趣味ブログから始めて、
あなたの好きな場所で、好きな時間に、好きなことを仕事にできるブログライティングを身に付けてみませんか?
そんな夢が叶う教科書が”ドリームライティング”です。
今なら僕の特典も付いています。

Twitterでフォローしよう

おすすめの記事