トップページ > メインテンプレート

メインテンプレートの目次

【MovableTypeを おしゃれにカスタマイズ】 無料メルマガ発行中!

MovableTypeのテンプレートのカスタマイズをわかりやすく解説します。
メールアドレスを入力してボタンを押すと登録・解除できます。




メルマガバックナンバー | 今日の小技 バックナンバー

トップページの新着記事部分のソース NO.68

2006年06月16日

トップページの新着記事のソースは次のようになっています。(下の図の部分)
【表示箇所】
sample85.gif
【ソース】
<MTEntries lastn="5">
<ul>
<li><a href="<$MTEntryLink$>"><$MTEntryTitle$></a>
<$MTEntryDate format="(%b/%e)"$></li>
</ul>
</MTEntries>

"トップページの新着記事部分のソース NO.68" の続きを読む»

メインページにお知らせを追記しました。 NO.59

2006年05月14日

メインページに「このサイトの使い方」というお知らせを追記しました。
これはMTのタグはぜんぜん使ってなくて、HTMLのサイトを作るのと同じです。


"メインページにお知らせを追記しました。 NO.59" の続きを読む»

トップページのデザインを大幅に変えてみる その4 NO.49

2006年04月28日

トップページにいきなりコンテンツをアップしてしまいましたが、ひとつずつ解説してきます♪


"トップページのデザインを大幅に変えてみる その4 NO.49" の続きを読む»

コメント (2)

トップページのデザインを大幅に変えてみる その3 NO.48

2006年04月27日

【メインテンプレートの修正】
その2の図のように左側にコンテンツを配置するにはメインテンプレートに次のように追記します。MT管理画面から「テンプレート」→「インデックス」→「メインページ」でメインページのテンプレートを修正します。

"トップページのデザインを大幅に変えてみる その3 NO.48" の続きを読む»

トップページのデザインを大幅に変えてみる その2 NO.47

sample55.gif
変更後のイメージはおおまかに上ののようなかんじです。
もともとの状態に「コンテンツ」部分を挿入するイメージですね。今まで「パンくずリスト」のすぐ下に表示されていた、「最新記事」の部分を下に下げます。コンテンツ①②とコンテンツ④、コンテンツ③とコンテンツ⑤はそれぞれスタイルシートのfloatを使って並べます。


トップページのデザインを大幅に変えてみる その1 NO.46

MTのデフォルトテンプレートでもそうですが、FC2とかseesaaなどのブログでも一般的なデザインはトップページに最新のエントリーが何件か表示されていますね。まだブログがどんなものかも解らなかったとき、どこがトップページなのかよくわかりませんでした(^-^;


訪問者に「ここがトップページ」とわかるようにメインテンプレートのHTMLを編集していきたいと思います。
ちょっと複雑で画像も多用しますので、わかりにくいところがあったら質問してくださいね♪

"トップページのデザインを大幅に変えてみる その1 NO.46" の続きを読む»

フッターに何か書いてみる NO.28

2006年04月13日

メインページの段組をスタイルシートでしたときにフッターのスペースもとってありました。(こちらの記事参照)フッターは「Copyright」とか「ナビゲーションバー」とか「TOP相互リンク」とかいろいろ使えるスペースです。私はこんな感じに・・・(*^^)
sample29.gif



"フッターに何か書いてみる NO.28" の続きを読む»

「検索」機能を「Google」に変更する NO.27

右サイドにある「検索」の機能を、Googleの「検索向けAdsence」に変更します。
MTの検索結果が表示されるページのテンプレートは、管理画面から修正できません。MT本体のファイルを編集する必要があり、結構大変です。他のサイトで検索結果のページのカスタマイズもしましたが、手間がかかり作業もわかりにくいので、「検索向けアドセンス」にすることにしました。


"「検索」機能を「Google」に変更する NO.27" の続きを読む»

カテゴリー一覧で特定のカテゴリーを表示・非表示にする NO.25

2006年04月11日

カテゴリーを作成するとき、「トップレベルカテゴリー」か「サブカテゴリー」か選択できます。 両方使うと階層化できます。しかし、その分MTのタグをおぼえなければならず、テンプレートの記述も複雑に・・・。


めんどくさがりの私ですから、なんとかトップレベルカテゴリーだけで思い通りに表示できないかとあれこれ探して、またいいプラグインを見つけましたy(^ー^)y このプラグインで早速カテゴリーのタイトル(各カテゴリーへのリンク)を整理します♪


"カテゴリー一覧で特定のカテゴリーを表示・非表示にする NO.25" の続きを読む»

右サイドをカスタマイズその3 NO.24

右サイドの枠で囲った部分に見出しをつけたいと思います。
メインテンプレートの該当箇所を<div class="aaaaa">~</div>で囲み、スタイルシートを指定します。


"右サイドをカスタマイズその3 NO.24" の続きを読む»

右サイドをカスタマイズその2 カテゴリーのタイトルと表示とプラグイン NO.23

カテゴリー表示に使うプラグインとカテゴリー名のつけ方については「カテゴリーのタイトルのつけ方 NO.5」で紹介したのですが、今の段階ではこのプラグイン用にカテゴリー名にNO.をつけているだけ・・・という状況です。今回はこれをちゃんと使いこなすための記事です(*^^)

「プラグイン」ってなに?
アプリケーションソフトに追加機能を提供するための小さなプログラム(IT用語辞典e-Words)

"右サイドをカスタマイズその2 カテゴリーのタイトルと表示とプラグイン NO.23" の続きを読む»

コメント (2)

右サイドをカスタマイズその1 NO.23

アクセスアップ系の記事が続いてましたが、そろそろ見苦しい右サイドも修正していきます(^^;

"右サイドをカスタマイズその1 NO.23" の続きを読む»

アクセス解析を設置する NO.18

2006年04月07日

サイトを公開したらどれくらいアクセスがあるのか気になりますね。
どこから来たのか、どんなキーワードで訪問してくれたのか、何度目に来てくれたのか、何ページ見てくれたのか、それがわかるのがアクセス解析です。


"アクセス解析を設置する NO.18" の続きを読む»

「続きを読む」のところをちょこっと修正 NO.16

2006年04月06日

現在のテンプレートでは、記事を投稿するときに「追記(more)」に書いた部分は「続きを読む」をクリックして開いたページに表示されるように指定しています。
この「続きを読む」ですが、なんとなく落ち着かないので下記のように変更してみます。

"「続きを読む」のところをちょこっと修正 NO.16" の続きを読む»

メインページのエントリー(左側)が消えた?! NO.15

子供が春休みのあいだ実家に帰省してました。
今日から学校も始まり早速このサイトのカスタマイズの続きをしようと、
NO.14の記事を修正して保存したら・・・

メインページの左側が全部消えました( ̄▽ ̄;)!!ガーン
こんな感じ↓

sample11.gif




あ、焦りました(汗)
 


"メインページのエントリー(左側)が消えた?! NO.15" の続きを読む»

エントリーの日付の位置と文字サイズを変更 NO.12

2006年03月26日

メインページのエントリーフッターの投稿者と日時とパーマリンクを削除する NO.11

2006年03月25日

下の画像の赤枠に囲まれた部分ですが、投稿者は私以外いませんし、投稿時間は表示しなくてもいいですね。あとパーマリンクは現状だと記事のエントリーページにリンクされていて上の行の「続きを読む」と重複しているので削除しちゃいます。

sample6.gif

"メインページのエントリーフッターの投稿者と日時とパーマリンクを削除する NO.11" の続きを読む»

バナーを画像に NO.10

2006年03月23日

今の状態ではぜんぜんおしゃれじゃないですね。そろそろスタイルシートで見た目を良くしていきましょう♪この見本のように、タイトルバナーを画像にしたいと思います。

 

変更前の状態

sample4.gif

"バナーを画像に NO.10" の続きを読む»

コメント (19) | トラックバック (1)

デフォルトのメインページの構造 NO.8

メインページのデフォルトテンプレートの構造をNO.7の記事で紹介したブックマークレットで見てみるとこんな感じになってます。目が回りそうです(笑)
sample2.gif
これを次のようにすっきりさせます。
sample3.gif
ダイエット後のソースを記載しておきますので、ご自由にコピペなさってください。
どの部分が何のタグなのかわかりやすいように<!--メモ-->を書き加えました。
(いちからカスタマイズするぞ!という方向け。スグに使えるテンプレートはもう少し待ってね♪)

"デフォルトのメインページの構造 NO.8" の続きを読む»

コメント (4)

メインページのデザインを考える NO.7

ブログはだいたい2カラムか3カラムでメインに最新記事が表示されていますね。
でも、私はこのデザインにこだわらなくてもいいと思ってます。
1カラムでも、タイトルの下に1カラムにしてその下を2カラムに分割とか、
自分の作りたいサイトのイメージを決めて、それから表示させたいところに表示できるように
HTMLとMTのタグを記述していけば、いわゆるブログらしくないサイトを作ることができます。

"メインページのデザインを考える NO.7" の続きを読む»