【超初心者用、始めたばかりの人用】わかりやすいCocoonのタイトル画面のロゴのサイズや画像を変更したい。

Cocoon設定方法

sasuke父です。

少しずつブログに慣れてきました。

今回はsasuke母に

SASUKE母
SASUKE母

タイトルのロゴが小さいけどどうにかならないの?

SASUKE父
SASUKE父

ん~、調べてるんだけどよくわからないんだ。

SASUKE母
SASUKE母

使えないわね~

SASUKE父
SASUKE父

ごめんなさい。もっと調べます。

ということで色々調べてみようと思います。

みなさんも悩んでませんか?難しいですよね。

スポンサーリンク

私なりの結論

色々調べてみましたが、Cocoonの設定では、全体の文字のサイズの変更は出来ますが、タイトルだけを単独で修正するようなことは出来ないようです。

よく検索で出てくるCSSとかいうのを変更すれば出来るかもしれませんが、今のところsasuke父にはその場所もわかりませんし、やり方も全然理解できません。

なので、違う方法でタイトル画面のロゴを作ってみたいと思います。

用意するもの

今回は背景に写真を取り込んで、そこにタイトルロゴを入れたいと思います。

背景の画像

まずは皆さんのブログにふさわしい、背景の写真が絵などをパソコンに入れて下さい。

サイズは勝手に引き延ばされるようですが、引き延ばす分荒くなるようなので、横サイズの写真の方がよいかもしれません。

タイトルロゴ作る

このブログ名は「SASUKE FAMILYのなんでもBLOG」です。このタイトルロゴを作ろうと思います。

色々な無料のロゴ作成サイトがありますが今回は、

cooltextを使いたいと思います。

どこのロゴ作成サイトを利用しても大丈夫ですが、写真の上にロゴを表示する感じなるのでロゴの透明化ができるサイトを選んでください。

cooltext→https://ja.cooltext.com/

ccotextでのロゴの作成方法です。(この記事を読む必要が無ければ、次の目次に進んでください。)


①サイトを開いたら、好きなロゴを選んでクリックして下さい。

②自分のブログのタイトルなど表示したい文字を入力下くだい。

③フォントの文字の所をクリックして、好きなフォントを選んでください。

④フォントのサイズを選んでください。

⑤LOGOをクリックしてフォントの色を選んでください。

⑥文字で消えていますが、Shadowを選択して、影を作りたい場合は影を作ってください。

⑦Imageをクリックして下さい。

⑧ロゴを配置する位置を選んでください。

⑨Create Logoをクリックして下さい。

⑩画像をダウンロードをクリックして下さい。

⑪□部分をクリックして下さい。

⑫・・・をクリックして下さい。

⑬画像を好きなところに保存して下さい。

これで準備は完了です。

Cocoon設定しましょう。

作業お疲れさまでした。

では、あとひと頑張りしましょう。

まずはCocoonのダッシュボード(左側)から

①Cocoon設定をクリックして下さい。

②Cocoon設定をクリックして下さい。

③ヘッダーをクリックして下さい。

次に

下の方にスクロールして、先ほど作って画像を貼り付けます。

貼り付け方は

①選択をクリックして下さい。

②ファイルをアップロードをクリックして下さい。

③ファイルを選択をクリックして下さい。

④背景と、作ったファイルを選択して下さい。

⑤右下の投稿に挿入をクリックして下さい。

最後です。

画像の選択が終わったら次の画像の通り数字を変えます。

皆さんの背景のサイズに合わせて変更して下さい。

私のタイトルは500にしています。

すべての作業が終わったら上か下の変更を保存するをクリックして下さい。

これで完了です。

まとめ

私も、やりながら記事を作成しています。

皆さんにやり方が伝わればよいのですが、、、。

文章力が無くてすみません。

これで、私のブログもそれっぽくなってきたと思います。

ブログレベルアップです。

ご覧いただきありがとうございました。