タイトル画像を変更してみよう(1)

こんにちは。あきです。


「ブログのトップページにある一番上のタイトル画像ってどうやって変更するんだろう?」


ブログを始めた頃、色々なブログに訪問すると、よくトップページのタイトル画像がオリジナルの画像になっていて、こんな事を思ってました。


 


そこで今日はFC2ブログのタイトル画像の変更方法をお届けしようかと思います。
自分だけのオリジナルのデザインを設定してみましょう。


ただ以下のテンプレートの様にページ上部に何も画像等を使用していないテンプレートの場合は画像を設定できないかもしれません。

 


 


 


それではいつもの様にFC2ブログより管理者ページに移動してください。


1.「テンプレートの設定」をクリックします。


 


2.現在使用しているテンプレート(四角枠を確認)の「編集」をクリックします。

 


3.以下の様にHTMLの編集欄が表示されます。あまり見たくない文字が並んでますね。 この文中でタイトル画像を表示するための設定をしています。

  ただ残念な事に各テンプレートによってタイトル画像を変更する場所が違います。 はじめのテンプレートの様にタイトル画像がないテンプレートもあるので。


  そこで以下の方法より文中でタイトル画像を指定している箇所を探してみましょう。


(1)スタイルシートの編集欄より設定位置を探す方法


・まず以下の様にタイトル画像と記事の欄がはっきりと区別されているテンプレートでテンプレートの作者が「FC2」の場合、どうやら同じ様な箇所で画像の表示を指定しているようです。


 


・「3.HTMLの編集欄」の下にスタイルシートの編集欄があります。その中に以下の黒枠で囲ってある#bannerと書かれた箇所があり、ハイライト表示されている部分がタイトル画像の指定場所です。

 


(2)特定の拡張子で検索する方法

・上記以外のテンプレートの場合、テンプレートの作者によって設定場所が違うので自分で探す必要があります。



そこで効率よく探すためにショートカット「Ctrl + F」キーを活用しましょう。


通常タイトル画像を使用している場合はほとんどの場合、拡張子が「.jpg」「.png」です。


それでは以下のテンプレートのタイトル画像を探して見ましょう。

 


・まず以下の黒枠で囲まれたテキストボックスをクリックした後、「Ctrl + F」キーをクリックして検索画面を表示し
「検索する文字列」にjpgと入力し「次を検索」をクリックします。



 




・以下の様に文中にjpgと指定している箇所が存在する場合、以下の様に該当箇所がハイライト表示され検索されます。

そこで以下の箇所がタイトル画像か確認するために黒枠で囲っている部分をドラッグして、コピー「Ctrl + C」してください。



 



・新規にブラウザを立ち上げ、コピーしたURLをアドレス欄に貼り付け「enter」キーを押下します。すると以下のような枠が表示されました。
これはタイトル画像のURLではないようです。



 




・また元のテンプレート編集ページに戻り、「Ctrl + F」キーで同じように「次を検索」をクリックします。

以下の黒枠で囲った箇所が検索されました。そこで上で行った操作とまったく同じように、黒枠部分をコピーしてブラウザのアドレスに貼り付けます。






 


・以下の様にタイトル画像が表示され、この箇所でタイトル画像を設定している事が分かります。




この方法でgifなども含めて検索すると実際にテンプレートで使ってるパーツが分かり、カスタマイズするときに非常に役に立ちます。


すこし長くなってしまったので次回、実際にタイトル画像を変更していきたいと思います。




タイトル画像を変更してみよう(1)」への7件のフィードバック

  1. 【もはやマニュアルのようなブログ】

    どもぉ~
    柿やんこと柿原です(*´∀`)ノ
    やっぱり改造は楽しいですね^^
    僕のは原型が
    わからないくらいになってます 爆
    やはり個性を前面的に
    出すよう心がけていますし
    やはり上位者の人はどこか
    個性が爆発していますからねぇ~
    ではでは応援ポチッ!

    返信
  2. Jun

    こんばんは。
    最近自分のブログが味気なさすぎるって思ってます^^;
    なので少し余裕が出てきたらタイトル画像変えたりして
    改造してみたいな~と考え中です。
    応援していきます!

    返信
  3. 【なお】NAOママの稼ぐ秘密はひねり技!!

    こんにちは、なおです^_^””
    検索でやってみたんだけど、やり方が間違ってたのか出来なかった・・・。,,,,,,,,,,,
    “もう1ど読み直してチャレンジしてみるね””^_^””,,,,,,,,,,,
    分からなかったら改めて教えてね♪,,,,,,,,,,,
    クッションページは面倒だって聞くけど、使ってないからよく分かんないんですよね^_^;,,,,,,,,,,,
    “ぽち”

    返信

初めてのアフィリエイトbyかめちき にコメントする コメントをキャンセル

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>