MT：StyleCatcherのオリジナルテーマ作成方法
StyleCatcherで取り込んだスタイルシートは
１度自分のローカルサーバにダウンロードして変更します。
/ユーザーディレクトリ/mt/mt-static/themes を開くとあります。
そのファイルごとを自分のPCにダウンロードします。
このフォルダにあるｃｓｓファイルをベースに新たに作っていきます。
フォルダも新しく「theme-任意の名前」でつけます。
ｃｓｓの２行目に name:があるのでｃｓｓ名を書きます。
カスタマイズができたら、先ほどの
/ユーザーディレクトリ/mt/mt-static/themesに
フォルダごとアップロードします。
StyleCatcherの設定画面を見ると新しく作ったスタイルシート枠ができています。
サムネイル画像は自分で作らないといけないので
プリントスクリーンを利用して、大と小の画像を作ります。
で、先ほどアップロードしたフォルダにアップすると画像が出ます。
それぞれ名前は「thumbnail-large.gif」(280×210px)と「thumbnail.gif」(120×84px)です。
これでオリジナルなテーマができました。
前後してますが私はここからｃｓｓ触っていきますｗ
2006年11月26日｜
カテゴリー：MovableType
MT：３カラムにする方法
基本は２カラムになっています。
３カラムにするには・・・
テンプレートの「alpha」と「beta」を操作します。
betaの部分全体をコピーし、alphaの直前に貼り付けます。
で、「alpha」と「beta」の名前を書き換える。
２行目の「alpha-inner」のところも変える。
もともとあったbetaのところは「gamma」と言う名で書き換える。
そして忘れてはいけないのが、上のほう</head>の下にある
<body class="layout-two-column-right main-index">
を
<body class="layout-three-column main-index">
に変更すること！これで完璧！
あとプラグインの差し替えは自由です。
2006年11月26日｜
カテゴリー：MovableType
MT：ページ横幅の変更方法
スタイルシートで変更します。
基本は720pxなので、その部分を探してサイズ変更します。
あと、どのカラムの幅を変更するかによって違いますが、
その部分の「widｔｈ」を見つけて変更します。
例えば真ん中のカラムだと
.layout-three-column #beta
{
margin: 15px 15px 0 15px;
width: 320px;
background: none;
の320のところを変えます。
私の場合横幅を800pxにしたので、中央コラムは400pxにしました。
2006年11月26日｜
カテゴリー：MovableType
MT：日記公開設定
そのままでは日記はいちいち未公開から公開に変更しないと
保存だけで反映されません。
ややこしいところに設定できるところがあります。
左サイドの環境設定の「設定」→右上のほうの「詳細モードに切り替え」で
「設定」と「プラグイン」だけだったタブが
「新規投稿」「コメント/トラックバック」「公開」と３つ増えます。
「新規投稿」をクリックし、「公開」に変更しておきましょう。
非公開にする時のみ、その都度エントリー画面で変更するほうが簡単ですよね。
その下の「改行を変換する」とは
ブログはタグがそのまま反映されるものが多い(MTも)のですが、
改行はいちいち入れなくてもこの機能だと
が入った状態と同じ処理をしてくれるって
ことですよね。
HP作成ソフトなどで作ったものを貼り付ける場合などは
この設定をはずさないとえらい間延びした感じになってしまいます。
この２つともエントリー画面の下のほうの「画面の表示設定を変更」をクリックしたら
出てきます。
細かい設定をその都度する場合はこちらの画面にしておいたほうが
楽かなあと私は思います。全てを選んでいます。
投稿日時も変更できます。
2006年11月26日｜
カテゴリー：MovableType
MT：ナビゲーションメニューの作り方
これはカテゴリーが少なくないと無理なのでは？？？？
と思ったのだけど、URLを別にコピペして作成するので
メインになるカテゴリだけ持ってきたい時にいいですね。
●まずは、先にカテゴリを作成します。普通にカテゴリ枠に表示されます。
●それぞれのカテゴリページが表示されるURLをコピペしておきます。
●メインテンプレートの<div id="pagebody">の直前に貼り付けます。
私の場合は
<ul id="nav">
<li><a href="http://www.kirei-dokoro.com/blog/">TOP</a></li>
<li><a href="http://www.kirei-dokoro.com/blog/cat1/index.html">Diary</a></li>
<li><a href="http://www.kirei-dokoro.com/blog/gallery/index.html">Gallery</a></li>
<li><a href="http://www.kirei-dokoro.com/blog/moblog/index.html">Moblog</a></li>
<li><a href="http://www.kirei-dokoro.com/blog/movabletype/index.html">MovableType</a></li>
<li><a href="http://www.kirei-dokoro.com/blog/cat3/index.html">お気に入り</a></li>
</ul>
スタイルシートのほうは
#nav {
margin: 0px;
padding: 0px;
list-style:none;
float: left;
width: 100%;
}
#nav li{
float: left;
font-size: 12px;
text-align: center;
width : 124px;
height : 20px;
margin-top: 3px;
margin-right: 0px;
margin-left: 3px;
background: #f0f0f0 url(bijin05.jpg) no-repeat fixed left top;
border-right: 2px solid #006699;
border-bottom: 2px solid #006699;
}
#nav a: {
color: #000000;
display:block;
width : 125px;
height : 20px;
}
#nav a:hover {
color: #ffffff;
background-color:#0f314e;
text-decoration: none;
height : 20px;
}
ついでにナビの枠をちょっと変更して上と左のラインを「0」にし、
影をつけた状態にしました。
border-right: 2px solid #006699;
border-bottom: 2px solid #006699;
そして壁紙を利用したらこうなりました。
background: #f0f0f0 url(bijin05.jpg) no-repeat fixed left top;
※クリックすると画像が拡大されます。
2006年11月25日｜
カテゴリー：MovableType
MT：サイト説明表示の作成
メインテンプレートの
<div id="beta>
<div id="beta-inner" class="pkg">
と
<MTEntries>
<$MTEntryTrackbackData$>
の間に挿入すれば
トップページに画像や文字が記事とは別に表示されます。
こんな感じ。
<div id="beta">
<div id="beta-inner" class="pkg">
<div class="entry-body" align="center">
このサイトは、「MovableType3.3」のカスタマイズの練習用に作っています。<br /><
お見苦しい点もあるかと思いますが、<br />
作成途中の記録的ブログとなっておりますのでご容赦ください。<br /><br />
</div>
<MTEntries>
<$MTEntryTrackbackData$>
2006年11月25日｜
カテゴリー：MovableType
MT：StyleCatcher起動させるには・・・
カスタマイズにはStyleCatcher・・・・
でもプラグインの「StyleCatcherでデザインを選ぶ」をクリックしてもエラーじゃん！！！
で、マニュアル読むけどやっぱり先に進まない！
●StyleCatcher環境の設定
http://www.sixapart.jp/movabletype/manual/3.3/05_preinstalled_plugins/stylecatcher.html
で、検索。
すんなりとは行かなかったけど、お陰様で起動できました。
ありがとう！！
スタイルキャッチャー完成
http://mokkousha.noblog.net/blog/a/10218355.html
スタイルキャッチャー完成 ついにスタイルキャッチャーが稼働しました。 レンタルサーバーの会社にパスを問い合わせたり、3.3のマニュアルを見ても書いてあるとおりに設定しているのに、全然稼働しなくてあきらめかけてましたが、ネットで調べたら、StyleCatcher.cgiのパーミッションのことが書いてあり、自分のを見てみたらパーミッションが644になってました。 スタイルキャッチャーの使い方をまとめると、 1)mt-config.cgi環境設定ファイルで指定しているStaticWebPath（私の場合 http://www.tategu-ya.com/mt-static/）のmt-staticフォルダにthemesというフォルダを作り、パーミッションを777にする。 ２）ＦＴＰソフトで、MovableTypeをインストールしたフォルダ(私の場合mt)のmt/plugins/StyleCatcherにあるStyleCatcher.cgiのパーミッションを755に変更。 ３）MovableTypeのシステムメニュー→プラグインのStyleCatcherの部分の設定を表示リンクをクリック(右側の下辺り。文字が小さくて目立たない） ４）テーマのルートURL スタイル・テーマ保存用のディレクトリのURLを入力する。(デフォルトでほぼ大丈夫だが、StaticWebPath上に先ほど作ったthemesというフォルダになっているか確認) ５）テーマのルートパス スタイル・テーマ保存用のディレクトリのパスを入力する。(デフォルトでほぼ大丈夫だが、StaticWebPath上に先ほど作ったthemesというフォルダになっているか確認) ６）変更を保存ボタンを押す。 以上で完了です。 後はマニュアルにあるとおり、プラグイン名StyleCatcherのリンクをクリックすると、スタイルキャッチャーが稼働します。
私の場合は「StyleCatcher.cgiのパーミッションを755に変更。」と言う部分を
先にしてしまうとエラー画面から先に進みませんでした。
なので644に再度戻してみたら入力画面までは進みました。
755というパーミッション(属性)は「実行」となるという解釈から、
またまたここから755に変更してみたら、
やっとこ「ブログ選択画面が開きました！！やった！
自分の場合はこの流れでしたが、いったりきたりしているので
なにが正解なのかはわかりません。
とりあえずはここにメモしておきますｗ
2006年11月25日｜
カテゴリー：MovableType
カスタマイズ練習中♪
サンプルに沿ってのカスタマイズ中ですが、
それでも結構疲れます。
なんとか進んでるのでよしとしよう(笑)。
とうとうMT
とうとうMT3.33を入れちゃったやん～！
これをしたら最後、またハマって出てこれないかもと
先延ばしにしてたんだけど、
まわりのマイミクさんがたが最近あちこちでまた言い出したから
もう我慢できない～！って
インストールしちゃいましたやん♪
サーバーもドメインも新たに、さあ、どんなの作っていきましょか。
3.17とは仕様がだいぶ違うと言うので
また四苦八苦するのでしょうね。
それも楽しいか～ｗ
2006年11月24日｜
カテゴリー：Diary
Powered by
Movable Type 4.22-ja