Entries
2019.04/01 [Mon]
自分の写真をヘッダーに使うには
ヤフーブログのカスタム背景のように自分の写真をヘッダーに使うには
テンプレートのHTML(プログラム)を書き換えないとなりません。
初心者には難しい作業ですが、反面、HTMLが自由に扱える点で
ヤフーブログより表現の幅が格段に広がります。
ご質問があったので、ここでその方法を説明しますが
HTMLの書き換えは一歩間違えるとレイアウトがガタガタになりますので
HTMLに詳しくない方は、やらないで下さい。
１．使いたい写真をアップロードする
例えばこのような写真を使う時
先に「ファイルアップロード」で画像をアップしておきます。
(管理メニューの上から６番目)
アップしたら、下の画像フォルダに表示されている画像下の小窓のアドレスを
コピーしてメモ帳などに貼り付けておいて下さい。
テンプレートによって最適なサイズが違います。
Basic_whiteの場合は横１２００ピクセル縦２００ピクセルぐらいが適当ではないかと推察します。
２．カスタマイズできるテンプレートを選びます
テンプレートの管理で「共有テンプレートの追加」を選び
検索の窓の「説明」のところに「カスタマイズ」を入れて検索します。
するとカスタマイズ用のテンプレートが出ます。
その作者名をクリックすると作者がブログでカスタマイズの方法を説明しています。
ブログ記事を参考にしてカスタマイズして下さい。
※HTML記述できる人が対象です。
テンプレートが初期設定の人がヘッダーに写真を使いたいときは下をご覧下さい。
※ヤフーブログから引っ越して何もしていない人はたぶんBasic_whiteになっています
１．テンプレート管理のBasic_whiteの編集を開く
※失敗したときの保険として「複製」を選んでおくとBasic_whiteに数字を追加したテンプレートが追加されるので、失敗したときは、そちらを選んで元に戻して下さい。
２．編集画面のスタイルシートの中をよく見ると
======================
Header
======================
という部分があります。
その下にヘッダー背景書き換え部分があります。
下の図の赤枠の中は、すでに私の画像に書き換えていますので
本来の文字とは異なりますが、
この部分をご自分の画像アドレスに書き換えればいいのです。
３．自分の画像アドレスに書き換える。
スタイルシートの中の赤枠内の文字を削除して、あらかじめコピーしてメモ帳などに保存しておいたアドレスを入れます。
※https://blog-imgsで始まり中間に自分のIDが入ったアドレスです。
４．プレビューで見るとこんな風になります
５.タイトルの文字色などは、スタイルシートの中を適当に書き換えて下さい。
６．スタイルシート下の「更新」ボタンを押して終了です
Basic_White以外のテンプレートを使っている人は、テンプレート管理でBasic_Whiteにチェックを入れて上の「適用」をクリックして下さい。←ココ重要
というふうにかなりめんどうな作業です。
その点ライブドアなら「カスタムできるスキンを選ぶ」→「タイトル背景用画像をアップする」→「切り取り方を選ぶ」だけで同じことができます。(ただしＧＩＦアニメは不可)
以上、参考になれば幸いです。
ＦＣ２ブログには６０００種のテンプレートが用意されています。
きっとご自分に合うテンプレートがありますので、わざわざカスタマイズしなくとも
６０００種の中からお選びになった方がよろしいかと、私は思います。
テンプレート一覧↓
- at 06:07
- [役立つ記事:ＦＣ２ブログの使い方]
- TB(0) |
- CO(-)
- [Edit]
