MTブログカスタマイズ

サイトの背景に画像を表示

2007-08-23T11:21:29Z

このサイトの背景は無料素材サイトの素材を使っています。こんなの→ まずは元となる画像ファイルを用意します。「○○.gif」など次に、その画像ファイルをサーバーにアップロードします。ムーバブルタイプの管理画面から、ファイルのアップロードをしましょう。そしたらテンプレートのスタイルシート編集画面を開いて、以下のソースを捜す。＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾ /* ページレイアウト */ body { min-width: 730px; text-align: center; /* center on ie */ font-family: 'trebuchet ms', verdana, helvetica, arial, "MS Pゴシック","osaka", sans-serif; margin: 0px; padding: 0; font-size: 0.8em; color: #333; background: #ccc; line-height: 1.5; } ＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾ background: url(　) repeat; の（　）内に、さっきメモ帳に保存した画像URLを入れて、上記ソースの下から２行目に上書きする。すると、＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾ /* ページレイアウト */ body { min-width: 730px; text-align: center; /* center on ie */ font-family: 'trebuchet ms', verdana, helvetica, arial, "MS Pゴシック","osaka", sans-serif; margin: 0px; padding: 0; font-size: 0.8em; color: #333; background: url(http://info-switch.com/○○.gif) repeat; line-height: 1.5; } ＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾＾と言う風になる。保存と再構築をクリックして、サイト確認してみましょう。サイトの背景に、画像が表示されていれば成功です。

サイドバー

2007-08-16T14:13:42Z

MTに限らず、ブログのカスタマイズでもっとも手を付けやすいのが、サイドバーです。このサイトも、とりあえずテンプレートを導入して、まず手をつけたのは、サイドバーのカスタマイズです。まあ、カスタマイズとはいっても、単にブログパーツを設置する程度なのですが。この記事を書いている時点では、まだブログ開設から３日しかたっていないので、これからどんどん、現状よりもカスタマイズしていく予定です。もしかしたら、デザインも全く、今と違うものになる可能性もあるので、現在のデザインを残しておきます。

当サイトの看板画像について

2007-08-16T08:27:21Z

当サイトの看板画像（夜景）は　Aqua's Room　さんの素材を使わせていただいてます。デザインを勉強していて、ある程度自分でイラストを描くことができたり、普段からデジカメなどで写真を撮りためているひとは、オリジナルの看板画像を作成して使用するのがベストです。僕は、あまり絵のセンスが無いし、カメラも普段あまり持ち歩かないので、こういった、ネット上の素材を探して、ちょっとだけ加工して使ったりしています。「無料　イラスト」「無料　写真」「無料　素材」「無料イラスト素材」「無料写真素材」「ホームページ素材無料」などで検索すると、たくさん出てきますので、自分のサイトイメージに合った写真やイラストを見つけてください。

ブログパーツ　MP3プレイヤー

2007-08-16T05:42:18Z

僕がいつも参考にさせてもらっている小粋空間さんで、おもしろいブログパーツを知りました。 Blogmusic このサイトには高音質のMP3楽曲がたくさんあり、その中から好きな曲を選んで自分のブログにプレイヤーを設置し、再生させられるものです。もちろん無料。ブログパーツとしてじゃなくても、このサイトで好きな音楽が聴き放題です。（笑）ちなみに下のMP3プレーヤーは Blogmusik を利用して貼り付けたものです。左側の再生ボタンをクリックすると、私の好きな、「マシーンヘッド」の曲が再生されます。 ※音量に注意して聴いてみてください。

■このブログパーツの設置方法 Blogmusicの一番上にある、検索窓に好きな曲名やミュージシャンの名前を入れて、Searchをクリックします。（日本語には対応してないので、半角英数で）曲名やミュージシャン名でヒットすると、、ずらっとリストが表示されます。このリストの中から聴きたい曲を選び、、一番左のアイコンをクリックすると、曲が再生されます。ブログにプレーヤーを設置するには、中央より少し右の上にある「Blog & Share」の黒いリンクをクリックします。すると、上からウィンドウが落ちてきます。そのウィンドウの左下にあるソースコードをコピーして、そのままブログの記事本文やサイドバーに貼り付ければ完了です。

当サイトの基本テンプレート

2007-08-16T04:51:09Z

当サイトがカスタマイズの元として、3歩先行くMovableTypeテンプレートの『お試し版』を使っています。有料版のテンプレートはかっこいいデザインになってますが、さすがにちょっと高い。（汗）なので、無料お試し版を使って、自分でかっこよくデザインしちゃおうということで、このテンプレートを使用しています。３歩先行く～以外にも、最初からある程度かっこいい（きれいな）デザインのテンプレートも、いろいろあるんですが、なぜ、この３歩先行くテンプレート『お試し版』をわざわざ使うのか？というと、SEO対策に優れているからです。有料版と無料版の違いは、デザイン要素があるかないかの違いだけなので、自分でデザインをカスタマイズすれば、実質無料で、有料版と同じ機能を使えるということになります。一般的に、デザイン重視のテンプレートは、いわゆるWEBデザイナーなどが作成したものが多いので、SEO対策をあまり考えて作られていません。なので、自分でデザインをカスタマイズするという面倒くさい作業をしてでも、このテンプレートを使う価値があるというわけです。もし、あなたが当サイトを参考にMTブログをカスタマイズしようと思っているなら、ぜひ、この３歩先行くテンプレート『お試し版』を無料でダウンロードすることをおすすめします。 3歩先行くMovableTypeテンプレート

マイノリティ・レポート

2007-08-15T17:20:07Z

当サイトの管理人、井上じゆうがMTブログを始めたのは2007年の２月頃からです。それ以前から、FC2ブログや、ライブドアブログ、seesaaブログ等、無料ブログを使って趣味のサイトを運営したり、アフィリエイト収入を得たりしていたのですが、無料ブログのデメリットが最近目立ってきました。そこで、MTブログに移行したわけですが、初心者だった僕にとってMTは意外と難しかったんです。 MTのインストールまでは案外スムーズだったんですが、いざ、デザインを変えようと思っても、どこをどうすればいいのか、全くわからない。適当にCSSやHTMLをいじったら、取り返しのつかないことに。。。そこから、私のMTブログカスタマイズの勉強の日々が始まりました。そもそも、無料ブログしか使ったことがなかったので、CSSやHTMLについての知識はほとんどありませんし、デザインの知識も資格もありません。無料ブログもそうなんですが、ブログの最大の弱点として、『デザインがどれも同じようなものになってしまう』ということが挙げられます。まあ、ブログサービスが提供しているテンプレートを、ほとんどの人はそのまま使っているので、仕方ないといえば仕方ないのですが。同じツールや同じブログサービスのテンプレートを使用することが多いので仕方ないことですが、ブログを利用していると、もっと自分で思い通りのブログにカスタマイズをしたいと感じてしまうでしょう。私は非常にマイノリティな人間なので、みんなと同じデザイン・テンプレートは我慢がなりません。街で自分と同じシャツを着た人が、前から歩いてきたときの、こっぱずかしさに似ています。なので、無料ブログでも必ず看板画像や背景色などはカスタマイズしてました。でも、やっぱり限界があるわけです。無料ブログでは。というわけで、他のブログとは一線を隠したデザインにしたい、メチャクチャ個性的なブログにカスタマイズしたいという方のために、MT3.33でのブログカスタマイズの方法を、これでもか！というくらい詳しく解説していきます。ぜひ、参考にしてあなただけのブログにカスタマイズしてください。

当サイトについて

2007-08-15T17:03:58Z

当サイト『MTブログカスタマイズ』は、ブログの基礎知識・作成方法、MTのインストールやレンタルサーバーに関する情報、アフィリエイトなどについての情報は、一切ありません。 MT３．３のカスタマイズによるデザインや、ユーザビリティ、アクセシビリティ、SEO対策に関する情報のみ、扱っております。当然、無料ブログ（ライブドアブログ・seesaaブログ・FC2ブログ・JUGEM・アメーバブログ等）等のカスタマイズについても全く触れていません。タイトルどおり、『MTブログカスタマイズ』の情報に特化したサイトになっております。また、当サイトはMovable Type 3.33にて運用しています。そのため、3.1や3.2、3.4などのバージョンについての情報も、ありません。つまり、Movable Type 3.33でのブログカスタマイズに関する情報しかありません。 Movable Type 3.33についての、デザインやHTML・CSS、テンプレートなどのカスタマイズについては、他のどこよりも詳細な情報を網羅していますので、Movable Type 3.33をお使いで、ブログのカスタマイズをお考えの方は、ぜひお気に入りに入れて、じっくり読んでみてください。実際に、当サイトを使用し、カスタマイズを実践していきますので、是非、参考にして頂ければと思います。