はじめまして「かたやん」と申しますこのブログのヘッダー画像ですがcoc…

Cocoon解決済み
ユーザー988さん
ユーザー988

はじめまして「かたやん」と申します
このブログのヘッダー画像ですがcocoon設定ではヘッダーロゴというのがありますが、使い方がどうやって使うのか知りたいのです。
https://ivcsd.com/
canvaで「かたやんブログ」というロゴ画像を作り、今表示されているところに代わってロゴ画像と取り換えたいのですがどうやったらいいでしょうか?
昨夜「Entertaibers」というのをあてたら、ダブって二つ表示されてしまうのでどうすればもともと表示されているところに置き換えれるのかが知りたいのです。

また。ロゴサイズは幅150×高さ20くらいでよいでしょうか?
canvaのロゴ坐像の作り方も昨夜一晩やってみましたがうまくできませんでしたので教えてほしいのです

添付された画像

みんなのコメント 10件

ベストアンサー

質問者からのお礼コメント

ユーザー988さん
ユーザー988さん質問者

ありがとうございました。初めてcocoonを使いますので
ロゴ画像のことはCocoon の公式フォーラムで伺います

ユーザー660さん
ユーザー660さん

こちらのサイトに Canva を使用した Cocoon ヘッダーロゴの作り方が紹介されているので参考にしてみてください。
https://ten-mina.com/cocoon-blog-header-logo/

またヘッダーロゴのサイズですが、ヘッダー画像のサイズにもよるので一概には言えませんが、当然ヘッダー画像より小さくしないとはみ出してしまうようなので注意してください。

ユーザー660さん
ユーザー660さん

>昨夜「Entertaibers」というのをあてたら、ダブって二つ表示されてしまうのでどうすればもともと表示されているところに置き換えれるのかが知りたいのです。

▶恐らくですが、ヘッダーとヘッダーロゴに同画像を設定したため、画像がダブってしまったと予想されます。

なので、ヘッダーとヘッダーロゴの大きさに注意してください。
ヘッダーロゴは、ヘッダーよりも画像を小さくする必要があります。

ユーザー988さん
ユーザー988さん質問者

Canvaのホーム右上の「デザインを作成」⇒「カスタムサイズ」で画像サイズを指定します。500×100にサイズ指定してみたらこのサイズに合うテンプレートが三塚エイませんでしたというのが出ます、
そして、無料版Canvaを利用する場合、先にブログのヘッダー背景に合わせてロゴ画像の背景色を指定しておきましょう。ということですが、
色の指定方法がわかりませんでした
ここかエアどうすればいいですか?

添付された画像

ユーザー660さん
ユーザー660さん

>Canvaのホーム右上の「デザインを作成」⇒「カスタムサイズ」で画像サイズを指定します。500×100にサイズ指定してみたらこのサイズに合うテンプレートが三塚エイませんでしたというのが出ます、

▶「サイズに合うテンプレートが見つかりませんでした」かと思いますが、私の場合はテンプレートが表示されましたよ。数値入力欄に余計な文字など入っていないでしょうか。

>色の指定方法がわかりませんでした

▶サイドバーの「背景」がそうかと。サイドバーに表示されなければ「もっと見る」の中に「背景」があるはずです。

添付された画像

ユーザー988さん
ユーザー988さん質問者

添付画像の通りヘッダー背景画像に1つ画像を入れてみると
一般設定のサイトのタイトル
「かたやんブログ」というのが表示されます。
https://ivcsd.com/
この「かたやんブログ」の部分をロゴ画像に置き換えたいのですが可能ですか?

添付された画像

ユーザー660さん
ユーザー660さん

>この「かたやんブログ」の部分をロゴ画像に置き換えたいのですが可能ですか?

▶「ヘッダーロゴ」がそうですね。
「ヘッダー背景画像」と「ヘッダーロゴ」が同じ大きさだったり「ヘッダーロゴ」の方が大きかったりするとデザインが崩れるので注意してください。
https://ten-mina.com/cocoon-blog-header-logo/

ユーザー988さん
ユーザー988さん質問者

デザインを作成⇒おすすめ→ロゴ500×800px→テンプレートが左に出る→ヘッダー画像に近い紺色に近い色を選ぶ⇒ここからどうやってちょうどいいサイズのロゴ画像をつくればいいでしょうか?
さっぱりわかりません

添付された画像

ユーザー660さん
ユーザー660さん

どの段階での話をしているのかが不明ですが、やり方はいろいろとあるかと思います。
ある程度ロゴを作成したら画像ファイルとしてダウンロードして、画像編集ソフトなどを使ってトリミング(切り取り)するのが手っ取り早いんじゃないですかね。

画像編集ソフトといっても Google フォトなどのフリーソフトで簡単にできますし、サイズ(px)を指定するのであればフリーサービスなどを利用されてみたらいかがでしょうか。
https://www.bannerkoubou.com/photoeditor/cut/

この辺がわからないのであれば、業者などにお金を払ってロゴを作ってもらってください。

ユーザー988さん
ユーザー988さん質問者

何とかこの画像を作れましたので
Jtrimというソフトで切り取り500×200サイズのロゴ画像を
作ります

添付された画像

あなたの経験や知識を共有しませんか?

ほかのユーザーの相談に、コメントで参加してみましょう。

ログインしてコメントするはじめての方は無料登録