移行してから、だいぶデザインが前の状態になってきた。
今回も昔の記事を見ながらいじっていき・・・その順をメモ。
1)PHP化
モジュール化はまだ先にのばして・・・拡張子だけとりあえず変えた感じ。そうそう、XML宣言については、修正やなしに削除の方選びました。
2)MTPhotoGalleryプラグインの導入
これ、タイトルの横に付いてる画像を入れ替えるプラグインです。
3)InsertIconプラグインの導入
コメント入力フォームとコメント詳細を書き換え。
4)PreviousNextInCategoryプラグインの導入
同カテゴリ内の前後記事へのリンクを表示するものです。 アーカイブテンプレート>ブログ記事の上部にある、class="content-nav"の中身をごっそり書き換えました。
5)PageButeプラグインの導入
メインページ下部にある、「Google」をマネして作ったアレです。今回は、メインページ以外のブログ記事リストにも表示するようにしました。
6)カテゴリリストのツリー化
ウィジェット>カテゴリアーカイブの中にスクリプト記述。
7)タグクラウド
タグクラウドは、前のようにカラフルにしました。まず、ウィジェット>タグクラウドの中身。8段階・40単語を表示するようにしました。タグクラウドは場所を取るので、全部の表示は別ページでやろうと思っています。青字を追加。
<dd class="side"> <ul id="tags"> <mt:tags limit="40" sort_by="name | rank"> <li class="module-list-item taglevel<mt:tagRank max="8" />"> <a href="<mt:tagSearchLink />"><mt:tagName /></a> </li> </mt:tags> </ul> </dd>
ほんで、それに対するスタイルシートを以下のように記述。
ul#tags { margin-top: 5px; padding: 0.5em 0px; line-height: 1.1; } ul#tags li{ margin: 0; padding: 0; display: inline; font-size: 100%; /* ここで相対的に文字サイズを変更 */ } ul#tags li a { padding: 2px 5px; border-width: 1px; border-style: solid; position: relative; text-decoration: none; background-color: #ffffff; } ul#tags .taglevel1 a{ z-index: 8; border-color: #d74984; color: #d74984; font-size: 175%; font-weight: bold; top: 5px; } ul#tags .taglevel2 a{ z-index: 7; border-color: #c2478e; color: #c2478e; font-size: 160%; font-weight: bold; } ul#tags .taglevel3 a{ z-index: 6; border-color: #bd479e; color: #bd479e; font-size: 145%; font-weight: bold; top: 5px; } ul#tags .taglevel4 a{ z-index: 5; border-color: #a44da3; color: #a44da3; font-size: 130%; } ul#tags .taglevel5 a{ z-index: 4; border-color: #85549c; color: #85549c; font-size: 115%; } ul#tags .taglevel6 a{ z-index: 3; border-color: #7861a5; color: #7861a5; font-size: 100%; top: 5px; } ul#tags .taglevel7 a{ z-index: 2; border-color: #6e7db0; color: #6e7db0; font-size: 85%; } ul#tags .taglevel8 a{ z-index: 1; border-color: #4891b6; color: #4891b6; font-size: 70%; } ul#tags li a:hover { border-color: #ffffff; z-index: 10; color: #ffffff; background-color: #cc0063; }
8)カウンター設置
今回は、ミリオンシステムさんのHiCntを使わせていただきました。画像はMOVEさんの数字を使わせてもらいました。
あと、もうちょっと変更したいとこはあるんやけど・・・。また順次やっていこうと思ってます。