メニューバーを設置しました

こんばんわ(*’-‘*)

本日は不本意ながらお仕事はお休みでした賢狼パニ＠自宅から一歩も出ずに引きこもりです。さて、午前9時ごろに起床したのちは、ブログの改良作業の開始です。本日の作業としましては、直近の記事から順番に表示しながら、表現が不適切と思われる個所の修正作業です。当然ですが、著作権侵害をしているであろうと思われる画像等に関しても削除の対象となります。ですので、お気に入りでしたが「外国人画像」に関しては全て削除の対象となりました。今後はそれに代わる画像等を独自に作成したい考えています。

さてさて、そのような作業を続けていくと、さすがに単調ですので飽きてきます。その時にふと思い立ったのが「メニューボタン」の設置です。ブログをきっちりと広告掲載基準に適応できるようにするためには、どうしても必要なツールとなります。しかし、当ブログは約10年以上も前に始めたブログのため、現在使用しているデザインテンプレートはとても旧式のものです。新型ですとメニューバーなどもデフォルトで設定が可能となっていますが、旧型はそうではありません。

htmlやcssを自分自身でカスタマイズする必要があります。これが一筋縄ではいかないのですが、本日は割とスムーズに解決方法を見つけ出すことが出来ましたので、賢狼的にはかなり「にっこり」しています。最初の作業としてましては、htmlでメニューバーを設置することから始まりますが、これはheader のすぐ下に<$MenuList$>　と付け加えるだけですので簡単です。トップページや個別記事ページなどの4つの項目のすべてのの下に同様に書き加えました。そして次がちょっと難解なcssとなります。これも得意のインターネット検索の技術にて割と簡単にお手頃なのを発見しましたので、それをコピペしてcss画面の最下部にでも適当に貼りつけます。

/** 11. メニューバー. */

/* ———————————————– */

/** メニューバー */

.ldb_menu-list {
background-color: #ffffff;　　　←背景色は白にしました。
overflow: hidden;
}

.ldb_menu-list li {
float: left;
list-style: none;
}

.ldb_menu-list li a{
color: #000000;
display: block;
font-size: 12px;　　　←文字サイズはちょっと小さく変更しています
font-weight: bold;　　←これは賢狼が付け加えた文字を太くする設定です
line-height: 1;
padding: 12px;
text-decoration: none;
text-shadow: 0 -1px -3px rgba(0,0,0,0.2);
}

.ldb_menu-list .ldb_menu-item-current,
.ldb_menu-list li a:hover {
background-color: #999; ←将来的には色を変更するかもです

こんな感じで手を加えると、ブログは独自にカスタマイズできるのですが、デザインテンプレートはその作成された時期によって、cssが微妙に違う為に、プログラム等の知識がないと、チンプンカンプンですね。他人のブログのソースを見たりして、なんとなく理解することはできますが、実際にやってみると、

「うむ、まったくわからんし、独学では無理じゃね？」

と思ってしまいます。しかしそこは、これでも一応ですが、賢狼を名乗っているパニですから、高ＩＱの頭脳を駆使してどうにかこうにか出来てしまうのです。( ﾟ∀ﾟ)ｱﾊﾊ八八ﾉヽﾉヽﾉヽﾉ＼ / ＼/ ＼

ＰＣからの閲覧の方は画面上部をご覧になられると、本日作成したメニューバーを発見できると思います。私は自分と同じテンプレートを利用したライブドアブログを見たことはありませんが、ご存知の方が居られましたら、ぜひ当サイトと比較してみてください。かなり雰囲気が違うと思います。尚、それらのサイトのアドレスを拍手コメントから教えて頂ければ幸いです。どのような方がそのブログを運営されているのか興味があります。

ただ、このサイトと同じテンプレートは本当に古いもので、ＰＣモニターも横長などが存在しなかった時代のものですので、使い勝手は非常に悪いのです。デフォルトではサイドバーも横幅が狭く、ブログパーツも横幅の問題で設置が不可能のことも多いので、今では利用されている方は殆ど皆無ではないでしょうか？

ブログの運営者にとって、ブログのデザインを自己流に改善するのはとても楽しい作業です。ぜひ、同じテンプレートを利用されている方にも、テンプレートのカスタマイズ方法を伝えて、ブログ生活を楽しんで頂きたいと考えています。ぱに