• ベストアンサー

MT4でホームページにブログを組み込む方法

はじめまして。教えてGooに投稿するのは初めてです。 MT4については全くの初心者です(MT4は知り合いにインストールしてもらいました)質問なのですが今、すでにあるホームページの1ページ内にMT4で作ったブログを組み込みたいのです。どんな風にかと説明するのが大変なのでこのようにブログを組み込みたいという画像を作りました。http://osaka-capa.com/blog03.jpg 左記の画像のスクロールバーがでているブログスペース内にブログをまるごと表示させたいのです。 どうしたらできるのかご存じの方是非教えて下さい。説明不足かもしれませんが宜しくお願いします。

質問者が選んだベストアンサー

  • ベストアンサー
  • Muller3
  • ベストアンサー率81% (800/979)
回答No.3

ここで全てを説明するのは無理があるので、ざっくりとしか書けませんが。 とりあえず、CSSとかXHTMLの知識がある前提での、MTのテンプレート編集の方法です。(最終的に調整しないといけないので) 構成としては、上にヘッダー画像、左にグローバルナビゲーション(現左サードバー)、そしてその右にブログが来ると。 ブログは今3カラムになっているようですが、そのまま左にグローバルナビゲーションを付けると、4カラム(小・小・大・小)というちょっとわけわからない形になってしまいます。ですので、3カラム(小・大・小)のまま、左にグローバルナビゲーション、右にブログのナビゲーションとでもすればいいのではないかと。(小・小・大でもいいんですけど) 今MTのテンプレートがどうなっているかがわからないのですが、とりあえずインデックステンプレート「スタイルシート」を見て下さい。 今のホームページのスタイルシートを読み込むには、 @import url(ホームページで使っている外部スタイルシートのURL); を入れます。 ヘッダー部分は、テンプレートモジュール「ヘッダー」が大元のソースになります。そこにヘッダーの記述を入れます。<body>タグより下を編集すればいいと思います。 次に「サイドバー」というテンプレートモジュールを見てみて下さい。 <mt:Else name="page_columns" eq="3"> という記述があります。"3"はカラム数で、これの後の記述が、実際に出力されるもののはずです。 ちょっと違うかもしれないですが <div id="beta">(略) <$mt:WidgetSet name="アクティビティ"$> </div> <div id="gamma">(略) <$mt:WidgetSet name="アーカイブ"$> </div> となっていたら、左側のカラム「beta」にはテンプレートモジュール「アクティビティ」が、右側のカラム「gamma」には「アーカイブ」が挿入されている状態です。 目標は「左小・大・右小」の構成で、今回、beta(左小)はグローバルナビゲーションにしたいので、<$mt:WidgetSet name="アクティビティ"$>は削除し、そこに現ホームページの左サイドバーの記述を入れます。 テンプレートモジュールを新規作成し、その中にグローバルナビゲーションの中身を入れて、適当に名称を付けて保存します。 仮に「グローバルナビ」という名前を付けたとすると、 <$mt:WidgetSet name="アクティビティ"$>があった場所に、 <$MTInclude module="グローバルナビ"$>と入れます。 次にgammaに入る項目を編集します。「アーカイブ」ウィジェットセットの「インストール済み」に、入れたい項目をドラッグ&ドロップで追加していきます。 同じように、テンプレートモジュール「フッター」に、フッター部分を入れます。 あとはうまくデザインが適用されるようにスタイルシートやHTMLの調整をします。(これが一番の難関ではないかと) でもちょっと思ったのですけど、左のグローバルナビゲーションはブログを表示している時も必要なものでしょうか?ブログを表示している時は、ブログのナビゲーションだけにして、ホームに戻るリンクさえどこかわかりやすくなっていればいいような気もしたんですが。 上のヘッダーとフッターのみ共通にすればいいので、その方がまだ難易度が低い気もするし…

maru8456
質問者

お礼

Muller3さん、いろいろ無理を言いまして申し訳ありません。またこのような説明まで書いていただいて有難うございいます。この説明の元になんとか頑張ってやってみます。あと本も買いましたのでそれも読みながらやってみます。また解らないところが出てきましたら投稿します。 本当に有難うございました。

その他の回答 (2)

  • Muller3
  • ベストアンサー率81% (800/979)
回答No.2

>インラインフレームでブログを入れた場合ブログ全体見れるようにしたいので縮小で表示とか 縮小で表示はできないんじゃないでしょうか。 単純にインラインフレームで表示枠を作るのなら簡単ですが、違和感のないデザインを目指すのであれば、結局はMTの方をいじらざるを得ないのではないかと思います。コンテンツの幅を狭くするとか、カラムを少なくするとか。いろいろいじっているうちに大変になりそうですけど。 ただ、フレーム使うと、検索エンジンはブログをページの一部として認識してくれません。URLも別ものなので、ブックマークなどしてもらう際に問題が起こります。 参考:「フレームを使ったサイトではSEOの効果は望めない?」 http://www.alphaseo.jp/seo-faq/inside/080417_111829.html MTのブログをホームページのデザインに合わせた方がいいのではないかと個人的には思うのですが。(MTで全て組むよりはまだ楽。MTだけでサイト全てを構築する機能はちゃんと持っているのに、その機能を使わないのは勿体ないですけど) ホームページのHTML構造に合わせてMTのテンプレート(HTML構造)を組んでやれば、外部CSSを共用できてデザインの統一も図りやすいのでは。 >これはかなり作業的に大変なのでしょうか? 基本的には(X)HTMLとCSSの知識があれば、あとはMT独自のテンプレートタグの意味を調べながらやればできるとは思うのですが、大変と感じるかどうかは人それぞれなので何とも。MTの本は1、2冊用意した方がいいかもしれません。

maru8456
質問者

補足

アドバイスありがとうございます。 ホームページのHTML構造に合わせてMTのテンプレート(HTML構造)を組むということはMTのテンプレートの例えばメインページにホームページのソースをいれるということでしょうか。やってみましたがhttp://kouzenkai-yagi-hp.com/sample02/ブログを表示するところをテーブルでしました。これをアーカイブインデックスやブログ記事などにもするのでしょうか。もしかしたら私のやってることはちがうことなのでしょうか。すみません…お手数をおかけします

  • Muller3
  • ベストアンサー率81% (800/979)
回答No.1

簡単にやるとしたらインラインフレームで入れるしかないんじゃないでしょうか。あまりいいやり方ではないですが。 普通はMTでホームページ全部を作り込んでしまうか、もしくはMTのブログ自体を目的のデザインで作り込むと思います。 様々な理由で、あまりフレームは使わないです。 …Ajaxでもできるかもしれない。

maru8456
質問者

お礼

確認するのが遅れましてすいません。 早速のアドバイスありがとうございます。 >普通はMTでホームページ全部を作り込んでしまうか、もしくはMTのブログ自体を目的のデザインで作り込む これはかなり作業的に大変なのでしょうか?(すいませんMT4についてあまり詳しくないので…) できれば簡単なほうがよいのですがインラインフレームでブログを入れた場合ブログ全体見れるようにしたいので縮小で表示とかできるのでしょうか?もし今回使うページの情報がいるようでしたらURL掲載しておきますhttp://kouzenkai-yagi-hp.com/recruit/nurs_rec.html 他に何かよい方法があれば宜しくお願いいたします。

maru8456
質問者

補足

確認するのが遅れましてすいません。 早速のアドバイスありがとうございます。 >普通はMTでホームページ全部を作り込んでしまうか、もしくはMTのブログ自体を目的のデザインで作り込む これはかなり作業的に大変なのでしょうか?(すいませんMT4についてあまり詳しくないので…) できれば簡単なほうがよいのですがインラインフレームでブログを入れた場合ブログ全体見れるようにしたいので縮小で表示とかできるのでしょうか?もし今回使うページの情報がいるようでしたらURL掲載しておきます​http://kouzenkai-yagi-hp.com/recruit/nurs_rec.html​ 他に何かよい方法があれば宜しくお願いいたします。

関連するQ&A