▪️ちょっとだけイメージチェンジです＾＾
今回は格安スマホの話ではなく、ちょっとした小話です。
さて、今まではシンプルなタイトル画面でしたが、昨日ちょっと変えてみました＾＾
それがこの画像です。
あくまでもシンプルが良かったのと、出来るだけ軽い画像が良かったので、こんな形に収まりました＾＾
でもまだ改善の余地は十分過ぎるほどあるので、これから時間があればいじっていきたいと思います。
さて、もしかしたら「タイトルに画像を入れるやり方が分からないよー」って人もいるかも知れないので、タイトルに画像を入れるやり方をご報告致します。
▪️まずは画像を用意しよう＾＾
まずは画像がなければ、話になりません（笑）
ですので、画像を用意するところから始めます。
画像を用意するに当たって注意することは・・・
・著作権侵害に当たるものは使わない。
・デザインに凝りすぎて、内容が伝わらない物は作らない。
・画像として認識されるので、重たいデータは使わない。
・文字として認識はされなくなるので、SEO的には悪い？のでそこは妥協をする。
・画像のサイズは９００x２００程度の横長を意識する。
この位は注意をしたいところです。
著作権侵害になるものは使わないのは、当然ですね＾＾；
記事内の画像であれば、引用という形に正当性があれば認められますが、タイトル画像には不可能でしょう。
次にデザインですが、あくまでもタイトルですので、凝りすぎには要注意＾＾；
タイトルとして分かるようにするのが第一で、デザインに凝るのは２の次にしましょう。
しかし、このデザインが良いとセンスが良いと見られ、好印象であることには間違いはありません。
あとは読んでそのままですね。
画像サイズは気をつけてください。
CSSをいじればサイズ変更も可能ですが、あまりいじると、グーグル先生からお叱りがきますよ＾＾；
▪️画像が出来たら、早速入れてみる
作ってみたら早速入れてみましょう＾＾
ちなみに私の画像は、ウィンドウズに入っている『ペイント』を使って作りました。
シンプルな物を作るときには、これで十分だったりします。
さて、画像の挿入を順に紹介していきます。
１、
まずははてなブログの管理画面に入ります。
そこで『デザイン』をクリック。
２、
次に『ヘッダ』をクリック。
３、
次にファイルを選択します。
ここで先ほど作った画像を指定します。
４、
するとこのような画面になります。
この赤線である、灰色のところは、サイズがオーバーしているところ。
私の場合は縦が若干オーバーしてしまっています＾＾；
ここで調整が出来、灰色と灰色の間が画像として認識されます。
５、
これが、画像をアップした際の、実際にブログの画面。
あれ？タイトル文字がまだ出て、しかも被っている＾＾；
これはタイトル画面のここが問題。
画像をＵＰした際に、ここにチェックが入っていると、この様に表示されてしまいます。
なので、このチェックを外してやると・・・
この様に、画像だけのすっきり画面になります＾＾
ちなみに、画像では横が見切れていますが、画像設定の時に、横が見切れていなかったので、実際に表示をしたら、見切れてはいないです。
実際には↓こんな感じになっています＾＾
これでタイトル欄に、画像を入れることが出来ました＾＾
ちなみにこの画層をクリックすると、トップページに戻れます。
■まとめ
画像を作ったり、サイズを調整したりが一番大変です。
ちなみに、ＣＳＳを使えばがどうであれ、表示させることは可能です。
しかし、この記事を読んで画像を入れるとしているくらいの知識では、ＣＳＳをいじるのはやめときましょう＾＾；
間違って変更すると、元に戻せない可能性もありますし、ＣＳＳが増えると、サイトが重たくなることにも繋がります。
出来れば、はてなブログの初期設定の900ｘ200に、揃えて作るようにしましょう。
また、画像はなるべく軽くしておきましょう。
画像縮小アプリなどを有効に利用するのが、成功の秘訣だと思います＾＾
簡単な説明でしたが、これで方法のご紹介を終わりします。
Ｐ.Ｓ.
このブログのメインコンテンツである、『格安スマホ』の記事も読んでいってくださいね＾＾
p>よろしければFBツイッターでシェアをお願いします。制作の励みになります。
にほんブログ村
