北京棒球小僧トップページへ矢印:赤(右3) カープキャップ1Blog technique 矢印:赤(右3)カープユニフォーム1サイバーメニューの変更方法

2005年07月05日

カープユニフォーム1 サイバーメニューの変更方法

今回はサイバーメニューの変更方法について解説しましょう。
興味のある方は是非見てください。

このサイトのテンプレートを使用すると
元々付属しているアイテム(デザイン)がそれぞれ違います。
いざ変えたいと思っても一体どうやってexclamation&question
っと思っている方が多いでしょう。
そこで今回は基本編を紹介します。
サイドーバーにあるツールは
すべて『デザイン』『コンテンツ』で修正変更できます。
ここでちょいと難しいのが『コンテンツHTML編集』
しかし、まったく分からなくても何となく編集できてしまうのが
このSeesaaブログの優れている点でしょう。
ツールバー変更1

例えば『hiT oR DiE(N's)』
すみません、勝手に例題として使わせて頂いてます。
左の様に何も無い状態から
記事毎に分かり易く
タイトルの前に『・』
記事タイトルの前に箇条書きリンクを追加したい場合
※※※
※※※
まず該当する『コンテンツ』編集メニューを
開いてください。

ツールバー変更1-2



右上に
『コンテンツHTML編集』
とありますのでここをクリックして次に進む。

ツールバー変更1-3
下記の様なHTMLソースが出てきます。

<div class="sidetitle"><% content.title %></div>
<div class="side">
<% content.header -%>
<% loop:list_rss -%>
<a href="<% rss_feeds.page_url %>" target="_blank"><% rss_feeds.name %></a><br />
<% /loop -%>
<% content.footer -%>
</div>

ひらめき<% content.title %>コンテンツタイトル(ここでは『hiT oR DiE(N's)』)
ひらめき<% rss_feeds.name %>各RSS記事のタイトル
を表しています。
つまりコンテンツタイトルの前に『・』を追加したい場合は(赤字が追加部)

<div class="sidetitle"><% content.title %></div>
<div class="side">
<% content.header -%>
<% loop:list_rss -%>
<a href="<% rss_feeds.page_url %>" target="_blank"><% rss_feeds.name %></a><br />
<% /loop -%>
<% content.footer -%>
</div>

また、記事タイトルの間に『・』を追加したい場合は(赤字が追加部)

<div class="sidetitle"><% content.title %></div>
<div class="side">
<% content.header -%>
<% loop:list_rss -%>
<a href="<% rss_feeds.page_url %>" target="_blank"><% rss_feeds.name %></a><br />
<% /loop -%>
<% content.footer -%>
</div>

と表記を追加すれば下図の様に変更されます。

ツールバー変更1-4

先程の『・』はもちろん画像でもO.Kです。
コンテンツタイトルに元サイトのリンクを張る場合は記事を書くときの要領と同じです。
えーいexclamation&question ここまでくればついでに下記に表記しましょう。

<div class="sidetitle"><a href="転送先URL" target="_blank"><% content.title %></a></div>
<div class="side">
<% content.header -%>
<% loop:list_rss -%>
<a href="<% rss_feeds.page_url %>" target="_blank"><% rss_feeds.name %></a><br />
<% /loop -%>
<% content.footer -%>
</div>

ひらめき転送先URLは間違ってもRSSのURLではありません。そのサイトのURLの事です。

今回の変更のメリットはどの記事タイトルがどこまで表記されているか
見て分かるということです。
また見た目にもかっこいいわーい(嬉しい顔)、可愛いキスマーク、見やすい眼鏡、素敵ーーームード
って印象を与えます。

ここまでの工程で簡単に言いますとHTMLソースは記事を書く時で言うと
文字の代わりみたいなものです。
どのソースがどの文字に値するのか推測できれば
意外と簡単に読み取る事が出来ます。

余談ですが参考までに私のアイコン提供元は『野球Web素材さん』です。
是非チャレンジしてみてください。
もしコンテンツ別に少々設定が違いますので分からない場合は
シリーズ化も検討していますのでドシドシ質問してください。
ここまでやって出来るのであればかなりレベルの高いブロガーになってます。
posted by むさC16 at 21:16 | Comment(0) | TrackBack(0) | カープキャップ1Blog technique 上へジャンプ
この記事へのコメント
上へジャンプ
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

この記事へのTrackBack URL

上へジャンプ
さくらインターネット株式会社 株式会社ぐるなび 株式会社オートウェイ 損保ジャパンの海外保険 オクトパストラベル・ジャパン
中国醸造株式会社 有限会社BBシステム 日本シグマックス株式会社 日本シグマックス株式会社 株式会社コーエイプランニング OTAIRECORD株式会社