FC2ブログのテンプレート工房

カスタマイズが簡単な共有テンプレートを配布しています。テンプレートをカスタマイズして自分だけのオリジナルブログを作りませんか？

記事タイトル前にアイコン画像を飾る

記事タイトル前にアイコン画像を飾る方法を紹介します。
アイコン画像は文字と同じくらいの大きさがお薦めです。
HTMLを編集します。

【standard】

<h3><img src="http://～" align=absmiddle />
<a href="<%topentry_link>" name="entry<%topentry_no>" id="entry<%topentry_no>" title="記事を参照"><%topentry_title> </a></h3>

【lightframe】

<div class="ently_outline">
<h2 class="ently_title">
<img src="http://～" align=absmiddle />
<a href="<%topentry_link>" name="entry<%topentry_no>" id="entry<%topentry_no>" title="記事を参照">
<%topentry_title> </a></h2>

"http://～"にはアイコン画像があるURLを記述してください。
アイコン画像と文字列の中央が揃えて表示されるはずですが、下端を揃えたい場合は
align=absmiddle
を
align=absbottom
と書き換えてください。

記事編集 [ 2006/12/12 00:32 ] カスタマイズ　共通 | TB(0) | CM(24)

≪記事を左カラム、プラグインを中央と右カラムに表示する | HOME | 便利ナビの背景を画像にする≫

さっそくトライしました！

いたおさん、いつもお世話になっています

このたび
テンプレートを「lightframe」に変えるついでに
ブログの模様替えをしてみました。

去年の今頃、カスタマイズについて
全くのド素人だった私ですが

いたおさんのテンプレートにお世話になり
こちらのブログを読みまくって勉強した結果

それらしい（？）カスタマイズが出来るようになりました！

しかも、SEO的にもめっちゃ強いテンプレですよね。

そうそう、記事アイコンは私のブログでは
後ろに飾ってみました。

こんな↑知恵が働くようになったのも、
いたおさんのおかげです～
ホンマにありがとうございます

[ 2006/12/12 09:07 ] [ 編集 ]

> ゆき姉さん

こんばんは、ゆき姉さん。お久しぶりです＾＾
lightframeに換えましたね。タイトル背景がバッチリ決まった素晴らしいカスタマイズですよ。

lightframeは記事がある中央カラムから読み込むようにソースを書いている分standardより更にSEOが向上しています。アクセスアップしたいならlightframeに換えて正解ですよ。

おかげ様で私のブログももうすぐ開設一年を迎えようとしています。ゆき姉さんには開設間もない頃からテンプレートを愛用してくれて本当に感謝です＾＾

[ 2006/12/13 23:53 ] [ 編集 ]

どうも、Bakkezです。
カスタマイズしてゲームウォッチをつけてみました。

質問なのですが
記事のカテゴリー別に違うアイコンを使えるようにできないのでしょうか？

[ 2007/01/20 23:00 ] [ 編集 ]

> Bakkezさん

お久しぶりです。Bakkezさん。
実は私も当初、カテゴリ別にアイコンを変えることが出来ないかと試行錯誤していました。そしてとうとう上手くいかなくてこの記事を掲載するに至ったのです。これだと全カテゴリが同じアイコンになってしまうんですよね。

どうやらカテゴリ別アイコンを可能にするにはゼロから自分で作らなければならないようです。出来るかどうか、また出来たとしてもいつになるか解かりませんが、挑戦してみますね。難しいことは後回しにしてしまうので、首を長くしてお待ち下さい＾＾

[ 2007/01/21 23:40 ] [ 編集 ]

> いたおさん

無理を言ってしまい申し訳ありませんでした。

私も一応カスタマイズの方法を探したいと思います。
その時は報告させてもらいますね。

[ 2007/01/22 15:09 ] [ 編集 ]

> Bakkezさん

こんばんは、Bakkezさん。
ひょっとすると既に実現している方がいるかも知れませんね。そんなページを見つけたら是非教えてくださいね。ゼロから作るのは大変なのでかなり後回しにしてしまいそうです＾＾；

[ 2007/01/22 21:51 ] [ 編集 ]

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

[ 2007/04/05 23:20 ] [ 編集 ]

始めまして

始めましてmegと申します。
私はまったくの初心者で何がなんだかわからないんですが
この



<h3><img src="http://～" align=absmiddle />
<a href="<%topentry_link>" name="entry<%topentry_no>" id="entry<%topentry_no>" title="記事を参照"><%topentry_title> </a></h3>

をどこにはったらいいんですか？
HTMLのどこにはったらいいんですか？

[ 2007/05/03 21:08 ] [ 編集 ]

> megさん

この記事は私の共有テンプレートを前提に書いているので、今megさんがお使いの公式テンプレートにはあてはまりません。

公式テンプレートのカスタマイズはこちらにお問い合わせください。
http://blog.fc2.com/forum/viewforum.php?f=3

[ 2007/05/03 21:39 ] [ 編集 ]

そうなんですか！！

分かりましたありがとうございます
いたおさんの自作テンプレートを使えば出来るんですか？

[ 2007/05/03 21:48 ] [ 編集 ]

> megさん

もちろん私のテンプレートを使えばここに書いているカスタマイズが出来ますよ。このブログのトップページに私が登録した共有テンプレート一覧があります。もしお気に召すものがあればどうぞご利用ください。

[ 2007/05/03 22:06 ] [ 編集 ]

お礼が遅くなりました。

この度はお忙しい中、アドバイスをありがとうございました。
質問した割にはまだ出来ていませんが、やり遂げたいと思います。
どうぞ長い目で見てやってください。

最近は共有テンプレートに、満足できなくなっていました。
そんな時に知った、「いたお様のテンプレート」
最初から希望通りのワイドタイプ。
何もしなくてもそのままで素敵で、２カラムにしても良いなーと思いました。

記事タイトル前のアイコン画像にも興味がありましたので、今回はこちらに書き込ませて頂きました。
これからもお邪魔する事が多いと思いますが、今後ともよろしくお願い致します。

[ 2007/05/04 07:20 ] [ 編集 ]

meg

いろいろとありがとうございます
テンプレート使わせていただきましたありがとうございます
そしたらやっと出来ました！！よかったです

あとメールを送れるところが有るサイトがあるんですがそれはどうやってやるんですか？

まだ聞きたいことが有るんですけどおききしてもいいですか？

[ 2007/05/04 09:27 ] [ 編集 ]

＞megさん

＞メールを送れるところが有るサイトがあるんですが
＞それはどうやってやるんですか？

それはサイドバーにあるメールフォームのことでしょうか？

それでしたら、公式プラグインで追加できます。

「管理画面」→「プラグインの設定」→「プラグインの追加（公式）」をクリックし、
「追加するプラグインタイプを選択してください」のところで「その他プラグイン」を選び、
そこから「メールフォーム」を追加することが出来ますよ。

[ 2007/05/04 11:04 ] [ 編集 ]

> らぶりぃママさん

私のテンプレートを気に入ってくれて有り難うございます＾＾
カスタマイズするとさらに愛着が湧くので是非挑戦してみてくださいね。

[ 2007/05/05 11:11 ] [ 編集 ]

> megさん、かどりんさん

いつも有り難うございます、かどりんさん＾＾

megさん、メールフォームはかどりんさんの説明通り公式プラグインからダウンロードできます。公式だけでなく共有プラグインにも色々便利なものがありますよ。

[ 2007/05/05 11:22 ] [ 編集 ]

ありがとうございます

そうでしたか！！ありがとうございます

あのお聞きしたいんですけどプラグインを増やすにはどうしたらよいのでしょうか。
あとプラグインタイトルを変えるにはどうしたらよいのですか？

教えてください(´u∀u)

[ 2007/05/06 21:03 ] [ 編集 ]

＞megさん

＞プラグインを増やすには
管理画面に「プラグインの設定」というところがあります。
そこをクリックすると「プラグインの追加[公式/共有]」というのがあるので、そこからお好きなプラグインを追加（増やす）ことが出来ます。

＞プラグインタイトルを変えるには
「プラグインの設定」からタイトルを変えたいプラグインの
「設定の変更」という所をクリックするとタイトルが変更できます。

一応、文章で説明を書いてみましたが、分かりづらいですね＾＾；
公式マニュアルに、詳しい手順等が画像入りで分かりやすく載っていますので、
下記リンク先をご覧になってみて下さい。

●プラグインとは｜FC2ブログ公式マニュアル
http://fc2blogmanual.blog60.fc2.com/blog-entry-54.html

[ 2007/05/06 21:26 ] [ 編集 ]

> megさん、かどりんさん

凄いです、かどりんさん。
私結構知らないこと多いです。こんなマニュアルサイトがあったとは＾＾；

megさん、プラグインは非常に便利なので是非使い方を覚えてくださいね。

[ 2007/05/07 00:53 ] [ 編集 ]

よくわかりました(*´∪`)

本当いろいろと教えてくださってありがとうございます
おかげでプラグインのやりかたが良く分かりました！
良かったです((*´∀｀)

ありがとうございます

[ 2007/05/09 21:12 ] [ 編集 ]

> megさん

プラグインが理解できましたか＾＾
是非共有プラグインも覗いてみることをお勧めします。きっと思いもよらないような素晴らしいプラグインが沢山ありますよ。

[ 2007/05/10 01:37 ] [ 編集 ]

はじめまして

はじめまして！
全くのど素人で、ＰＣ音痴です。
このたびいたお様のテンプレートお借りし
こちらのサイトの事を知りました。
色々参考にさせて頂きたいと思ってます。
どうぞ宜しくお願いしますm(__)m