• ベストアンサー
  • 困ってます

ブログとホームページのデザインの統一

ブログとホームページのデザインの統一 ブログを含んだホームページを作成したいと考えています。 ホームページをホームページビルダーを利用して作成し、ブログはWordPressもしくは無料のブログサービスを利用することを検討していたのですが、ホームページとブログでデザインやレイアウトの統一ができず、できれば同じデザインで運用したいと悩んでいます。 以下のページを例としてご覧ください。 http://sekaiisan-yay.jp/ (トップページ) http://enjoy.sekaiisan-yay.jp/ (ブログ) こちらのページのように、トップページとブログがまったく同じデザインで作成されているサイトはどのように作成しているのでしょうか? ホームページはHTMLメインだと思うのですが、ブログのレイアウトはPHPなどが使われていると思います。 どちらもまったく同じデザインにするには、非常に高度な技術が必要なのでしょうか。 もしくは、市販ソフトなど利用で対応できるのでしょうか。 以下のページも同じ例です。 http://yumepolo.com/ (トップページ) http://yumepolo.blog87.fc2.com/blog-entry-223.html (ブログ) こちらのサイトでは、ブログはFC2を利用されているようですが、ヘッダーの部分はホームページとまったく同じデザインで構成されています。 ホームページ、ブログとも同じ構成、デザインでサイトを構築したく(ホームページにブログが組み込まれているようなイメージ)、簡単な方法などあれば教えていただけないでしょうか。 ためしにWordPressのヘッダーにHTMLを記述してみましたが、画像の表示やリンク、レイアウトのずれなどがおき、きれいに表示ができませんでした。 よろしくお願いいたします。

共感・応援の気持ちを伝えよう!

  • 回答数1
  • 閲覧数697
  • ありがとう数5

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

  • ベストアンサー
  • 回答No.1
  • naokita
  • ベストアンサー率57% (1008/1745)

例のサイトは見ていませんが、 CMSで統一するか、 HTMLの構造を統一させて、同じCSSを適応させるだけです。 つまり、同じテンプレート(レイアウト)にすれば良い。 ブログによっては、HTMLなど変更不可の場合もあるでしょうから、 その場合の完璧な統一は無理。 つまり、HTMLとCSSの変更が自由なら完璧な統一が可能です。 ------------------- プログラム・システムの話じゃないようなので、 今回の技術といえば、HTMLとCSSを学ぶ。 DWならPHPを絡めて出来るでしょうが、 統一だけの話ならソフトなんて不要です。 変更や運営もするのでしょうから、PHP,HTML,CSSを学んだ方が良いでしょう。 統一するだけなら、HTMLのみを、ちょっと学べば、コピペするだけで終了。

共感・感謝の気持ちを伝えよう!

質問者からのお礼

どうもありがとうございます。 コピペで行けそうだとはなんとなくわかるのですが、動かしてみるとうまくいかず。。。 もし、これらが詳しく記載されたサイトや本をご存知でしたら教えていただけませんか?

関連するQ&A

  • ブログコンテンツをホームページに、、、

    ホームページを作っています。 トップページがあり、そこからコンセプトやアクセスなど色々なページに飛ぶようになってます。 一つのページをブログにしようと思っています。 色々凝った作りにしているので、ブログサイトでするつもりがありません。 このようなことができるのか、教えて下さい。 https://www.stmartin.edu/     http://www.izumi.akita.jp/child http://denatex.jp/         http://honke-owariya.co.jp/ http://www.waterras.com/     http://gloops.com/ 上記の皆様のようにトップページに最新記事のいくつかの写真と記事を表示して、そのページにいくと、ブログのページにいく様にしたいのです。 一番上の左のアメリカの大学の様に新しい記事の表示、その前の記事と前の前の記事をcssやhtmlで凝った表示にしたいのですが、どうすれば・・・? わざわざ新しい記事を作るたびに、トップページのこの部分を更新しているのでしょうか? それとも何かWebツールなのでしょうか?WordPressの埋め込み? 色々調べているのですが、わからなくて困ってます。 さらに自前のHPの仕様(ヘッダ、フッタ、cssアニメーションなど)で、ブログ用のページを作ろうと思っているのですが、これもどうすれば?って感じなんです。。。 ヘッダーやフッターがあり、他にもcssなどで凝った作りにはしているので、「WordPressで作り直したら」というのはなしで、、、 どうか皆様お助けを・・・

    • 締切済み
    • CSS
  • ホームページにブログを組み込みたい

    ホームページにブログを組み込む形でこれから作成しようと思っています。 参考ページとして、  http://ery.blog1.fc2.com/  のようなページがいいなと思うのですが、このホームページは、fc2のホームページのサーバーを借りて、ブログを組みこんでいるのでしょうか、または、ブログだけで このようなページが作れるのでしょうか? ソースを見てみたのですがイマイチ様子がわかりません。 どうぞ、宜しくお願いいたします。

  • ホームページにwordpressでブログを組み込みたい

    はじめまして。 とあるホームページにブログを組み込みたいと考えています。 条件としては 1)通常のサイトページでデザインが同じで構築可能なこと 2)同じサーバで運用が可能なこと 3)通常のブログと同様の機能があること かなりあいまいですが、要はホームページ内でブログを運用したいのです。 いろいろ調べた結果、Movable typeよりもwordpressのほうが無料ということもそうですが、今後のことを考えいいような気がしています。 上の条件で特にデザイン面でのことを重視しています。 HTMLやらCSSは一通り理解していますので、ブログに合わせた修正も可能です。 通常のホームページの一部にWordpressをブログとして組み込むことは可能でしょうか? また、その方法などを記したHPや書籍などありましたら、どうか教えていただけないでしょうか?

  • ホームページにブログを埋め込む

    【ホームページ作成】ホームページのトップ画面に、他サイト画面(ブログなど)を埋め込む方法はありますか? 当事務所のホームページには動きが感じられない為 iGoogle みたいなトップページにして、自分や所員のブログがいきなり並んでいるようなページに出来たらいいな~と思いまして。よろしくお願いします。

  • ホームページで

    ホームページを作っています。 トップページがあり、そこからコンセプトやアクセスなど色々なページに飛ぶようになってます。 一つのページをブログにしようと思っています。 色々凝った作りにしているので、ブログサイトでするつもりがありません。 このようなことができるのか、教えて下さい。 https://www.stmartin.edu/     http://www.izumi.akita.jp/child http://denatex.jp/         http://honke-owariya.co.jp/ http://www.waterras.com/     http://gloops.com/ 上記の皆様のようにトップページに最新記事のいくつかの写真と記事を表示して、そのページにいくと、ブログのページにいく様にしたいのです。 一番上の左のアメリカの大学の様に新しい記事の表示、その前の記事と前の前の記事をcssやhtmlで凝った表示にしたいのですが、どうすれば・・・? わざわざ新しい記事を作るたびに、トップページのこの部分を更新しているのでしょうか? それとも何かWebツールなのでしょうか?WordPressの埋め込み? 色々調べているのですが、わからなくて困ってます。 ヘッダーやフッターがあり、他にもcssなどで凝った作りにはしているので、「WordPressで作り直したら」というのはなしで、、、

  • ブログをホームページのようなデザインにするには・・・

    はじめまして。 種類にもよるのでしょうが、一般的にブログはひと目でブログとわかるデザインになっていて、普通のホームページと比べるとどうしてもデザイン性で見劣りしてしまう気がしています。 そんな通常のブログをホームページのようなきれいなデザイン(ぱっと見にはブログに見えないようなデザイン)にするにはどうすればよいのでしょうか? ブログのデザイン設定のところで、基本のデザインを選択しないで、カスタマイズ(HTMLで編集)というデザインを選び、自分で書き込んでいけばよいのでしょうか? また、その場合、技術的には、普通にホームページをHTMLで作成するのと同じ技術が必要になるということになってしまうのでしょうか? (・・・となると、ブログにする必要は・・・ない??) またもしそれ以外の方法などありましたらお教えください。 よろしくお願いします。

  • ホームページのようなブログ?

    最近ブログをやってたのですが、もう少し趣味のページなどを増やして、ホームページ的なものを作りたくなってきました。 ですが、ホームページを作るようなソフトもないですし、どうやって作ったらいいのかも全く分かりません。そこで、ブログみたいに簡単に更新ができるホームページが作れるようなサービスを提供しているサイトを探してます。 デザインも気に入ったので、プチ・ホームページサービス(http://www.petit.cc/)というのを使ってみようかと思ったのですが、有料でした・・・;; ということで、無料の所を宜しくお願いします。

  • FC2ホームページを利用したいのですが、「当ホームページでは、お客様の

    FC2ホームページを利用したいのですが、「当ホームページでは、お客様のホームページのトップページとして表示させたい、と思われるページのファイル名を【index.html】として頂きます様お願い申し上げております。利用規約違反ともなりますため、必ずトップページとして表示させたいページをindex.htmlの名前で作り、アップロードして下さいますようお願いいたします。」と言う連絡が来ました。 私は、サイト作成ツールでindex.htmlファイルを作成して、FFFTP接続で自動でアップロードしたいのですが、FC2ホームページの場合、index.htmlの名前で作ったファイルをトップページのURLとして表示する為には、どうやってアップロードすればいいのでしょうか? 教えて下さい。 よろしくお願い致します。

  • このホームページのブログは何を使っている?

    ここのホームページのようなブログを運営したいと思っているのですが、 何のブログソフトを利用しているのでしょうか? http://kumamoto-basasi.com/blog/ まったくような作りのブログを見たことがあるので、ワードプレス か何かだと思うのですが・・・。 ただURLを見ると「.html」で終わっているのですが、これはなぜ でしょうか。まさか、htmlで作っているということはないと思いますが ・・・。 上記URLのブログとまったく同じ構成で、ホームページ内で私も ブログをやろうと思っているのですが、ご存じのかたがいらっしゃ いましたらご助言いただけないでしょうか。 よろしくおねがいします。

  • ホームページにブログを埋め込む方法

    ブログを数年やっておりました。最近個人のホームページを一通り作成し終えました。 ホームページビルダーなどは使用せず、無料テンプレートを使い、調べながらタグ手打ちでなんとか作成できた程度の初心者です。 このホームページにブログを埋め込むことは可能でしょうか?(ともにFC2です) 希望は、 (1)無料でできる (2)ホームページのデザインを崩さない (3)現在のブログの記事を移行し、し終えたらブログは閉鎖し、ホームページの方でブログ記事を書いていくというイメージなのですが… 過去の質問に目を通したところ、 「サーバーがPHPかPerlに対応していて、MySQL(DB)が使えれば、Movable TypeやWord Pressといったブログツールを入れることで使えるようになります。もしくは、iframeを使ってみてはどうでしょう。」 という記述を見ました。 1、fc2は「サーバーがPHPかPerlに対応して」いますか? 2、MySQL(DB)とはなんでしょうか? 3、Movable TypeやWord Pressなどは無料ですか? 4、1~3の条件を満たしていたとすれば、iframeを使うのとどちらがいいのでしょうか? 5、iframeというのは1つのページにもう1つのページを入れるような解釈でいいのでしょうか?その場合デザインは崩れますか? 6、希望(3)は叶えられますか?それともブログも並行して残しておく形でしょうか。 質問ばかりですいません。ざっくりと方法をお教え頂ければ自力でやってみようと思っています。 わかりやすいサイトなどがもしあればあわせて教えていただければ幸いです。 どうぞよろしくお願いします。