カスタムスキン中級編？ ②

カスタムスキン中級編? ①は見て頂けたでしょうか？

前回では画像編集のやり方を説明したのですが、画像を編集できてもリンク先を指定できなければ

その画像を使う事は出来ません。

と言うわけで、今回はリンク先の設定についてです。

 

まずは、ベーシックイエローから下記の文章を参照。

スキンやバナーに「background: url」などの記載がある場合は構成に画像が使われています。（詳しくはその後のファイル名によりますが。。。）

この場合は赤字のファイルが画像ですね。

#banner {
width:890px;
height:105px;
/* background:url("/_common/skins/13/images/main.jpg") no-repeat center top; */
background: url("/_common/skins/13/images/main_mwide.jpg") no-repeat  center top;
clear:both;
}

この画像、いったいどこからリンクが張られているかと言うとここからです。

http://blog.so-net.ne.jp/_common/skins/13/images/main_mwide.jpg

ｈｔｔｐ：//blog.so-net.ne.jp から後は赤字のファイルが指定されています。

試しにリンク先の画像を表示させて見ましょう。

画像からTOPに使われているものがというのが分かりますね。

今度は自分の作った画像はどうすればリンクさせられるかです。

画像のアップロードは記事を書く時にできるのでいいとして、そのリンクはどうなっているの？

というと。。。（説明なくても分かりますか？）

リンク先アドレスの確認の仕方はいろいろあるのですが、私の場合はこのやり方です。

デザイン→レイアウトから編集モードは詳細にしてオリジナルでコンテンツを一つ作成
（既存のコンテンツの名前を変更）します。

この場合はカスタムPARTです。編集モードを詳細にして各項目（ト、記、過、カ）をクリックすると画像の

ように黒くなってブログでは非表示にできます。

コンテンツを左側のブロックに入れてしまってもいいですけどね。（探しに行くのが面倒なのでこうしてます）

で、カスタムPARTの文字の部分をクリックすると編集画面になります。

ブログの記事を書くように自由記入欄に画像を入れると下記のように文章で表示されます。

これって昔は他のHPのリンク設定がとてもやり易かったのですが、壊れたままなので下記のような表示に

なってしまいます。これが今回の場合は逆に使える機能となっている訳ですが。。。

これ以外でリンク先を確認するならブログ設定で簡単編集とかの項目ありましたよね。

ブログ記事を書いてあの辺を切り替えてやると同じ事が行えます。（これが結構面倒）

これは今使っているオリジナルの画像のリンク先を表示しています。

赤字が画像ファイルのリンク先です。

<a href="/_images/blog/_769/gooverability/main_mwide_3.JPG" target="_blank"><img src="/_images/blog/_769/gooverability/m_main_mwide_3.JPG" width="350" height="37" border="0" align="" alt="main_mwide_3.JPG" /></a>

ということは、もう分かりますよね？

先ほどの元画像のリンク先をこれに代えてやれば、そこにオリジナルの画像を表示させる事ができる

というわけです。

組み込むとこうなります。

#banner {
width:1000px;
height:105px;
/* background:url("/_common/skins/13/images/main.jpg") no-repeat center top; */
background: url("/_images/blog/_769/gooverability/main_mwide_3.JPG") no-repeat  center top;
clear:both;
}

以上がリンク先の設定です。

ここまで分かればスキンのカスタマイズはやれますよね？

③に続く。。。

タグ：カスタムスキン

コメント 4

自分のブログはｆｃ２なので他のブログの設定画面みたいなのを見るのって新鮮ですわ～

トラバも『言及リンクのないトラックバックは受信されません』って表示されてますね。うちのブログにもそういう機能、欲しいなぁ


by 達也 (2008-04-05 12:34) 

達也さん、こんばんは。
ブログは各社、いろいろ良いところ悪いところありますね。
基本が分かってればすべてに応用が利きそうですよね～(^o^)
by Ten (2008-04-06 01:12) 

Tenさん、研究なさってますね。
公私共に余裕が出来たら、これらを参考にしていじってみたいと
思います。
by 馬子 (2008-04-06 23:24) 

馬子さん、こんばんは。
いろいろやってたら良い感じに分かってきました (^o^)
レポートが終わったら他のスキンに変えてみようかなと思います。
by Ten (2008-04-07 21:12)