2009年2月18日

ウェブページの見出しを画像化

3つあるウェブページ(携帯写真ギャラリー、リンク集、プロフィール)の見出しをテキストから画像に変えてみました。
Movable Typeを4.2にアップグレードする前の記事「ウェブページタイトルの画像化」と基本的には同じことをしました。画像もまったく同じです。
違うのは、見出し要素がh1→h2に変わっていること、各ページに付けられたエントリー番号(という言い方が正しいかどうか分かりませんが)、若干の調整等です。
一応、リンク集のスタイルシートのみを以下に記載します(他の2つのページと異なる部分にアンダーラインを引きました)。

/*リンク集*/
#entry-51 h2.entry-header{
      width: auto;
      height: 30px;
      margin-top:10px;
      padding:0;
      border:none;
      text-indent: -9999px;
      background: url(images/title/link.gif) no-repeat left center;
}

2009年1月29日

不具合解消

Movable Type 4.23を新規インストールし、記事を1本投稿、スタイルを(3カラムの)「小、大、小」に変更したところ、見事にレイアウトが変わり、妙に感動などしています。
エクスポートしておいたこれまでの記事も無事インポートできましたので、これから再び「小粋空間」さんのテンプレートセットを導入し、カスタマイズを進めていこうと思います。

Movable Typeの新規インストール

Movable Type 4.0から4.23へのアップグレードにつまずき、しかし「小粋空間」さんのテンプレートセットを導入して何とか形を整え、それを土台にカスタマイズしていくつもりでした。
ただ、その後も不具合は相次ぎ、ついには再構築もできなくなるという有様で、これでは話にならない、とあきらめてブログを削除、ファイルとフォルダもすべてサーバから削除しました。
そして、改めてMovable Type 4.23をインストールし直したというわけです。
心機一転、また一から出直しです。

2009年1月23日

スタイル切り替え不可など

小粋空間さんのテンプレート導入は何とか成功しましたが、このテンプレートセットが「スタイル対応版」にもかかわらず、スタイルの切り替えができないのです。
いえ、小粋空間さんに文句を言っているのではありません。Movable Typeを4.23にアップグレードして以来、不具合が相次いでいるので、うまくインストールできていない可能性があると考えています。
レイアウトを2カラムにしたいのですが、「Movable Type 4.2 テンプレートセット(スタイル対応版)」の記事の後半のとおりにやっているつもりなのに、「スタイル」を選択する画面で、「カテゴリ」の欄に"Koikikukan Themes"と出てくるにもかかわらず、レイアウトのサムネール画像が表示されず、「レイアウト」のセレクトボックスにも「見つかりません」と出ます。
何度やっても同じ結果なので、スタイルの切り替えはあきらめました。
これからブログのデザインをカスタマイズしていくつもりですが、小粋空間さん作成のスタイルシート"styles-site.css"はそのままにして、新たに独自のスタイルシート"styles-kim.css"を作り、インデックステンプレートに追加することにしました。
そして、テンプレートモジュール「ヘッダ」にそのスタイルシートへのリンクを以下のように追加したというわけです。
<link rel="stylesheet" href="<mt:link template="スタイルシート(オリジナル)" />" type="text/css" />

もうひとつ、ウェブページ「携帯写真ギャラリー」も復活させました。
それにしても、ブログ復元までの道のりは結構長そうです。

2009年1月18日

2カラムへの変更不可

前回の投稿から10日以上経過してしまいましたが、その間色々試してみたにもかかわらず、ブログのレイアウトが2カラムに変更されず、3カラムのままです。
もっといえば、3カラムの「大・小・小」のままで、「小・大・小」にもなりません。
テンプレートの初期化もやりましたが、何も変わりません。
テンプレート「スタイルシート」を見てみると、以下のようにコメントが記述されています。
/*Selected Layout : <MTSetVar name="page_layout" value="layout-wt"> */
これは(私の理解が正しければ)、2カラム(大・小)のレイアウトが選択されている、という意味だと思います。
にもかかわらず、ブログのメインページのソースは以下のようになっているのです。
<body id="mt-blog" class="mt-main-index layout-wtt">
不可解です。
シックスアパートのマニュアルで、Movable Type 4.2へのアップグレードに際し、不要になるプラグインの削除をするように書かれていたので、"Widget Manager"と"Template Refresh"をディレクトリごと削除しましたが、これが影響でもしているのか、それとも他に原因があるのか、今もって分かりません。

2009年1月 6日

復元に向けて

08-12-16.jpgブログの復元に向けて準備を始めました。参考までに、復元させたい、つまりアップグレード直前のレイアウト画像を掲載しておきます。
Movable Typeは4.0から4.2にアップグレードして、テンプレートの構成や内容が結構変わっているようなので、まずそのあたりを押さえておく必要があると考え、少しずつ頭に入れています。
「ヘッダー」と「フッター」が随分シンプルになった、という印象です。それと、「サイドバー」はそれ以上にシンプル化され、内容がウィジェットセットで管理されるようになったようです。
不思議なのは「スタイル」でレイアウトが変わらないことで、2カラムにしたいのに、3カラムのままなのです。ま、でも今日はこのあたりでやめておきます。

2008年10月11日

カウンターの設置

カウンターを設置してみました。
FC2の無料サービス「FC2カウンター」を利用しました。
数字の画像をPhotoshopで作成、アップロードします。各種設定を終え、示された設置タグをコピーしてテンプレートモジュール「サイドバー(2カラム)」の最後に貼付けます。
もちろん、最後といってもdivタグ2つの前で、貼付ける位置を間違えるとレイアウトが崩れます。
その後、スタイルシートでレイアウトを調整します。
テンプレート「スタイルシート(ベーステーマ)」に以下の指定を追加しました。
/*counter*/
#counter{
    margin: 10px 0 0 70px;
}
初期値はとりあえず50にしました。うっかりカウンターをクリックすると、FC2カウンターのPRページが別ウィンドウで開いてしまいますが、仕方がないでしょう。以上です。

2008年10月 7日

「先頭に戻る」の画像化など

今回は微調整です。
1月ほど前にページのトップ(先頭)に戻るリンクを設定しましたが、そのテキストを画像に変えてみました。
テンプレートモジュールの「フッター」中の「ページのトップに戻る」というテキストを削除、以下のような画像のパスに差し替えました。
<img src="<$MTBlogURL>images/to-top.gif" width="135" height="23" alt="ページの先頭に戻る" />
次に、フッターの文字をセンタリングしてみました。
テンプレートのスタイルシート(ベーステーマ)の最後の方に#footer .widget-powerd .widget-contentというセレクタがあるので、その中のtext-alignの値をleft→centerに変えるだけです。以上です。

2008年10月 5日

テンプレート修正に伴う余白

昨日の投稿の最後に書いたとおり、今まで別ファイルだったスタイルシートをコピーし、テンプレートの中のスタイルシート(ベーステーマ)にペーストしました。
同時に、テンプレートにあるもうひとつのスタイルシート(メイン)で別ファイルを読み込む指定@import urlL(http://...../screen.css);という1行を削除しました。
背景の斜線やヘッダの画像がリンク切れとなって表示されなくなったので、パスを修正、ブラウザで確認すると・・・・。 Safari、Firefoxなど、問題なく従来どおり表示されましたが、Win版IE6(v.5以前は未確認)だけは右側に約50ピクセルの余白ができてしまいました。
これから原因を究明したいと思いますが、私の知識では見通しは厳しいでしょう。

2008年10月 4日

ヘッダとフッタの修正

Kim's Blog-2の制作に忙しく、こちらのブログがしばらく休止状態になってしまいました。
今回はヘッダの画像を変更するとともに、フッタについては画像を削除し、すっきりとさせてみました。
いくらかイメージが変わったと思います。
しかし、試行錯誤でカスタマイズを進めてきたということもあり、テンプレートの修正よりも、主に別ファイルのスタイルシートを修正するという変則的な形になってしまいました。
そのため、いちいちDreamweaverを立ち上げ、スタイルシートを開いて修正、アップロードという面倒な作業を強いられているのです。
ここまで書いてきてふと思いついたのですが、別ファイルになっているスタイルシートの中身を、テンプレートのスタイルシート(ベーステーマ)にそっくりコピペしたらどうなんでしょう。
これは次回に試してみることにします。
ページの先頭に戻る