メイン | 2006年04月 »

2006年03月20日

フッターを追加してコピーライトを。

そうそう、忘れてた。コピーライト表示つけな。

またもやちょこっと検索を。

>>おじさんの備忘録::MovableType3.2 フッタを追加するを参照させていただきました。

ワシの場合は特に、コピーライトにリンクをつけたくないので・・・メインページのいっちゃん下の方に、

</div>
<div id="footer">
Copyright &copy; 2006 Rappan, All rights reserved.
</div>
</div>
</div>
</body>
</html>

を(赤字部分挿入)。そして、スタイルシートへ、 (ワシの場合はlayout-two-column-left

.layout-two-column-left #footer
{
    padding:10px; /* 周りから文字までの上下左右の空白 */
    border-top: 1px solid #000000; /* 枠線 */
    color: #ffffff; /* 文字の色 */
    background: #7fa2ea; /* 背景色 */
    font-size: 11px; /* 文字の大きさ */
    text-align: center; /* 文字の配置 */
}

を追加しました。おぉ!成功成功。

なんか、プラグイン使ったり、自動で更新したりする方法もあるみたいやね・・・。まぁ、ページが増えてきたら考えるとしよかな。

[blog]ロ゜)ハッ これ、各ページにつけやなあかんのやんな・・・。もっとはようにしとくんやったな・・・。

2006年03月17日

サイドバーを左へ 3:各アーカイブページ(モジュール化)

今まで、メインページを元に、サイドバーを左側へもっていったんやけど・・・。まぁ、アーカイブページは別にして、 エントリーアーカイブ,カテゴリーアーカイブ,日付アーカイブの3つのアーカイブが表示さるページにも、 サイドバーは表示させたいわけですよ。

しかも、サイドバーの作りはとりあえずは一緒でええと思ってるもんやから、できれば1つ変えれば(メインページをいじれば)、 他のアーカイブページにも反映させたいと思い、どうしたもんかな~と思ってたんやけど・・・

>>MovableType幼稚園::MovableTypeのテンプレート・ モジュールは便利 を参照させてもらいました。

小躍りするほどうまくこちらも出来ればええんですけど。

何をしていくかというと、alphaの内容部分(サイドバー)をモジュール化しまして、 共通で表示させようということです。(不具合感じたらまた直せばええことやし。)

  • まず、テンプレートのページのモジュールをクリック。モジュールを新規作成を選択します。  

20060317-01

  •  テンプレート名に好きな名前 (ここではsidebarと付けたとします。)、 モジュールの内容はメインページのalpha部分、つまり 「検索表示」~「フィード説明・MTバージョン表示部(↓の赤字部分)」をごっそりコピーして貼り付けます。 そして保存します。

<div id="alpha">
   <div id="alpha-inner" class="pkg">
    <div class="module-search module">
   ・
   ・
   ・
        Powered by<br /><a href="http://www.sixapart.jp/movabletype/">Movable Type <$MTVersion$></a>
      </div>
    </div>

   </div>
</div>
<div id="beta">

  • 後は、それぞれの該当箇所に、 タグ(赤字部分)を貼り付けて保存します。

メインページ↓

<div id="alpha">
  <div id="alpha-inner" class="pkg">
  <$MTInclude module="sidebar"$>
  </div>
</div>
<div id="beta">

エントリーアーカイブ,カテゴリーアーカイブ,日付アーカイブ↓

<div id="alpha">
  <div id="alpha-inner" class="pkg">
  <$MTInclude module="sidebar"$>
  </div>
</div>
<div id="beta">
  <div id="beta-inner" class="pkg">

    <p class="content-nav">

  • エントリーアーカイブ,カテゴリーアーカイブ,日付アーカイブの3つは、 </head>のすぐ下にある部分も書き替え。

<body class="layout-one-column">

<body class="layout-two-column-left">

に。(赤字部分)

そして、再構築・・・。うぉ~!っと大踊りしてしまいました。それにしても、 MovableType幼稚園さんは、テンプレートも配布してはるんですねぇ、すごいなぁ。

スタイルシートいじって、デザインも変えたいんやけど、なっかなか中身みても何をどう変えたらええんかチンプンカンプンやのに・・・。

メニュー群の並び替えもやりました。「検索」が一番上にあるんがちょといややったので。

サイドバーを左へ 2:いよいよ左側へ

メインページの構成がわかったところで、どうすればサイドバーが左にいってくれんのやろか?と思って検索・・・。ってことで、

>>自宅サーバーを楽しもう!::テンプレートを参照させていただきました。

要は、今現在

id="alpha"
 「エントリー表示部」
id="beta"
 「検索表示部」
 「カテゴリー表示部」
 「アーカイブ表示部」
 「フィード説明・MTバージョン表示部」

となっているのを、

id="alpha"
 「検索表示部」
 「カテゴリー表示部」
 「アーカイブ表示部」
 「フィード説明・MTバージョン表示部」
id="beta" 
 「エントリー表示部」

てな感じで、入れ替えれば、ええっちゅうわけですわ。

まずは、</head>のすぐ下にある

<body class="layout-two-column-right">

<body class="layout-two-column-left">

に変更します。(赤字を書き換え)

次に上記のように、
「検索表示部」~「フィード説明・MTバージョン表示部」と「エントリー表示部」をごっそり入れ替えます。

<div id="alpha">
   <div id="alpha-inner" class="pkg">
      <MTEntries>
      <$MTEntryTrackbackData$>
   ・
   ・
   ・
      </MTEntries>

   </div>
</div>
<div id="beta">
  <div id="beta-inner" class="pkg">
    <div class="module-search module">
   ・
   ・
   ・
        Powered by<br /><a href="http://www.sixapart.jp/movabletype/">Movable Type <$MTVersion$></a>
      </div>
    </div>

  </div>
</div>

<div id="alpha">
   <div id="alpha-inner" class="pkg">
    <div class="module-search module">
   ・
   ・
   ・
        Powered by<br /><a href="http://www.sixapart.jp/movabletype/">Movable Type <$MTVersion$></a>
      </div>
    </div>

   </div>
</div>
<div id="beta">
  <div id="beta-inner" class="pkg">
      <MTEntries>
      <$MTEntryTrackbackData$>
   ・
   ・
   ・
      </MTEntries>

  </div>
</div>

に。(赤字と青字を入れ替え)

おぉ!無事左側へ移動成功!よかったよかった。

2006年03月16日

サイドバーを左へ 1:まずはメインページの中身の把握

どうも右にメニューがあるのが落ち着かない。サイドバーを左にもっていきたいのである。とにかく、メインページからまずやってみて、 成功したら他のページも・・・と考え進めていこかな。

ついでに、メニュー群の並び替えも同時にしてしまおうと思ったりして。

  1. メインページの中身(構造)の把握。
  2. サイドバーをモジュール化する。
  3. 各ページにも反映。

この順序でやっていこうと思う。

メインページの中身て、ややこしいんちゃうかな~と思いつつ、順番に見ていくことに。間違った理解をしてないことを祈りつつ、 まとめてみました。

メインページ構成

「タイトル表示部」↓

<div id="banner">
  <div id="banner-inner" class="pkg">
    <h1 id="banner-header"><a href="<$MTBlogURL$>" accesskey="1"><$MTBlogName encode_html="1"$></a></h1>
    <h2 id="banner-description"><$MTBlogDescription$></h2>
  </div>
</div>

「エントリー表示部」↓

<MTEntries>
<$MTEntryTrackbackData$>
<MTDateHeader><h2 class="date-header"><$MTEntryDate format="%x"$></h2></MTDateHeader>
                     <a id="a<$MTEntryID pad="1"$>"></a>
   ・
   ・
   ・
   </div>
</div>
</MTEntries>

「検索表示部」↓

<div class="module-search module">
   <h2 class="module-header"><MT_TRANS phrase="Search"></h2>
   ・
   ・
   ・
      </form>
   </div>
</div>

「カテゴリー表示部」↓

<MTIfArchiveTypeEnabled archive_type="Category"><div class="module-categories module">
   <h2 class="module-header"><MT_TRANS phrase="Categories"></h2>
   ・
   ・
   ・
</div>
</MTIfArchiveTypeEnabled>

「アーカイブ表示部」↓

<MTIfArchiveTypeEnabled archive_type="Monthly">
<div class="module-archives module">
   ・
   ・
   ・
</div>
</MTIfArchiveTypeEnabled>

「フィード説明・MTバージョン表示部」↓

<div class="module-archives module">
   <h2 class="module-header"><MT_TRANS phrase="Recent Posts"></h2>
   ・
   ・
   ・
   <div class="module-content">
      Powered by<br /><a href="http://www.sixapart.jp/movabletype/">Movable Type <$MTVersion$></a>
   </div>
</div>

とまぁ、こんな感じですな。

<body>部分をおおまかに書いてしまうと下のようになっているようです。

id="alpha"
 「エントリー表示部」
id="beta"
 「検索表示部」
 「カテゴリー表示部」
 「アーカイブ表示部」
 「フィード説明・MTバージョン表示部」

サイドバーのカテゴリーの横にエントリー数を表示。

何がしたいかっていうと、サイドバーに表示されている項目の横にエントリー数を出したいってことなんやけど・・・。ほら、 よくみかける・・・ これですよこれ! → 2006月03月[6]

  • カテゴリーで表示されている、 カテゴリー名の横
  • アーカイブで表示されている、月表示の横

この2箇所に付けたいんだなぁ~。よって、検索検索・・・・ てことで、みつかりました!

テンプレート>メインページの該当個所に、以下のタグを入れればよいらしい。

<$MTCategoryCount$>

あら?月別の方には表示されへんのね・・・。もっかい検索・・・

>>おじさんの黙示録::サイドメニューのアーカイブにエントリー数表示を参照させて頂きました。

<$MTArchiveCount$>

結局こっちを付けたら、うまくいきました。感謝感謝!

2006年03月15日

引用したのにインデントみたいになってる。

初めて「引用」を使ってみたのに、インデントしたみたいな感じになってるだけですがな。(T.T)

ってことで、またもや検索すると、どうやらCSSに記述すれば解決するみたい。

どのCSSかなぁ~。やっぱ、base-weblog.cssですかな? たぶんそうだろう・・・。

(スタイルシートをいじり、original.cssを作ったので、そちらへ移動しました。: 2006年4月5日)

>>小粋空間::本文に引用をつけるそれと、
>>小粋空間::枠線の指定を参照させてもらうことにした。
ここのブログはすごいなぁ・・・。また活用させて頂きま~す。

で、ちょっとアレンジして、以下の部分をbase-weblog.cssに付けてみることに。

blockquote {
    margin: 10px; /* 枠線を表示する上下左右の空白 */
    padding: 5px; /* 枠線から文字までの上下左右の空白 */
    background: #c8e3ff; /* 背景色 */
    font-size: 11px; /* フォントサイズ */
    line-height: 16px; /* 改行幅 */
}

おぉ!うまくいった・・・あれ?なんでか、枠線が表示されない・・・。ひょっとしたら、ほかんとこで規制くらっとんかな・・・。 とにかく、枠線の指定ははずしてっと。

これでいいっか。とにかく感謝感謝!

記事(の下)にカテゴリを表示する。

エントリーした記事をみていると、なんのカテゴリーの内容か、わからんようになるので今回は、 記事1つ1つにカテゴリー名を表示させることにした。

とそこで、おなじみの検索をしてみた。

>>Techknow Weblog:: 「タイトルの横にカテゴリを表示する(2)」を参照させてもらうことに。

ふむふむ、エントリーが表示される部分のとこにタグを貼りつければええのか・・ ・。参照させていただいた記事では、タイトルの横にカテゴリを表示させるので、

<h3><$MTEntryTitle$>[ <MTEntryCategories glue=", ">
<a href="<$MTCategoryArchiveLink$>"><$MTCategoryLabel$></a>
</MTEntryCategories> ]</h3>

となるわけですな。

ところで、スタイルシートの中身を見て、デザインもちょこちょこいじりたいのに、 スタイルシートの内容をじっくり見れてない上に、どこをどういじったらええのか把握できてないので、 タイトルの横に上記のように書いて持ってくると・・・

カテゴリ名がでかく表示されるのであった・・・。 ↓こんな感じ・・・ (;´д`)トホホ

記事(の下)にカテゴリを表示する。 [カスタマイズ] 


タイトルの右隅にカッコよく・・・て、今んとこ無理っぽいので、タイトルの横はやめて、 いっちゃん下の投稿者うんぬんの横に持ってくることにした。

テンプレートのメインページ・エントリーアーカイブ・カテゴリーアーカイブ・日付アーカイブの4点に。

こっちもええけど・・・広告が。→BlogWhite

以前、「なんや、 画像のUPはどうしたらええんかいな?→Blogger」で紹介したbloggerなんやけども、どうもよくよく見たら、 ハイパーリンクにしたときに、そのリンク先を同一ウインドウで開くらしいんですわ。

他に検索してみると・・・またまたありました。( ̄ー ̄)

ウィザシステムさんのBlogWhiteです。

早速例によって無料版をインストール。こっちも使いやすいやんか。ってことで、その以前の紹介ページを更新してみることに。

あれ?なんや最後んとこにブログ書くならBlogWhiteて出てきたやんか。 無料版にすると広告が入るてこのことやったんね・・・。やっぱり有料版にした方がええんかいなぁ・・・。(;´д`)

毎回広告出んのはいややし、ってことで、bloggerでいくことに決定。リンクのターゲット属性のとこは、 外部エディタでいちいち_blankを指定することにしました。(なんでもかんでもメンドクサがってたらあかんね。)

2006年03月14日

ありゃ?テキスト表示!?→StyleCatcherプラグイン

StyleCatcherっていうプラグインでテンプレートを変えれるらしい。MT3.2からの仕様らしいけど、 これが便利になったかどうかは定かではない・・・。

またもやあちこち検索して、どうにかプラグインを設置できた。とりあえず、このデフォルトのテンプレートとはおさらばだ!と思いきや・・・ (゚口゚lll)ズガーン!!!
20060314-01
 ←こんなテキスト表示に!!

なんでや・・・なんでこーなんねんな・・・。

 

デフォルトに戻せんのかいな・・・。よーっし検索開始。
うーむ戻し方を書いてあるサイトもあるが・・・・むむむ。

基本に戻って下記のように見直したら無事成功しました。(´▽`) ホッ

今回StyleCatcherを使って解ったこと。各テンプレートに使用されるCSSは、次の2つである。

  • mt-static/themesフォルダにあるbase-weblog.css
  • mt-static/themes/テーマ名フォルダにあるテーマ名.css

ってなことで、以後こんなことはないだろうと思いつつ見直した個所を記述。

  1. テンプレート>インデックステンプレート→スタイルシート
     20060314-02
    元々あった内容は、リンクへと書き代わっている。画像のように、http://~と書いておく。
  2. メインメニュー>プラグイン→StyleCatcherの「設定を表示」
     20060314-03
    両方ともthemesフォルダまでのURLとPathを。 URLはこれまたhttp://~と書いておく。

要は、元々themesフォルダてのはないので、2.に基づいてフォルダ作りまっせ~。1.を参照しまっけど、 リンクに基づいてやらしてもらいまっさかい!って感じなんでしょうなぁ。(ほんまかいな?)

MovableType3.2の基本的な構造

さて、色々いじっていきたいが、なんせ初心者なので、構造がいまいちわからない。
表示されるページがどの部分に相当していているのか・・・

一応知識はほどほどにあるが(まだまだだが)、検索しまくるハメになるんやろなぁ・・・

自分なりに検索なりしてみたが、このテの構造まで書いてなかったりする。いや探すのが下手なのか?

とにかくこの文章見たら、すでにMTをやってきた人には、バカにされる覚悟で、ちょっとメモしとこうと思う。 (こっちは必死のパッチなんやけど。)

  1. 最初に表示されるページ(トップページ)
    →インデックス・テンプレート>メインページ
  2. カテゴリーの中のカテゴリーをクリックしたときに表示されるページ
    →アーカイブ・テンプレート>カテゴリー・アーカイブ
  3. 最近のエントリーの中のタイトルをクリックしたときに表示されるページ
    →アーカイブ・テンプレート>エントリー・アーカイブ
  4. アーカイブの中の月をクリックしたときに表示されるページ
    →アーカイブ・テンプレート>日付アーカイブ
  5. アーカイブをクリックしたときに表示されるページ
    →インデックステンプレート>アーカイブページ

とまぁこんな感じですな。最後のヤツだけ特殊やな・・・。それぞれの該当場所いじったら、 再構築した時に反映されるってゆうこっちゃな。がんばろっと。

2006年03月13日

ドラえもんは、大山のぶ代

久々にテレビのCMを見ていて気づいたこと1つ。

昨年だったっけか、アニメドラえもんの声優陣が一斉に変わったことのニュースを耳にした。
あらら、イメージが変わってしまうんちゃうか~と思いつつ、その後ドラえもんを見ていないので
どないに変わったのかさだかではなかった。

本日、アート引越センターのCMが流れていた。(キャラクターにドラえもんを起用している)

お!ドラちゃんの声聞けるやん!と思ってみていたが・・・。
(゚口゚lll)ズガーン!!! ドラちゃんは終始声を出さないのね・・・。

昔のCMだと、CM最後に「電話してねぇ~」と発してたのが印象的やったのになぁ・・・。
やっぱイメージが変わってしまうからかなぁ・・・。ちょっと疑問。

2006年03月12日

なんや、画像のUPはどうしたらええんかいな?→blogger

どうにかこうにかMT3.2も設置できたみたい。で、


いちいちmt.cgiの方にアクセスすんのもめんどくさいなと
(いやはやまだ書き始めたばっかりやのに・・・)
ゆう思いと、
画像UPのやりかたわからんな~と考えた末、簡単にエントリーを書く手段はないかと
早速検索へ・・・


おぉ!ありましたよありました。


(株)ユビキャスト さんのBloggerってツールです。


ん?なんや有料版もあるみたいですなぁ・・・。ワシは無料のにしとこっ。


DLはこのページ。  blogger-1.1.10-ja.exe


ってことで、この文章もそれで書いてます。なかなか便利です。

[PC]ロ゜)ハッ 画像は今度貼りつけてみようっと・・・。