解決済
Ads By Google
ブログのトップページをホームページのようにカスタマイズしたいです。
ブログをホームページのように使いたいのですが、トップページを下記サイトのように変更することはライブドアブログで可能でしょうか。現在はライブドア有料版で独自ドメインを使用しており、HTML、CSSも何とかいじることができる状態です。
希望としましては、上記サイトのように左メニューの上には更新情報として最新の記事を、その下にはメニューを表示したいです。
その2点は何とかプラグインの設定でできそうな気がするのですが、問題はメインの部分です。
画像やテキストを使用して、アーカイブやHTMLにリンクを貼っているのですが、これはテーブルをどこかに挿入しているのでしょうか。だとしたら、どの部分に挿入すればいいのかがわかりません。
また、メイン画像というか、看板画像の真下に、「初めての方はコチラ」や「利用規約」等があるのですが、これはメイン画像の部分で挿入すればよいのでしょうか。
長々と申し訳ございませんが、どなたかプロフェショナルの方いらっしゃいましたらぜひ教えてください！！！！！
2006-06-27 17:24の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
回答(4)
3.
2006-06-28 10:17:40
このブログではトップページのコンテンツのメニューに画像を多用し、areaタグで「タイトル」や「初めから読む」へリンクを張っています（これらは全て手動で記述されています）。
ソースコードを見れば一目瞭然ですが、TABLEタグは使用されていません。
細かく説明すると膨大になるので割愛しますが、TABLEではなく<div class="○○"><div>で画像を挿入し、
<dl class="○○"><dt class="○○">タイトル</dt><dd class="○○">概要</dd></dl>をCSSで個々に指定して、画像の上に重なってテキストが見えるように表示しています。
わからなければ、HTMLファイルを画像ごと保存してビルダーなどで見てみると判りやすいでしょう。
ただし、IEで保存すると元のソースコードの内容と同一ではないものに書き換わってしまうので、FirefoxやNetscape、OperaなどIE以外のブラウザで保存した方が、オリジナルのものにほとんど近いものが保存できます（ファイル名などは書き換わります）。
画像などをそのまま使うことはできませんが（著作権や倫理などの問題で）、参考になると思います。
livedoorブログでは各カテゴリへのリンクはプラグインで表示しており、テンプレートのHTMLに自動で出力することができないため、各カテゴリへのリンクを張りたい場合は手動でそれぞれのリンクを「トップページ」に記述する必要があります。
新規カテゴリなどコンテンツが増えた時はその都度「トップページ」のテンプレートを書き換えなければなりません（MovableTypeではトップページのテンプレートをきちんと記述すれば、自動でカテゴリなどを書き換えられるのでそういう面倒は要りません）。
知識や勉強・試行錯誤は必要ですが、デザインカスタマイズについては、MovableTypeが現在あるブログの中では一番自由度が高いと思います。
しかし、それを可能にするには、HTMLタグやCSSの知識の他、MovableTypeテンプレートタグの知識も必要です。MovableTypeが利用できる格安レンタルサーバーはxrea（有料版）、ロリポップ、ハッスルサーバーなどがありますが、いずれも個人サイト向けだと思いますので、ビジネス用や閲覧者の多いサイトであれば、違うレンタルサーバー（もう少し価格の高い、高品質サーバー）をオススメします。
ソースコードを見れば一目瞭然ですが、TABLEタグは使用されていません。
細かく説明すると膨大になるので割愛しますが、TABLEではなく<div class="○○"><div>で画像を挿入し、
<dl class="○○"><dt class="○○">タイトル</dt><dd class="○○">概要</dd></dl>をCSSで個々に指定して、画像の上に重なってテキストが見えるように表示しています。
わからなければ、HTMLファイルを画像ごと保存してビルダーなどで見てみると判りやすいでしょう。
ただし、IEで保存すると元のソースコードの内容と同一ではないものに書き換わってしまうので、FirefoxやNetscape、OperaなどIE以外のブラウザで保存した方が、オリジナルのものにほとんど近いものが保存できます（ファイル名などは書き換わります）。
画像などをそのまま使うことはできませんが（著作権や倫理などの問題で）、参考になると思います。
livedoorブログでは各カテゴリへのリンクはプラグインで表示しており、テンプレートのHTMLに自動で出力することができないため、各カテゴリへのリンクを張りたい場合は手動でそれぞれのリンクを「トップページ」に記述する必要があります。
新規カテゴリなどコンテンツが増えた時はその都度「トップページ」のテンプレートを書き換えなければなりません（MovableTypeではトップページのテンプレートをきちんと記述すれば、自動でカテゴリなどを書き換えられるのでそういう面倒は要りません）。
知識や勉強・試行錯誤は必要ですが、デザインカスタマイズについては、MovableTypeが現在あるブログの中では一番自由度が高いと思います。
しかし、それを可能にするには、HTMLタグやCSSの知識の他、MovableTypeテンプレートタグの知識も必要です。MovableTypeが利用できる格安レンタルサーバーはxrea（有料版）、ロリポップ、ハッスルサーバーなどがありますが、いずれも個人サイト向けだと思いますので、ビジネス用や閲覧者の多いサイトであれば、違うレンタルサーバー（もう少し価格の高い、高品質サーバー）をオススメします。
アドバイスありがとうございます。MovableTypeがやはり望みを叶えるための必要条件みたいですね。
>>TABLEではなく<div class="○○"><div>で画像を挿入し、
<dl class="○○"><dt class="○○">タイトル</dt><dd class="○○">概要</dd></dl>をCSSで個々に指定して、画像の上に重なってテキストが見えるように表示しています。
この部分が一番勉強になりました。
とりあえずはアドバイスを頂いたことを参考にしてやってみます。
無理そうなときは、MovableTypeにチャレンジしたいと思います。
貴重なアドバイス本当にありがとうございました！
1.
2006-06-27 17:38:15
ご回答ありがとうございます。
一応ブログ編集の「デザインの編集」画面から、ソースの表示はできるので、ピピッとコピーペーストしてHP作製ソフトで編集しようとしています。
その段階まではいってるのですが、どこにテーブルを挿入すればいいのかがわからないです。テーブルを挿入後も、最新の更新も表示されないようにしないとトップページが固定されないと思いますので、ご存知でしたら教えて下さい！
2.
2006-06-28 02:51:31
んーどうせなら０から自分で作られてはいかがですか？
ライブドアブログでも出来ると思いますが、
禁止事項などありますし。
ここにMovable Typeの個人無料版があります。
サポートなどは一切受けてくれません。
有料版を購入するとサポートが受けられるようになります。
まずは、MovableTypeが利用できるレンタルサーバーを探します。
SAKURA Internet
NET AGE
他にも色々あります。
設置の仕方は各レンタルサーバーやMTサイト、添付ヘルプなどがあります。
まずは無料版で設置や設定、カスタマイズになれ、それから有料版を購入したほうがいいと思います。
一歩進んだ、自分だけのオリジナルブログ作るならMTです。
ライブドアブログでも出来ると思いますが、
禁止事項などありますし。
ここにMovable Typeの個人無料版があります。
サポートなどは一切受けてくれません。
有料版を購入するとサポートが受けられるようになります。
まずは、MovableTypeが利用できるレンタルサーバーを探します。
SAKURA Internet
NET AGE
他にも色々あります。
設置の仕方は各レンタルサーバーやMTサイト、添付ヘルプなどがあります。
まずは無料版で設置や設定、カスタマイズになれ、それから有料版を購入したほうがいいと思います。
一歩進んだ、自分だけのオリジナルブログ作るならMTです。
回答レベル : アドバイス
御礼が遅くなってしまい申し訳ございません。自分でブログを作ることも考えたのですが、そこまでの知識がまだ無いので、とりあえずある程度できているものをいじるところからはじめようと思っております。
でもいつかは自分で作りたいと思っておりますので、貴重なアドバイスありがとうございました！
4.
2006-07-03 10:03:25
> その2点は何とかプラグインの設定でできそうな気がするのですが、問題はメインの部分です。
デザインカスタマイズでトップページのhtmlをごそっと削って自分で作ったhtml植込むんでしょ。
どこに挿入すれば・・・というか本文部分まるごと入れ替えに近いと思いますけど。
ちゃんとhtmlの勉強しなきゃきついですよ。
たぶんひっかかってるのはクリッカブルマップあたりでしょうか?
ソース見て見比べながら勉強してください。そこにちゃんと答えがあるのですから^^;
> HTML、CSSも何とかいじることができる状態です。
とのことですから、あと一歩のはずです。大掛かりですが、超難解なものではありませんので。がんばってください。
ちなみにアーカイブのアドレスなどはFTPソフトで接続すればわかりやすいですよ。
デザインカスタマイズでトップページのhtmlをごそっと削って自分で作ったhtml植込むんでしょ。
どこに挿入すれば・・・というか本文部分まるごと入れ替えに近いと思いますけど。
ちゃんとhtmlの勉強しなきゃきついですよ。
たぶんひっかかってるのはクリッカブルマップあたりでしょうか?
ソース見て見比べながら勉強してください。そこにちゃんと答えがあるのですから^^;
> HTML、CSSも何とかいじることができる状態です。
とのことですから、あと一歩のはずです。大掛かりですが、超難解なものではありませんので。がんばってください。
ちなみにアーカイブのアドレスなどはFTPソフトで接続すればわかりやすいですよ。
回答レベル : アドバイス
Ads By Google
コメント
まだコメントがありません
