BLOG CATEGORY

Monthly Archives

長フチコンテンツ

ホームページ制作、SEO対策 サイバーアクセル・アドバイザーズTOP » ブログ » webコラム» gooブログカスタマイズ ワイドフォトテンプレートの設定方法

このエントリーをはてなブックマークに追加

gooブログカスタマイズ ワイドフォトテンプレートの設定方法

   投稿日: 2017/09/14    投稿者:webコラム

20170819-00.jpg


こんにちは! ライターのモモタロウです。

今回は、gooブログカスタマイズ ワイドフォトテンプレートの設定方法についてお伝えいたします。

ワイドフォトテンプレートを設定すると、ブログのカバー画像に好きな写真を貼れたり、タイトル・概要文の文字色を変更することができます。

ワイドフォトテンプレートを設定するには?

早速、gooブログにワイドフォトテンプレートを設定してみよう。

まず、gooブログにログインします。

左のメニューにある「テンプレート選択」をクリックします。

20170819-1.jpg
上の画像の一番上の四角で囲った「ワイドフォト」をクリックします。
「ワイドテンプレートに自分のお気に入り写真を設定出来るテンプレートです!」と書いてある部分です。

いくつかのワイドフォトテンプレートを下の画像のように選択することができます。任意のテンプレートを選択しよう。

20170819-2.jpg

今回は、「ワイドフォトピンク」を設定します。

「テンプレートを変更する」ボタンをクリックして設定することができます。

その後、使用中のテンプレートの下にある「カバー編集」をクリックします。
下の画像の通りです。

20170819-3.jpg


その後、下の画像の画面に変わります。四角で囲った「カバー設定を始める」部分をクリックします。
20170819-4.jpg


「画像をアップロード」をクリックして、好みの画像をアップロードします。
20170819-5.jpg


この時に、事前に画像のピクセル設定(大きさなど)をするとよいでしょう。
バナーのような画像の方が画像が切れずにアップできます。


b21ea47b17afb4d0ecedbb51f6f4826f_l.jpg
今回は上のテクスチャ画像をアップしました。


20170819-9.jpg
アップロードした後、さらに、上の画像のように①で画像を拡大することもできます。ピクセルが大きい方が画像がクリアになります。

②でタイトルの概要文の文字の大きさ、文字の位置、文字色、透明度を設定することができます。「概要設定」ボタンをクリックします。
下の画像にある四角で囲った部分をブログのデザインに合わせて設定しよう。
20170819-13.jpg


③でタイトルの文字の大きさ、文字の位置、文字色、透明度を設定することができます。
20170819-14.jpg


④でプレビューすると・・・

20170819-12.jpg

まとめ


いかがでしたか?

このようにgooブログは多彩な機能が用意してあります。是非、試してみて下さいね。







カテゴリ:

TOPへ