ヘッダー文字を変えたい!WordPress超初心者のヘッダー変更

WordPress
スポンサーリンク

こんにちはWordPress超初心者のはむちろです!

WordPressが全然分からない状態から
少しづつ何かを習得していくアラフォー主婦を
生暖かく見守ってほしいと願うコーナーです。

こんなに出来てなくても
何とかやってる人もいるなら
自分もっと大丈夫じゃん!
って安心感を得るためにもご利用くださいw

さて
今日はこのブログのヘッダーの
タイトル部分を変更したので
それについて記録していきます!

スポンサーリンク

ヘッダーの文字を変えたい

サイトを立ち上げてすぐ
背景画像は
取り急ぎ好きな画像(空と海)を貼ったのですが
タイトルの文字部分は
そのままにしていたんですよね。

サイトを立ち上げて
しばらく経つのですが

どうもヘッダの文字が気になるな~

と気になって仕方がなくなって来ました。
(他にも沢山気になる所あるけど)

デフォルトの文字だとタイトルが小さい

これ、小さくないですか

私は「Cocoon」というテーマを使ってますが
デフォルトの表示のままだと
文字がすごく小さい!

でも、設定だけで
この文字サイズの変更方法が分からず
また
いかにもデフォルトな文字~~
なのも嫌だったので

ひとまず他のフォントで
タイトルを入れてみようと思いました。

スポンサーリンク

canvaでタイトルのロゴを作ってみる

ブログを作成されている沢山の方が
ロゴを作成したりデザインするにあたり
よくお勧めされているCanvaを利用して
タイトル文字だけ作ってみました。

750×200サイズで
シンプルに文字だけのロゴを作成。

簡単ですね。
これでデフォルト文字からの脱却です。

早速貼ってみましょう。

そのまま貼ると背景が白抜き。。

Cocoon設定のヘッダーメニューより
作った画像を
ヘッダーロゴとして取り込むと
背景が白で塗りつぶされてしまいました^^;

そんな気はしていたよ。。

背景は透明にしないといけないですね。

牛歩だな。。

背景を削除するサイトを使う

背景を消したいなと思って調べていたら
このようなサイトがあるとのことで試してみました。
remove.bgというサイトです。

写真・画像の背景をワンクリックで消す方法 | まずは無料でお試し – remove.bg
remove.bgは写真の背景を消したい、写真から人物を切り抜きたい方に最適です。背景透過のやり方が分からない方でも、簡単に画像の切り抜きや背景の透過が可能。パソコンかスマホさえあればOKです。

こちらのサイトで
背景を削除したい画像をアップロードすると
背景を透明化してくれます。

なんとかタイトルロゴ設定!

背景を透明化したほうの
タイトルロゴをヘッダーロゴとして設定します。

お!やっとできました!
デカい気もしますが
サブタイトル的な文字もこの先入れていきたいので
とりあえず今回はここで終了。

しかしスマホでは表示が大きすぎるっっ!
画面いっぱいに表示されてしまいます。

これはいずれ。。対策します。。泣

なかなか進みませんが
めげずに一歩ずつ進めていきます!

スポンサーリンク

おまけ:今日のハム

今日のハムは
サメではなく木のお家で寝てました。
かわゆえ~

ではまた~!

コメント

タイトルとURLをコピーしました