FC2ブログ

動くイラストと猫漫画

鉄道・猫・イラスト・音楽のブログ。#刺さる人にだけ刺さればいい

Entries

自分の写真をヘッダーに使うには

ヤフーブログのカスタム背景のように自分の写真をヘッダーに使うには
テンプレートのHTML(プログラム)を書き換えないとなりません。
初心者には難しい作業ですが、反面、HTMLが自由に扱える点で
ヤフーブログより表現の幅が格段に広がります。

ご質問があったので、ここでその方法を説明しますが
HTMLの書き換えは一歩間違えるとレイアウトがガタガタになりますので
HTMLに詳しくない方は、やらないで下さい。

1.使いたい写真をアップロードする


例えばこのような写真を使う時
ヘッダーテスト 

先に「ファイルアップロード」で画像をアップしておきます。
(管理メニューの上から6番目)
アップしたら、下の画像フォルダに表示されている画像下の小窓のアドレスを
コピーしてメモ帳などに貼り付けておいて下さい。
テンプレートによって最適なサイズが違います。
Basic_whiteの場合は横1200ピクセル縦200ピクセルぐらいが適当ではないかと推察します。


2.カスタマイズできるテンプレートを選びます
テンプレートの管理で「共有テンプレートの追加」を選び
検索の窓の「説明」のところに「カスタマイズ」を入れて検索します。
するとカスタマイズ用のテンプレートが出ます。
その作者名をクリックすると作者がブログでカスタマイズの方法を説明しています。
ブログ記事を参考にしてカスタマイズして下さい。
※HTML記述できる人が対象です。

テンプレートが初期設定の人がヘッダーに写真を使いたいときは下をご覧下さい。

※ヤフーブログから引っ越して何もしていない人はたぶんBasic_whiteになっています

1.テンプレート管理のBasic_whiteの編集を開く

※失敗したときの保険として「複製」を選んでおくとBasic_whiteに数字を追加したテンプレートが追加されるので、失敗したときは、そちらを選んで元に戻して下さい。

2.編集画面のスタイルシートの中をよく見ると

======================
 Header
======================
という部分があります。
その下にヘッダー背景書き換え部分があります。

下の図の赤枠の中は、すでに私の画像に書き換えていますので
本来の文字とは異なりますが、
この部分をご自分の画像アドレスに書き換えればいいのです。

header-test004.png 
3.自分の画像アドレスに書き換える。

スタイルシートの中の赤枠内の文字を削除して、あらかじめコピーしてメモ帳などに保存しておいたアドレスを入れます。
https://blog-imgsで始まり中間に自分のIDが入ったアドレスです。

4.プレビューで見るとこんな風になります

ヘッダーテスト 


5.タイトルの文字色などは、スタイルシートの中を適当に書き換えて下さい。

6.スタイルシート下の「更新」ボタンを押して終了です

Basic_White以外のテンプレートを使っている人は、テンプレート管理でBasic_Whiteにチェックを入れて上の「適用」をクリックして下さい←ココ重要

というふうにかなりめんどうな作業です。
その点ライブドアなら「カスタムできるスキンを選ぶ」→「タイトル背景用画像をアップする」→「切り取り方を選ぶ」だけで同じことができます。(ただしGIFアニメは不可)

以上、参考になれば幸いです。

FC2ブログには6000種のテンプレートが用意されています。
きっとご自分に合うテンプレートがありますので、わざわざカスタマイズしなくとも
6000種の中からお選びになった方がよろしいかと、私は思います。

テンプレート一覧↓

   *****ヤフー引っ越し仲間コミュニティへのお誘い*****   

ヤフーからFC2へ引っ越して来た方の交流コミュニティです。
「FC2ブログの使い方質問箱」「ブロとも募集コーナー」などがあり、
現在、100名以上の方が参加しています。
下記にアクセスして承認申請して下さい。


最後までお読みいただきありがとうございました。


↓ポチッとしていただけるとはげみになります。

にほんブログ村 イラストブログ フリーイラストへ
にほんブログ村


関連記事

コメント

Re: 内緒さん 

参考になれば幸いです。よろしくお願いします。
  • posted by ちいこ 
  • URL 
  • 2019.04/04 17:49分 
  • [Edit]

emaさん 

> 今の、多分ちいこさんのデザインが気に入っています。

このテンプレは、記事を見てすぐその記事の修正に行けるので便利なんです。
もう配布していないそうですが、カテゴリを開けるとカテゴリ一覧が出るのも便利です。
そのほか自分で文字サイズやコンテナ幅などカスタマイズしています。

テンプレは6000種もあるので探せば自分に合うものがきっと見つかりますよ。
無理にカスタマイズするとチグハグなデザインになるかもしれないです。
  • posted by ちいこ 
  • URL 
  • 2019.04/02 16:15分 
  • [Edit]

峠さん 

テンプレが6000種もあるのでわざわざ自分の写真使うまでもないな
と思ってしまいました(^^;
  • posted by ちいこ 
  • URL 
  • 2019.04/02 16:10分 
  • [Edit]

こんにちは 

ヘッダ部分を写真に変えたいと思ってますが、
Basic_Whiteのレイアウトが、好きでないので、足踏みしています。

今の、多分ちいこさんのデザインが気に入っています。

いつもありがとうございます。
  • posted by ema 
  • URL 
  • 2019.04/02 13:09分 
  • [Edit]

無題 

私も しようかなぁ って 思ったけれど
辞めてます

 自信ないし それほどの写真もないし~
  • posted by 峠美千子 
  • URL 
  • 2019.04/02 07:24分 
  • [Edit]

=(^.^)= 

そうですね。
やめます。
  • posted by えりか 
  • URL 
  • 2019.04/01 16:06分 
  • [Edit]

えりかさん 

ハッキリ言ってヤフーの何倍もむずかしいです。
きれいなテンプレが山ほどあるのに自分の写真を使おうなんて思いません(^^;
FC2ブログでカスタムしたことはないです。
  • posted by ちいこ 
  • URL 
  • 2019.04/01 14:45分 
  • [Edit]

ヘッダー 

おはようございます。
ちょっと難しそうですが挑戦してみたいです。
わかりやすいご説明をありがとうございました。
  • posted by えりか 
  • URL 
  • 2019.04/01 10:00分 
  • [Edit]

Comment_form

管理者のみ表示。 | 非公開コメント投稿可能です。

Menu

最新記事一覧(サムネイル画像付き)

おはなしはマスク(イラストフリー素材) May 18, 2021
猫漫画「チコちゃんの寝る場所」 May 16, 2021
「梅雨入り」動くイラストフリー素材 May 15, 2021
撮り鉄「麦秋と貨物・九州新幹線その他」写真とイラスト素材(GIF鉄) May 14, 2021
【GIF】雨と電車の写真・イラスト・フリー素材1(JR九州・小湊鐵道・京浜東北線) May 12, 2021
コロナワクチン接種予約・イラスト素材 May 10, 2021
猫漫画「カササギ夫婦VSカラスの戦い」 May 08, 2021
動画「朝めしと夜めしで態度が変わる猫」 May 06, 2021

ブロとも申請フォーム

シンプルアーカイブ


シンプルアーカイブの使い方

プロフィール

ちいこ

Author:ちいこ
「動くイラストフリー素材」で検索して下さい。
運営サイトが出ます。
約3000点のフリー素材があります。

FC2ブログカウンター

各種ランキング

応援ありがとうございます。

[サブジャンルランキング]
デザイン
5位
サブジャンルランキングを見る>>

ランキング参加中

応援ありがとうございます

鉄道コム