RGM-79Cについて
Movable Type ver.3.3に対応したTemplate。StyleCatcher、タグに対応。2カラムタイプと3カラムタイプの2種類あります。1箇所書き換えるだけでカラムの並び順が変えられます。SEOにもそれなりに強いと思います。
[ サンプルサイト ]
Top > Movable Type Template RGM-79C
Movable Type ver.3.3に対応したTemplate。StyleCatcher、タグに対応。2カラムタイプと3カラムタイプの2種類あります。1箇所書き換えるだけでカラムの並び順が変えられます。SEOにもそれなりに強いと思います。
[ サンプルサイト ]
3.32を元に作成しています。3.3以上なら問題無く利用できると思います。
3.2以前のバージョンではテストしていませんので保証できません。
タグ機能の部分を削除したら使えそうな気もしますが。
テンプレートファイルをダウンロードされた時点で以下の点に同意したことになります。ので、しっかり読んでください。
テンプレートファイルをダウンロード、解凍。
テーマファイルの取得方法は目的に合わせて2パターンあります。
最初に各ページの構造を決めるxhtml部分のテンプレートをダウンロードします。
ダウンロードしたファイルを解凍すると以下のような構成になっています。
※()内は適用先。適用したいブログを新規作成した時のMovable Typeのバージョンによって名称は若干変わります。
3カラムにしたい場合はthree_columnフォルダ、2カラムの場合はtwo_columnフォルダに入ってるファイルを使用してください。
ブログで利用するページをそれぞれのファイルに書き換えてください。(コピーアンドペースト)。
次にブログの見た目部分を決めるテーマファイルを取得します。
テーマファイルをカスタマイズする場合とStyleCatcherを利用する場合で取得方法が違います。目的に合わせて選んでください。
使用したいテーマファイルをダウンロードします。
画像ファイルをすべてサーバにアップロードします。デフォルトはcssファイルと同階層です。
同階層以外の場所にする場合(例:imagesフォルダ)はそれに合わせてcssファイルの画像ファイルの箇所を編集(例:imagesフォルダにした場合は./images/を追加)してください。テキストエディタでbackground-imageを検索すると見つけやすいと思います。
cssファイル(テーマ名.css)を[インデックス/スタイルシート]変更します。
Movable Typeの管理画面の「システムメニュー」から「プラグイン」を選び、StyleCatcherのところにある「設定を表示」を選択、「Style LibraryへのURL」をhttp://www.stupid-net.com/repository に変更して「変更を保存」ボタンをクリックして保存します。
Movable Typeの管理画面の「システムメニュー」から「プラグイン」を選び、StyleCatcherを選択して「Style LibraryへのURL」をhttp://www.stupid-net.com/repository に変更して「スタイル検索」を押すとテーマの一覧が表示されます。
適用したいテーマを選択してから下にある「ブログを選択」から適用するブログを選び、「デザインを適用」ボタンを押します。
| 投稿者 | スレッド |
|---|---|
| ムハマド | 投稿日時: 2006-9-29 13:13 更新日時: 2006-9-29 13:13 |
|
すでに既出かもしれませんが・・・
date_based_archive.htmlの62行目(<!-- ここからwrap -->)にダブルクォーテションが1つ足りないようです。 その為、日付アーカイブだけが左レイアウトと同じになってしまいます。 <div id="wrap class="floatBox""> |
|
|
|
|
| skulusa | 投稿日時: 2006-9-29 20:00 更新日時: 2006-9-29 20:00 |
管理人 ![]() ![]() 登録日: 2005-6-16 居住地: 投稿数: 15 |
本当ですね!全く気付いていませんでした。
ご報告どうもありがとうございます。 修正バージョンに差し替えました。 |
|
|
|
| Forest | 投稿日時: 2006-10-18 4:01 更新日時: 2006-10-18 4:01 |
|
MSM-03C.css なのですが…
moduleHeader クラスの部分、記事の見出しが長くて改行してしまうような場合、デザインが崩れてしまいます。 以下のように定義すると回避できます。 .moduleHeader { color: #FFFFFF; font-size: 10px; background-color: #48AAD7; background-image: url(betaHeader.jpg); background-repeat: no-repeat; height: 13px; padding: 0px 10px 7px 10px; margin: 0px; overflow: hidden; line-height: 24px; } ご確認ください。 |
|
|
|
|
| skulusa | 投稿日時: 2006-10-25 20:05 更新日時: 2006-10-25 20:05 |
管理人 ![]() ![]() 登録日: 2005-6-16 居住地: 投稿数: 15 |
ご指摘ありがとうございます。
個人的にはoverflow: hidden;で収まりきらなかったモノを隠しちゃうのは抵抗あります。 1〜2文字程度のはみ出しならletter-spacingで文字間を狭めるって対応方があります。 |
|
|
|
| eleking | 投稿日時: 2006-11-2 16:45 更新日時: 2006-11-2 16:45 |
新米 ![]() ![]() 登録日: 2006-11-2 居住地: 投稿数: 1 |
数日前にダウンロードさせてもらって使わせて頂いています。ありがとうございました。
こうゆう切れ味のいいデザインのものを探していました。 今回、stylecatcherを使っていますので、デザインバリエが増えるのを楽しみにしております。(今でもかなり充実していますが) まずは御礼まで。 |
|
|
|
| QUIE | 投稿日時: 2007-4-30 20:03 更新日時: 2007-5-8 2:43 |
|
毎度お世話様です。
RGM-79CをMT3.3で利用させて頂いていますが、表示させる画像の横幅が大きいとき、画像右&下にスクロールバーっていうのでしょうか、それが表示されきちんと収まりがよいのがFireFox2.0、表示されずレイアウトが崩れてしまうのがIE6.0でした。Win2000SP4です。これはそういうものなのでしょうか?それとも何かIEではブラウザの設定が必要なのでしょうか…。 宜しくおねがいします。気長に返答をお待ちします。 |
|
|
|
|
| skulusa | 投稿日時: 2007-5-8 2:54 更新日時: 2007-5-8 2:54 |
管理人 ![]() ![]() 登録日: 2005-6-16 居住地: 投稿数: 15 |
firefoxで表示サイズが大きい画像にスクロールバーが出てレイアウト崩れないのは画像用の対策ではなく極端に長いテキスト(URLアドレス等)対策のために行っているので画像サイズが横幅より長い場合のスクロールバーは偶然ののものになります。
出来たら画像サイズは横幅のサイズ以内にすることをオススメします。 |
|
|