Template Bank[テンプレートバンク]
スタイルシートの作り方

ブログタイトルをデザインする

今回からは、スタイルシートを使ったデザイン講座です。

デザインの方法は、CSS(カスケーディング・スタイル・シート)という技法を使います。
つまり、Movable Typeのスタイルシートテンプレートを使うということです。
見栄えは、スタイルシートに記述して、中身(コンテンツ)は、各テンプレートに記述する方法です。

では、最初は、ブログタイトルをスタイルシートを使ってデザインしてみましょう。

 »»続きを読む

ブログのヘッダーをデザインする

ブログのタイトルや説明文をなどを表示するヘッダー部分をデザインしてみましょう。
背景に色をつけたり、枠線で囲ったり、背景画像を使って、見栄えの良いブログを作ってみましょう。

 »»続きを読む

コンテンツを中央に表示する方法

あなたのブログは、中央に表示されていますか?
それとも、左側に寄せて表示していますか?
もしかして、右側に寄せて表示してる?

サイトのコンテンツを中央に表示させる方法を説明します。

 »»続きを読む

ページの背景に画像を表示する方法

ページ全体の背景に画像を表示すると、かなりイメージが変わりますね。
サイトに訪れる人は、数秒であなたのサイトを評価して、次のアクションを起こします。
次のアクションが別のサイトに移動するというにならないためには、第一印象が大事です。

 »»続きを読む

メニューBOXの作り方

ポータルサイトやショッピングサイトでよく見かけるページの左右に配置されたメニューBOXを作ってみましょう。

 »»続きを読む

付箋紙の作り方

このサイトで配布している無料テンプレートでも使ってる付箋紙のような形のタイトルを作る方法を説明します。

 »»続きを読む
Category

Movable Typeとは、なぜMovable Typeを使うのか、Movable Typeのしくみ、テンプレートとは、プラグインとは、Movable Typeの基本を初心者にもわかりやすく解説します。

テンプレートの作り方、スタイルシートを使ったデザイン、プラグインの紹介と使い方、モジュール・テンプレートの使い方、1カラム型・2カラム型・3カラム型テンプレートの作り方などを初心者にもわかりやすく解説します。

1カラム型、2カラム型、3カラム型のテンプレートを作る方法

Movable Typeのスタイルシートを使って、オリジナルデザインにしよう

インストールのトラブル、記事(エントリー)投稿時のトラブル、サーバエラーやページが表示されないなどのMovable Typeに関する疑問・質問を解決します。

Movable Type3.2用のテンプレートを無料配布しています。 1カラム型、2カラム左サイドバー型、2カラム右サイトバー型、3カラム型、フリースタイルなど今後もどんどん追加する予定です。