覚書：最近のカスタマイズ（その2）
■ナビゲーションメニューの設置
MTの”管理画面”→”テンプレート”→”新しいインデックス・テンプレートを作る”より、ナビゲーション用のモジュール”hogehoge.php”を作成。スタイルシートにて表示調整の上、各テンプレートの表示させたい位置に”<? include("http://テンプレートのあるurl/hogehoge.php"); ?>”と書いてインクルード。ナビゲーションメニューの中身及び、スタイルシートの設定内容については追記へ転記。
■”お知らせ”の設置
MTの”管理画面”→”テンプレート”→”新しいインデックス・テンプレートを作る”より、お知らせ用のモジュール”hogehoge.php”を作成。スタイルシートにて表示調整の上、各テンプレートの表示させたい位置に”<? include("http://テンプレートのあるurl/hogehoge.php"); ?>”と書いてインクルード。メインインデックスのエントリー最上部にインクルードしました。中身に関しては、モジュール内に直書きして対処。”お知らせモジュール”の中身及び、スタイルシートの設定内容については追記へ転記。
■”Word from 言霊”の設置
特に難しい話ではなくて、MTのタグで”言霊”というカテゴリのみを抽出してエントリ上部へ表示。ソース及びスタイルシートについては追記へ転記。
■トラックバック url をワンクリックで選択
トラックバック url 部分のソースに下記青字部分を追加。
<input type="text" name="trackback_url" size="70" value="<$MTEntryTrackbackLink$>" readonly="readonly" class="edit" id="trackback_url" onfocus="this.select()" /><br />
■ナビゲーションメニューの設置
・ナビゲーションメニューの中身
<div id="globalnavi">
<a href="<$MTBlogURL$>" title="トップ">TOP</a> |
<a href="<$MTBlogURL$>archives/2004/01/01_0114.php" title="このサイトについて">ABOUT</a> |
<a href="<$MTBlogURL$>archives/2004/01/01_0015.php" title="プロフ">PROFILE</a> |
<a href="<$MTBlogURL$>mbl.php" title="MyblogList">MyblogList</a> |
<a href="<$MTBlogURL$>bp.php" title="BlogPeople">BlogPeople</a> |
<a href="<$MTBlogURL$>koikilink.php" title="小粋なUserList">Koiki</a> |
<a href="<$MTBlogURL$>archives/2004/01/01_0000.php" title="リンク">Link</a> |
<a href="<$MTBlogURL$>kensaku.php" title="検索ページ">Search</a> |
<a href="<$MTBlogURL$>postmail.php" title="メールはこちらから">Mail</a> |
<a href="http://yujiro.dyndns.org/blog/koikikukan/" target="blank"><img src="<$MTBlogURL$>archives/images/koikikukan.gif" alt="バナー" border="none" align="absmiddle" /></a> <embed src="http://blog.garaku.cc/cgi/wp-content/uploads/images/koikiuserB.swf" width="129" height="24" align="absmiddle" wmode="transparent" type="application/x-shockwave-flash" >
・スタイルシートの設定内容
/* ナビゲーション */
#globalnavi {
font-family: Verdana, Arial, sans-serif;
padding: 5px;
border-right : 1px solid #8FABBE;
border-left : 1px solid #8FABBE;
border-bottom : 1px solid #8FABBE;
color:#8FABBE;
background-image: url("");
background-repeat:no-repeat;
background-color: #f6f6f6;
text-align: left;
font-size: 11px;
}
■”お知らせ”の設置
・お知らせモジュールの中身
<div class="blogbodyosirase">
<div class="blogbodyosirasetitle" >【お知らせ】</div>
・<a href="http://blog.garaku.cc/archives/2005/01/14_1445.php">忘れてました（笑）。日本語ドメイン、我楽.JP取得してます。</a>（2/11）<br />
・<a href="http://blog.garaku.cc/archives/2005/01/09_0234.php">mixi 小粋ユーザーコミュに参加中です。</a>（2/9）<br />
・<a href="http://blog.garaku.cc/archives/2005/02/09_1211.php">PCのアドレスで携帯でも読めるようにしました。</a>（2/9）
</div>
・スタイルシートの設定内容
/* お知らせ概要 */
.blogbodyosirase {
color:#666666;
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
padding-top:5px;
padding-left:8px;
padding-right:8px;
padding-bottom:5px;
line-height:150%;
width : auto ;
margin-bottom:5px;
border-left : 15px solid #dcdcdc;
border-right : 1px solid #dcdcdc;
border-top : 1px solid #dcdcdc;
border-bottom : 1px solid #dcdcdc;
background: #ffffff;
}
/* お知らせタイトル */
.blogbodyosirasetitle {
font-size: 11px;
color: #666666;
padding-left:0px;
}
■”Word from 言霊”の設置
・ソース
<MTEntries category="05-1word" lastn="1">
<$MTEntryTrackbackData$>
<div class="blogbodyword">
<a name="<$MTEntryID pad="1"$>"></a>
<h1 class="blogbodywordtitle" >Word from <a href="http://blog.garaku.cc/archives/051word/index.php">言霊</a> ： <a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></h1>
<$MTEntryExcerpt convert_breaks="1"$>
</div><!– blogbody終わり –>
</MTEntries><br />
MTEntries の category オプションを使用して、表示させたいカテゴリのみを抽出。lastn オプションでそのカテゴリ内の何件のエントリーを表示させるかを制御。<$MTEntryExcerpt convert_breaks="1"$> でエントリーの概要のみを改行無しで表示。
・スタイルシートの設定内容
/* word概要 */
.blogbodyword {
color:#666666;
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
padding-top:5px;
padding-left:8px;
padding-right:8px;
padding-bottom:5px;
line-height:150%;
width : auto ;
margin-bottom:5px;
border-left : 15px solid #dcdcdc;
border-right : 1px solid #dcdcdc;
border-top : 1px solid #dcdcdc;
border-bottom : 1px solid #dcdcdc;
background: #f6f6f6;
}
/* wordタイトル */
.blogbodywordtitle {
font-size: 11px;
color: #666666;
padding-left:0px;
}
Ran Says:
2005/3/16 at 12:24 AM
おひさしぶりです。
ナビゲーションメニュー 参考にさせてもらいました。
TBしました。
ありがとうございました。
Border. Says:
2005/3/16 at 1:39 AM
＞Ranさん
こんばんわー。＾＾
おおっ。また、印象が変わりましたなぁ。イチゴ、うまそうです。(´ρ`)
ゆこリん Says:
2005/3/26 at 4:08 PM
初めまして。いつも楽しく拝見しています。
このたびナビゲーションメニューを設置しました。我楽さんの記事が
とても役立ちました。本当にありがとうございました。
ＴＢもさせていただきましたm(_ _”m)
Border. Says:
2005/3/27 at 2:10 AM
＞ゆこりんさん
こんばんわー。
参照ありがとうございますぅ。＾＾
ミッチ Says:
2005/5/28 at 1:52 PM
Border.さん、こんにちはー。
以前は、ナビでしたが、今回はこちらを参考に「お知らせ」も付けてみました。
2度目のTBとなってしまいました。
お許しください。
そしてありがとうございました～♪
Border. Says:
2005/5/30 at 3:53 AM
＞ミッチさん
まいどどーもでーす。＾＾
いやいや、じゃんじゃん好きなだけご利用ください。（笑）
メニューはコチラです
トップ画像の下にBlogのメニュー（目次というか、サイトマップのようなもの）が…
メニュー
ちょっと前から 3カラムから2カラムに変えたくなったんだけど なかなか 手が出せ…
メニューバー
ようやく人様に見せることができるものが出来た(*^▽^*)いろいろなサイトで見か…
[喜] ナビメニュー付けてみました
「我楽」様：「覚書：最近のカスタマイズ（その2）」/*TB先*/ こちらを参考に…
カスタマイズ録(2
今までは、indexのテンプレートに引用タグを投入しお知らせのコーナーを作りまし…
[喜] 「インフォ欄」を付けてみる。
久しぶりのカスタマイズです。 インデックスページにだけ、インフォメーション欄を付…
http://blog.satchin.org/archives/2005/06/04/121551.php
我楽: 覚書：最近のカスタマイズ（その2）を参考に、トラックバックURLを、ワン…
ナビゲーションバーを付けたい
只今試験的にブログのデザインをオリジナルソースからいじってデザインをいじくってい…
ナビゲーションバーを作りました
昨日に引き続き、あったら便利だなぁと思っていたナビゲーションバーを作りました。 …
[u*] メニューバーにしてみました。
サイドバーにリストを載せるとつい、長くなってしまうので （折りたたむカスタマイズ…
お知らせのモジュール追加
喜怒哀楽さんの「インフォ欄をつけてみる」と 我楽さんの覚書を参考に追加しました。…