2008.08.20

ランキングに参加中。応援して頂けると嬉しいです。
|
トラックバック(-) |
コメント(-) |
[EDIT]
2007.04.15
先日のサイトマップのテンプレートは 大変好評を頂きました

たくさん増えてきた記事を整理し、SEO対策にも有効だというお話をしました。
その際、コメント頂いた中に、「
サイドバーに使ってみたい」というご意見がありました。
カテゴリーを表示するのに、皆さん分類をされていますね。
例えば
●おすすめポイントサイト(10)
●おすすめASP(8)
●おすすめリードメール(15)
このように大まかな分類でカテゴリーに含まれる記事の数で表示されます。
これを各記事ごとに表示させるカスタマイズを「
ツリー化」と言います。
●おすすめサイト
├A
├B
└Cこのように表示された方が記事を探しやすくなりますし、
サイトを訪れた方の目にも触れやすくなりますね♪
SEO対策にも有効です。
しかし、ツリー化はHTMLの編集が必要なので不安があるという方にもおすすめなのが、
簡単なテーブルを利用した 『
ツリー化もどき 』です♪

こちらのような簡単なテーブルを利用します。
このテーブルに各記事へのリンクを挿入するのです。

次はこちらです。
◆コンテンツ ├ ├ ├ ├ └
◆コンテンツ ├ ├ ├ ├ └
同じテーブルなのですが、 『 table border="0" 』 なので線が見えませんね。 つまり、罫線の太さが「0」なのです。
|
これならばどんな色のテンプレートでも違和感なく利用できるのではないでしょうか?
では、編集方法をご説明します。
ソースはこちらです
記事を書く時と同様に、テキストエディターで編集します。
まずはテーブルのソースをコピーします。
テキストエディター左上の「ソース」をクリックしてから貼り付けます。
再度「ソース」をクリックするとテーブルが表示されます。
位置を確認しながら、それぞれリンクを貼りましょう。
仕上がったら再度ソース表示にし、『右クリック→全てを選択→コピー』
『プラグインの追加→フリースペース』にコピーしたものを貼り付けます。
終わりましたらブログを確認してみてください。
サイドバーに表示されていますよ♪
使用例です(わかりやすいように罫線を引いてあります)
『 ◆コンテンツ 』のところの『 ◆ 』をお好みの画像に替えても個性的で素敵ですょ♪
テーブルの幅は指定してありません。ご自分のサイトに合わせて調整してください。
<TABLE >のところを<TABLE width="180">というように width="数値"と指定します。
サイドバーは200px程度の幅が多いので、180pxが無難かと思います。
大きすぎるとサイドバーが下に落ちてしまいますのでご注意下さいね。

ランキングに参加中。応援して頂けると嬉しいです。
コメント
こんばんは!
今日も来てしまいました(ノ´∀`*)
今日はリンクいただいて帰りますね!
素敵なテンプレートありがとうございます!
大切にします
では応援ぽち♪
【2007/04/15 21:33】
| つぶいちご #- |
[edit]
このコメントは管理人のみ閲覧できます
【2007/04/15 22:21】
| # |
[edit]
こんばんは
ビルダーを使いこなしてる・・・
pumoさんに刺激されて、
ちょっとホームページ作ってみようかなんて思ってます。
せっかく、ホームページビルダー持ってるだし。
でも時間があればなんですけど(笑
ぽちくり
【2007/04/16 00:18】
| だんきち #- |
[edit]
こんばんは!
今日は仕事が忙しく疲れたました・フー
明日は休みだよ〜
今日のは使い勝手がよさそうですね・・・
それでは、ポチポチ!
【2007/04/16 00:28】
| ぶうすか #- |
[edit]
このコメントは管理人のみ閲覧できます
【2007/04/16 00:41】
| # |
[edit]
お久しぶりです。
テーブル使わせていただきながら
完成のご報告が
遅くなってゴメンナサイ。
PCど素人なので、どうしても
端が切れてしまいます。
このまま使っても良いですか?
わたしは、とても気に入って
いるのですが
pumoさんのイメージを
悪くしてしまうのではと
心配です。
お暇なときにでも
見てください。
応援P!
【2007/04/16 01:02】
| ぷちため! toshiko #- |
[edit]
いつも訪問コメント
ありがとうございます♪
ゴールデンウイークでいろいろ
テンプレートをお借りしたいと
思います。よろしくです♪
また一週間がはじまりますね。
今週もがんばりましょう!
ではー、応援ぽちっ!!
【2007/04/16 07:12】
| tottukuojisan #- |
[edit]
サイドバー、すっきりさせた方が見やすいですよね!
時間がかかるので、ボチボチ直していきたいです(^^;)
参考にさせて頂きますね♪
応援☆
【2007/04/16 07:40】
| ぷれマダム #SFo5/nok |
[edit]
(* ・∀・)ノ――◎゙オハヨーヨッ♪
久々の朝のコメ周り♪♪
ツール化使わせてもらう時が
きたら参考にさせてもらうね!!
旦那のシャツなんだけど
次の日の朝落し物として
マンションの下に置いてあったよ(*ノω<*) ヨカッタ
(●ゝω・)ノ☆
【2007/04/16 11:02】
| miyumi #- |
[edit]
このブログのトップのバナーから
今日Google Adsence申請しました。
遅くなってすいませんm(__)m。
今日のツリー化もどきも参考になります。
今度ブログ整理するときに使わせて
もらいます。
応援♪^^
【2007/04/16 11:36】
| エディ #- |
[edit]
こんにちは
緩んでいたのは昨日だけで今日はテンション高めです
立ち直るの早すぎ?(笑
【2007/04/16 15:00】
| ブルーミント #- |
[edit]
このコメントは管理人のみ閲覧できます
【2007/04/16 15:03】
| # |
[edit]
う〜ん!やっぱりpumoさんは凄いですね!!
自分で作ったんですね

そうなんです!色んな所を変えてると肝心な記事を書く時間が・・・(汗
何度かpumoさんのテンプレートを頂きにあがったんですが、(一番上にフリースペースを作って)いまだ果たせず

4カラムで本文を書くスペースが小さいのでそれが問題かな・・・。
まだまだ諦めません(笑
ポチッと☆
【2007/04/16 15:50】
| renaro #- |
[edit]
このコメントは管理人のみ閲覧できます
【2007/04/16 16:20】
| # |
[edit]
こんなのしたかったんです!
使わせてもらいますね。
時間かかりそうなので完成はいつになるかわかりませんけど(^^A
応援☆
【2007/04/16 18:01】
| もぐママ #- |
[edit]
このコメントは管理人のみ閲覧できます
【2007/04/16 18:51】
| # |
[edit]
こんばんわ♪
サイドバー。。整理したいのですけど
なかなかできてないです。。
参考にさせてもらおう!!
ではでは(≧▽≦)ノ
【2007/04/16 19:34】
| まなまなりん #- |
[edit]
このコメントは管理人のみ閲覧できます
【2007/04/16 21:14】
| # |
[edit]
このコメントは管理人のみ閲覧できます
【2007/04/16 21:35】
| # |
[edit]
テーブル直りました。
ピッタリ収まって
いい感じです♪
お手数お掛けしちゃって
ごめんなさい・・
ありがとうございました^^
また遊びに来ます^^
【2007/04/16 22:29】
| ぷちため! toshiko #- |
[edit]
こんばんは〜。
ツリー化・・・やりたいけど
時間が・・・
サイトの整理をしたいと思いつつ
どんどんぐちゃぐちゃに
なってる気がするよ (((´・ω・`)
ぽちっと
【2007/04/16 22:43】
| nikonyan #- |
[edit]
ヾ(*′○`)゚.+:。゚☆こんばんわぁ〜☆
サイドバーの整理に便利ですね。
そろそろサイドバーも一新しないと・・・。
そのときに役立ちそうです。
【2007/04/16 22:53】
| goodluck #IjeLRsgE |
[edit]
こんばんは!
今日はまた寒い1日でした、
これで春が来るのだろうか・・・
今週もがんばりましょう・・・
それでは、ポチポチ!
【2007/04/16 23:52】
| ぶうすか #- |
[edit]
このコメントは管理人のみ閲覧できます
【2007/04/17 00:41】
| # |
[edit]
このコメントは管理人のみ閲覧できます
【2007/04/17 01:15】
| # |
[edit]
FC2ブログランキングから訪問させていただきました。
トップバーナー、サイドバーすごく使いやすそうですね。
うまく出来るかわかりませんが、使わせていただきますm(._.*)m
&リンクもさせていただきます。
これからも、ちょくちょく遊びにきます。
【2007/04/20 21:49】
| odet #- |
[edit]
コメントの投稿
トラックバックURL:
http://pumo.blog70.fc2.com/tb.php/252-17bd59e6