• 締切済み

このホームページはインラインフレーム？ですか？

wordpressを勉強してる初心者です。 色々調べていると、このホームページの仕様が気になりました。 https://w3g.jp/ ナビゲーションからページ移行をしてもヘッダー部分が変わらないように見えます。 アドレスは変化していますが、、htmlをのぞいてもiframeは無いようで。。。 みなさん、よろしくお願いします。

みんなの回答

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.3

極々簡単な例を ★タブは＿に置換してあるので戻す。 ★HTML4.01strict + CSS2.1 8627355.html 8627355-2.html 8627355-3.html 8627355-4.html と四つのHTMLを下記部分だけ書き換えて置く。 navi.cssを同じ場所に置く [navi.css] @charset "Shift_JIS"; html,body{margin:0;padding:0;} h1,h2,h3,h4,h5,h6{margin:0;line-height:1.6em;} p{text-indent:1em;} div.header,div.section,div.footer{width:90%;min-width:630px;max-width:900px;margin:0 auto;padding:5px;} div.section{position:relative;min-height:300px;} div.section div.nav ol{position:absolute;top:0;left:0;width:160px;list-style:none;margin:0;padding:0;line-height:2em;text-align:center;} div.section h2,div.section p{margin-left:170px;} div.section div.nav ol li{margin:2px 0;padding:0;position:relative;} div.section div.nav ol li a{display:block;width:100%;height:100%;text-decoration:none;border:ridge 2px blue;background-color:aqua;} div.section div.nav ol li a[href]:hover{background-color:silver;} [8627355.html～8627355-4.html] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> ＿<meta http-equiv="content-type" content="text/html; charset=Shift_JIS"> ＿<title>トップ</title><!-- それぞれ書き換える。 --> ＿<meta name="author" content="ORUKA1951"> ＿<meta http-equiv="Content-Style-Type" content="text/css"> ＿<link rel="stylesheet" type="text/css" media="screen" href="./navi.css"> ＿<style type="text/css"> <!-- div.section div.nav ol li a[href="./8627355.html"]{background-color:gray;}/* ここも書き換える*/ --> ＿</style> </head> <body> ＿<div class="header"> ＿＿<h1>トップ</h1><!-- それぞれ書き換える。 --> ＿</div> ＿<div class="section"> ＿＿<h2>見出し</h2> ＿＿<p>ここには本文記事が入る。</p> ＿＿<div class="nav"> ＿＿＿<ol> ＿＿＿＿<li><a href="./8627355.html">Top</a></li> ＿＿＿＿<li><a href="./8627355-2.html">2ページ</a></li> ＿＿＿＿<li><a href="./8627355-3.html">3ページ</a></li> ＿＿＿＿<li><a href="./8627355-4.html.html">4ページ</a></li> ＿＿＿</ol> ＿＿</div> ＿</div> ＿<div class="footer"> ＿＿<h2>文書情報</h2> ＿＿<dl class="documentHistry"> ＿＿＿<dt id="FIRST-PUBLISHED">First Published</dt> ＿＿＿<dd>2013-03-03</dd> ＿＿</dl> ＿</div> </body> </html> 書き換える部分 [8627355.html] div.section div.nav ol li a[href="./8627355.html"]{background-color:gray;} [8627355-2.html] div.section div.nav ol li a[href="./8627355-2.html"]{background-color:gray;} [8627355-3.html] div.section div.nav ol li a[href="./8627355-3.html"]{background-color:gray;} [8627355-4.html] div.section div.nav ol li a[href="./8627355-4.html"]{background-color:gray;}

hayato_you
質問者

お礼

ORUKA1951さん 貴重なお時間の中ありがとうございました。 ssiでテンプレートをインクルードさせ動的な読み込みでjavascript等の動作も調べてみます。

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.2

　iframe--フレームを使用していませんから、移動先をそのままブックマークできますね。その意味もあって、極力iframeやframeは使わないほうウが良いです。 　各ページのパーツはSSIを使って書き出せば、すべてのページにナビゲーションを記入しなくても良いです。移動先でスタイルシートをちょっと追加しとけばよいです。

  • think49
  • ベストアンサー率59% (285/482)
回答No.1

iframe要素は使用していません。 「プレーンなHTML」か「サーバサイドでテンプレートHTMLを読み込んでいる」のでしょう。 # Re: hayato_youさん

hayato_you
質問者

お礼

think49さん ありがとうございます。 ssiの設定を調べてみます。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連する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
  • ホームページで

    ホームページを作っています。 トップページがあり、そこからコンセプトやアクセスなど色々なページに飛ぶようになってます。 一つのページをブログにしようと思っています。 色々凝った作りにしているので、ブログサイトでするつもりがありません。 このようなことができるのか、教えて下さい。 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で作り直したら」というのはなしで、、、

  • ホームページビルダー体験版で

    初心者です。 ホームページビルダー体験版で作成したWordPressサイトをジオシティーズにFTP転送は終わりました。 その後、WordPressの利用手続き画面が出るそうですが、それは出なくて「ページが存在しません」とメッセージが出てしまいます。 WordPressの利用手続き画面が出ないため、インストールが完了しません。 WordPressの利用手続き画面、なぜ、出ないのでしょうか。 WordPressの転送は、「ホームページビルダーサービス」ではなく、「そのほかのプロバイダーやサーバーを使う」でMySQLをインストールして行いました。 当然、自分のURL：http://www.geocities.jp/wtkwp895/ をアクセスしても、目的のページが表示されていません。 よろしくご指導ください。

  • wordpressで普通のホームページを作りたい。

    ホームページ作製、超初心者です。wordpress2.7.1でブログではない普通の（商用）ホームページを作りたいのですが、静的なページの作り方や、カスタマイズ、プラグインの使い方など、初心者でも分かりやすい解説のＷｅｂページはないでしょうか。どなたか紹介してください。よろしくお願いします。

  • phpなどを使ったホームページ作成について

    wordpressとPHPを使用したホームページ作成について質問があります 現在ホームページ制作の勉強をしています。 主な勉強目的 (1)wordpress内のテンプレートを編集（PHP内）して思い通りの物が作れるようになりたい (2)自作したホームページをwordpressにアップして使えるようにしたい (3)wordpressなしでJavaやPHPを使用したホームページを作りたい (4)可能であればショッピング機能も自作したい 以上の4点がとりあえずこなせるぐらいになりたいのです。 そこで質問なのですが ○この４点をこなせるようになるにはPHPをまず勉強した方がいいのでしょうか？ ○wordpress内のPHPとwordpressなしのPHPとではなにやら使用が違っているように見えたのですが同じなのでしょうか？ ○違う場合wordpressのPHPから勉強したほうがいいですか？ ○ショッピング機能を自作したい場合どういったことを勉強すればいいのでしょうか？ 普通にホームページは作成したことがあるのですがPHPは初心者です。 回答よろしくお願いします

    • 締切済み
    • PHP
  • ブログとホームページのデザインの統一

    ブログとホームページのデザインの統一 ブログを含んだホームページを作成したいと考えています。 ホームページをホームページビルダーを利用して作成し、ブログは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を記述してみましたが、画像の表示やリンク、レイアウトのずれなどがおき、きれいに表示ができませんでした。 よろしくお願いいたします。

  • インラインフレームのリンクについて

    ホームページビルダー9で左側にインラインフレームのあるページを作ってインライン内にタイトルを作り、そこからリンクしてページを開きたいと思っています。 挿入→HTMLタグ→IFRAME7でページを指定してページの挿入には成功しました。 しかし、プレヒューでインライン内のリンクをクリックするとインライン内だけが開いてしまい リンクしたはずの右側のページが変わりません。 リンクのページは何度も確認したのですが間違っていませんでした。 試しに、右側のページにラベルを貼ってそこへリンクさせたら、左側のページが右側のインライの中に入ってしますました。 HTMLダグはあまり詳しくない初心者です。 左側のページを変更せすに、右側だけ変えるのはどうしたら良いのでしょうか。 とても困っています、助けて下さい。

  • ホームページにブログを組み込むには

    ホームページのindexのページにに下記のサイトのようにブログを更新すると同時にブログのタイトルがホームページに連動して出るようにするにはどうすればいいのでしょうか？ＩＦＲＡＭＥを使わないでする方法がありましたら教えてください。 http://www.e-tamaruya.jp/index.shtml 当方、ブログはmovabletypeを使っております。

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

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

  • wordpressの実装について。ホームページ作成

    wordpressでの実装について。ホームページ作成です。 wordpressを利用してビジネスサイトを作成したいと思っています。 手順として、先にhtmlとcssでホームページを作成してからwordpressへ置き換えた方が、 wordpress利用でエラーが出た時など、htmlやcssが原因でないことがハッキリするとあったため、 先にhtmlやcss、javascriptでホームページを作成している段階です。 そこで疑問なのですが、 今、現段階でjavascript(jQuery含む)も利用して少しずつ実装をしています。 次にやりたいことで以下の処理があります。 ・記事全てを「サムネイル」「タイトル」「本文の一部」で複数ページ構成の一覧として、 新しい記事が１ページ目の先頭にくるようような処理です。参考サイトのURL[ttp://thehub.jp/category/news] このような処理をjavascriptだけで実現させるのは大変そうですし、 仮にjavascriptで実装できてもwordpressを利用するときにうまく置き換えられるか、 またwordpressの仕様上、結局は外さないといけなくなることを懸念しています。 そこで今の段階で以下を質問しておきたいのです。 wordpressの既存設定やプラグインでこのように 「サムネイル」「タイトル」「本文の一部」で複数ページ構成の一覧を 作成するようなことはできるものでしょうか？ またそういった既存設定やプラグインが無い場合、複雑なjavascriptを利用しても、 うまくwordpressに置き換えられるものでしょうか？ 経験や知識のある方にご教授願いたいです。よろしくお願い致します。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する