« 2006年04月 | メイン | 2006年06月 »

2006年05月21日

MultiBlogプラグインで同一サーバー内ブログの最新記事リストを作成する

前々からやりたかったことに、複数の運営ブログ(サイト)の更新履歴を一覧表示させる、というのがあった。
これにはいくつか段階を踏む必要がある。

同一サーバー内にあるブログ(MT)の更新履歴を表示させることが最初の段階。
これにはMultiBlogというプラグインを導入する必要がある。
そこで、MultiBlogプラグインのダウンロードページを探すが、ない。(後に見つける)
どうやらよそへ移ってしまったようだ。

※かつてはhttp://wiki.rayners.org/ にあったようだが、今は http://www.rayners.org/plugins/multiblog/ にある。

だが、運よく旧バーションのファイル(multiblog-1.1.0)が生きていて、それをダウンロードできた。
すでに導入済みの人のサイトを参考にする。

紹介されているタグを自分のブログ用にいじって、テンプレートのメインページの、表示させたい位置(真ん中のカラムの最上段)にペーストする。
が、何十個も同じ表示がくり返される。
数えてみたら、表示させたいブログのエントリー数だけくり返し表示されている。
おかしい!

結局、他のサイトを巡回し、そちらのサイトで紹介されていたタグを貼りつける。
すると、先のような繰り返しの表示はなくなった。

ただこれだと、最新記事のタイトルだけしか表示されない。
そこで日付も表示されるように改良する。
いろいろ試した結果、ひとまずこのデザインに落ちつく。

koshinrireki.jpg


ちなみにタグはこんな感じ。

<MTMultiBlogEntries include_blogs="x" lastn="y">

<li class="lp"><span class="date-header">[<$MTEntryDate format="%x"$>]</span> <a href="<MTEntryLink archive_type="Individual">"><$MTEntryTitle$></a></li>

</MTMultiBlogEntries>


xには、表示させたいブログの番号を記入する。
MT管理画面で、表示させたいブログのアドレスのところに書いてある。

[例] http://自分のドメイン/cgi/mt/mt.cgi?__mode=menu&blog_id=2←この部分

yには、最新記事タイトルの表示数を記入する。
5件なら5。


当サイト(成功ドットインフォ)の場合は、こんな風になる。

<div class="entry">
<h2 class="entry-header"><a href="http://seikou.info/blog/">成功.info blog</a> 更新履歴</h2>
<!--成功ドットインフォblog-->
<div class="entry-body" style="margin-bottom:35px"><p>MacユーザーによるMovable Type 3.2 導入・カスタマイズの悪戦苦闘。</p>
<MTMultiBlogEntries include_blogs="2" lastn="5">
<li class="lp"><span class="date-header">[<$MTEntryDate format="%x"$>]</span> <a href="<MTEntryLink archive_type="Individual">"><$MTEntryTitle$></a></li>
</MTMultiBlogEntries>
</div>
</div>


なにしろこれで、ずいぶん様になってきた。


とても参考になったサイトはこちら。
複数のブログを効率よく管理::MultiBlogプラグイン

また、これから最新バージョンのMultiBlogプラグイン(multiblog-1.99.4)を導入する方はこちらが参考になると思います。
MTプラグイン[MultiBlog]導入

2006年05月17日

MTInclude タグで、リンク貼り替えもラクラク

今日は進んだ。

まず、MTInclude という便利なタグをつかった。
PHPが使える人は当たり前のことだろうが、PHP(&PHS)を使ったことのない私には感動的な機能だった。

このタグをテンプレート内に埋め込むことで、埋め込んだ場所に、表示させたいものを表示させることができる。

そんなことは当たり前のことで、MTInclude タグを使わなくても、基本的に、ホームページには表示させたいものを表示させたい位置に表示させるものだ。

では、なぜわざわざMTInclude タグを使うのか?

それはこういう使い方ができるからである。

MTInclude タグで、リンク貼り替えもラクラク

サイト内の目立つところに成約率の高そうな広告を貼る。 アフィリエイターならだれでもやっていることだ。 だがその広告がいつまでも有効とは限らない。 旬な広告は常に変化している。

また、広告には掲載期間が限定されているものもある。
商品が販売終了することもあるし、売り切れの場合もある。
広告主がアフィリエイトから撤退するという場合もある。
要するに、アフィリエイターにとって広告の貼り替え作業から逃れることはできない。

だが、この作業、ひじょうに手間がかかる。
1ページ2ページなら、コピペコピペでどうにかなるが、50ページ100ページとなると、考えただけで億劫になってくる。
自ずと放置状態に。。。(^_^;σ

だがMTInclude タグを使うと、書き換えるファイルは1つでいい。
変更したファイルを再構築すれば、MTInclude タグを埋め込んだページすべてが書き換わる。
すばらしい!

これができると、いろいろ実験も可能になる。

この広告がいけそうだ、と思って貼り替えてみる。
しかし思ったような効果が得られていない。
そうしたら、すぐ別の広告に差し替えることができる。

キャンペーン中の広告を選んで、キャンペーン期間が終了したら、別の広告を貼る、ということもできる。

う〜ん、すばらしい!


なお、この方法は『Movable Typeでつくる!最強のブログサイト』の217〜218に載っている。


Movable Typeでつくる!最強のブログサイト 

2006年05月15日

エントリーページも3カラムにする

が、右端のカラム(ガンマ)が右端ではなく、左下(アルファの下)に表示される。
右端は空白だ。

このページだけ、表示がおかしい。

ということで、このページで試みていることをもう一度試みてみる。

まず、エントリータイトルが長い。
タイトルが長すぎると、ガンマが表示されないのか?

実験の結果、そうではなかった。
タイトルが長くても表示される。。

では、何が原因か?

引用文をつかってみる。 これはどうか?

引用文も原因ではない。


では、大きい字にしてみる。

大丈夫だった。


次はセンタリング

これも大丈夫。


ここで、この記事のソースを表示させてみる。
すると、意味のない

タグを発見。

そこで、この記事から

タグを取りのぞく。

成功!
きちんと表示された。

教訓:原因と思われるものを1つ1つしらみつぶしにしていって、原因を突き止める以外にない。

2006年05月05日

フェミニンなサイトをデザインするも

君島十和子さん最新情報のブログ化へ向けての第1歩。
前回つくったデザイン(green3)をベースに、フェミニンな雰囲気を出そうと試行錯誤する。

まず、すっかり忘れている。
2週間MTから遠ざかっていたせいだ。
作業を思い出すのに、意外にもこのブログが役立った。
備忘録として有用だったので、これからも書いていこうと思った。

さて、まずデザインを練るためのブログを作ることからはじめる。
が、いきなり失敗。
表示されるべきブログが表示されない。
手順に間違いはない。
原因を特定するために、ひとまずそのブログを削除し、新たにブログを作る。
またも失敗。
作成はされるが、表示されない。
404エラーが出る。

そこでFTPソフトでディレクトリを調べる。
すると、あるべきはずのディレクトリにはなく、なぜこんなところに、という場所に新ブログのフォルダを発見。

原因はサイト・パスだ。

で、もう一度確認する。

/home/sites/lolipop.jp/users/自分のフルパス/web/t-style(←新しいブログ)

これで成功。
失敗したブログのフォルダは、FTPソフトで削除した。


背景色と背景画像


グリーンベースからピンクベースの色調に変更する。
CSSファイルをいろいろいじって、全体の背景色を薄い青、タイトル部分を濃いピンクにしてみたが、印象が重い。
そこで、画像を使うことにする。
ブログの幅が850pxなので、850pxの適当な画像を探すが、ない。
そこで640pxの画像を用意する。

背景画像を表示させようとするが、表示されるブラウザと表示されないブラウザがある。

背景色を優先させるブラウザとそうでないブラウザがあるためと判明。
background で指定していたのを、background-image と background-color で画像と背景色を指定し直したら、改善された。


サイトとカラムの調整


ブログタイトルとブログ説明文の位置を調整する。
これはうまくいったが、Internet Explorer for Macでの表示がおかしい。
右側のカラムが左下に表示される。
おそらく右カラムを表示させるスペースがないためだろう。

そこで、サイトとカラムの調整を測る。
SafariとFirefoxではほぼ指定通りに表示されるが、なぜかInternet Explorer for Macではきちんと表示されない。

1px単位での調節をするが、結局あきらめる。
すでにこの作業に取りかかって13時間が経とうとしている。

ひとまず今日はここまで。
細部のデザインはまた今度だ。

本日の成果 十和子スタイル


Copyright (C) seikou.info All rights reserved. Feel free to link this site.(当サイトはリンクフリーです) |管理人へメール