TODOS・何でも情報交換TOPから是非ご覧ください。
一番下の投稿フォームへ > スレッド一覧 > 記事閲覧
メニューをどのページにも表示する方法(SSI・phpの活用)
日時: 2010/01/20 23:49
名前: りり

Gyao動画再生問題 のところで、juneさんとフレームを使わず、メニューをどのページにも表示する方法など話題になりました。
http://todos.xsrv.jp/2patioit/todos.cgi?mode=&no=28&p=2

さすが、juneさん、いろいろとトライくださいましたので、埋もれないようにこちらにスレッドを独立させて頂きます。


juneさん
HI-HOではPHPが使えません
SSIは一部を除き使えるようです
テストhttp://www.hi-ho.ne.jp/j-inagaki/miken.shtml
私には呪文にしか見えません(涙)


りり
あら、でも、ソースを見ますと、二つのファイルの合成はできるているのではありませんか?
よろしければ、お使いになったファイルとサンプルをいくつか、todosに作ったjuneさんのフォルダーに入れてみてくださいませんか?
SSIが使えているようですので。


juneさん

SSIの事ですが
>あら、でも、ソースを見ますと、二つのファイルの合成はできるているのではありませんか?
と言う素晴らしいヒントを下さいましたので、追加で遊んでみました。
http://www.hi-ho.ne.jp/j-inagaki/ssi/top.shtml
同じ物をFTPでssiというフォルダーでアップさせて頂きました。
メンテ

*TODOS・何でも情報交換・TOP*<スレッドPage> 最新 | 3 | 2 | 1 |

Re: メニューをどのページにも表示する方法(SSI・phpの活用) ( No.17 )
日時: 2010/01/28 22:45
名前: june

sugiyamaさま こんばんは
シバケン様のリンクから数度はお邪魔させて頂いた記憶があります。

私の疑問に関しまして、的確な情報ありがとうございます。

根が不精者でして、調べてからやれば良いものを、直感?みたいに試してはご迷惑をおかけしています。

SSIのメリット(メニューの挿入関係)に関しましては、りりさまからもお教え頂いているのですが
慣れないせいで、どうしても抵抗があります・・・・。

始めに雛形を作ってそのまま更新していれば、きっと慣れていたのでしょうが・・・・
当時はそのような傾向ではなくて、今に至っています。

全面改装の気持ちは今のところ全くないのですが、知らないより知っていた方が良いかな?程度で取り組んでいます。

今後ともよろしくお願い致します。


メンテ
Re: メニューをどのページにも表示する方法(SSI・phpの活用) ( No.18 )
日時: 2010/01/29 05:59
名前: りり

あぁ、juneさん、私がお教えしているとか…というのではなく…

全面改装も特にお奨めしているわけではないのですが、これから、自分のサイトを作っていこうという方から、フレームを使うのはどうかと相談された場合、どう答えるのが良いのかな…と迷うところがありますので、話題にしてみました。

結論的には、それぞれの特徴などをお知らせして、ご自身で選んでいただくほかないなと思うのですが、SSIやphpは、興味を持って進んで使ってみようという方でないと、こなせないかなと思いました。

ですが、サイトの内容として、プライベートなもので、それほど後の変化がなさそうなら、個人の趣味でよいかと思うのですが、やはりお役立ち情報をどんどん増やしていきたい、参照リンクもたくさんあり得るだろう、今後の発展・膨張も考えていきたい…というのなら、更改しやすい形に最初からしておくのが良いかなと思いました。

あと、私が興味をもっているのは、Movable TypeやWordPressで、juneさんは、電右衛門さんのページを代行されていらっしゃいますが、掲示板に文字入力と画像挿入するような感覚で、ご自身に編集していただけるように形をつくってあげてしまうというのも良いのではと思いました。もしかしたら、そのような方向でjuneさんもMovable Typeを試されたのではないかと思うのですが。

既成のブログサイトは、宣伝が多かったり、余計なものがあって重すぎたりします。またFTPで直接自分のログのバックアップをとることもできません。容量の限界もあるでしょう。
サービスが突然終了することも。

私は、人それぞれ個性がありますから、自分の主張なり表現をWeb上でしてみたいという希望があったとしても、誰でもホームページ作成ソフトに精通したり、SSIやphpなどを勉強する必要も無いと思うのですね。
そこは適材適所、あるひな形を用意して差し上げて、内容の充実と活用のほうで、力を発揮していただくという方向も有ると思っています。
メンテ
Re: メニューをどのページにも表示する方法(SSI・phpの活用) ( No.19 )
日時: 2010/01/29 22:09
名前: june

りりさま こんばんは
またまた文章が変だったようで、申し訳ございませんm(_~_)m

一応ですが、りりさまの意図は分かっているつもりです。
でも、メニューの呼び出しを教えて頂いたのは事実ですので・・・・。

私が
>全面改装の気持ちは今のところ全くないのですが、知らないより知っていた方が良いかな?程度で取り組んでいます。
と書きましたのは、折角sugiyamaさまが情報を提供下さっているのに、もしもご訪問頂きサイトに反映されないと、何故かな?と思われ、気分を害されるといけませんので、自分なりのスタンスの説明をさせて頂いただけです。

>掲示板に文字入力と画像挿入するような感覚で、ご自身に編集していただけるように形をつくってあげてしまうというのも良いのではと思いました。もしかしたら、そのような方向でjuneさんもMovable Typeを試されたのではないかと思うのですが。

これに関しましては、半分は当たりです、半分は興味本位でした。
ブログじゃなくてもCGIの日記系でテーマごとに見出しが出るものもありますよね、これなんかも良いと思ったんですが(笑)
まあ、自分の中では色々ありましたが、双方今の形で落ち着いていると言うことだと私は思っています。

最後の3行はまったくもってその通りだと思っています。
メンテ
Re: メニューをどのページにも表示する方法(SSI・phpの活用) ( No.20 )
日時: 2010/01/29 22:46
名前: sugiyama

juneさん、こんにちは。
あまり切実でないなら、SSIはしないで他のこと(文章書きなどのコンテンツ作り)に時間を使った方がいいかもしれませんね。
私が、フレームからSSIに変更した時は既にページが200〜300ぐらい(?)あったので、ファイルの作り替えが結構大変でしたが、ポイントさえ掴んでおけば機械的な作業で難しいことではありません。
あと、SSIの導入の際に、ついでに他の問題点も修正するといいので、あまり焦ってSSIを導入するのもよくないかもしれません。(二度手間になる)

*****

りりさん、こんにちは。
そもそも、「画面上にメニューを表示する必要はあるのか」ってことがあるんですよね。特に、SSIで書いた左側のメニューは画面を下の方にスクロールして来ると単なる空白だけになってしまい、おマヌケです。

今はモニターの幅1,024ピクセルに決め打ちしてWebサイトを作っているデザイナーが多いようですけど、
1.私の場合はタスクバーを左縦置きにしているので、1,024ピクセル向けに作られると横スクロールバーが出てしまいます。
2.「画面右に画像チャット、画面左でWebの調べごと」などというシチュエーションは結構あると思うのですが、ブラウザを幅600ピクセルぐらいの表示にすると不便この上なしです。

空間をもてあまして、左にメニュー、中に本文、右に広告、みたいな3段組にしちゃうんでしょうね。
ちなみに、「文章は30字ぐらいで折り返さないと読みにくいよ」という主張がありますが、次のような反論があります。
A.閲覧者がブラウザの幅を30字分ぐらいに変更すれば済むこと。それこそがWebの特性。
B.飛ばし読みするのには100%幅になっている方が情報量が多く便利。
今見ているページ(TODOS)がまさにB.なのでしょうね。Webは文章をじっくり読むというより、情報を探し回るっていう感じじゃないでしょうか。「一行の文字数が多いから左右にマージンを15%づつとりましょう」などとすると逆に使い勝手が悪くなると思います。

Movable Typeは私も一応レンタルサーバ(さくらインターネット)の自分のスペースにアップしてあるのですが、テストだけして放置状態になっています。これは複数(5〜6名)の原稿執筆者がいる時などに便利そうですね。1年ぐらい前にある団体から「Webサイトを手軽に更新できるようにしたい」と相談をされて「Movable Typeを使ったらどうですか。劇団四季もこれを使っているそうですし」などと回答したりしたのでした。
メンテ
Re: メニューをどのページにも表示する方法(SSI・phpの活用) ( No.21 )
日時: 2010/01/29 23:20
名前: june

sugiyamaさま こんばんは?
お気遣いありがとうございます。

> あまり切実でないなら、SSIはしないで他のこと(文章書きなどのコンテンツ作り)に時間を使った方がいいかもしれませんね。
このお言葉、グサッと刺さりました(笑)

> 私が、フレームからSSIに変更した時は既にページが200〜300ぐらい(?)あったので、ファイルの作り替えが結構大変でしたが、ポイントさえ掴んでおけば機械的な作業で難しいことではありません。

正確に数えたことはないのですがそれなりに続いていますのでファイル数もそれなりにあるようです。
そんなことでHTMLの一部ですが一括置換が出来るのならやってみようかな?と思って試していたようなことです。
実際問題、SSIもPHPも使えないサーバーにもある程度数アップしていますので、現実的には無理かな?と言う思いです。
こう言うところはフレームが便利なように思っています、勿論単独ページにしてちゃんとリンクを張れば良いのでしょうが、それも怠っていますので・・・・。
まあそんなことで、知識として覚えておきたいなと思っています。
メンテ
Re: メニューをどのページにも表示する方法(SSI・phpの活用) ( No.22 )
日時: 2010/01/30 20:11
名前: りり

sugiyamaさん、いろいろとお書き込みありがとうございます。

のちほど、常駐員紹介のところでも、是非、sugiyamaさんのご紹介をしてサイトのリンクを貼りたいので、ご案内メールを差し上げますので、よろしくお願いいたします。


>そもそも、「画面上にメニューを表示する必要はあるのか」ってことがあるんですよね。
>特に、SSIで書いた左側のメニューは画面を下の方にスクロールして来ると単なる空白だけになってしまい、おマヌケです。

とするとサイドのメニューは、フローティングにするのが良いですかね?

あと良くあるのは、横ではなく、ヘッダーとフッター、上下にメニューを入れて、下まで読んだらメニューで移動できるというタイプですよね。

このWebPatioもPage移動が上下に付いているので配慮されているなと思いました。

私は、中央配置が好きなので、サイドメニューより、上下メニューがどちらかというと好みです。

>1.私の場合はタスクバーを左縦置きにしているので、1,024ピクセル向けに作られると横スクロールバーが出てしまいます。

最近は、1,024ピクセル向けが多くなっているようですよね。少し前は、800ピクセルだったかな。
TODOSのトップは、テーブルで幅固定800にしています。1,024ピクセル固定でピッタリに作らず、少し余裕が欲しいですよね。

>2.「画面右に画像チャット、画面左でWebの調べごと」などというシチュエーションは結構あると思うのですが、ブラウザを幅600ピクセルぐらいの表示にすると不便この上なしです。

これはですねーーーーー

まあ、ご自宅なら、モニター、デュアルにするとか?
私は、ある作業中飽きが来ると、ちょっとネットでも…ということで、二つのPCを同時起動させていることもあります。


>空間をもてあまして、左にメニュー、中に本文、右に広告、みたいな3段組にしちゃうんでしょうね。

この縦三分割は、私も気に入りません。それで既成のブログサイトも好きになれません。
大事な本文が幅狭く、縦長になって、流し読みしにくいです。
目は、左右にありますし、目の回り筋肉の動きからしても、横幅広く書かれていた方が、一瞥で内容を把握しやすいと思います。


>B.飛ばし読みするのには100%幅になっている方が情報量が多く便利。

基本的に、これに賛成ですね。

>今見ているページ(TODOS)がまさにB.なのでしょうね。Webは文章をじっくり読むというより、情報を探し回るっていう感じじゃないでしょうか。「一行の文字数が多いから左右にマージンを15%づつとりましょう」などとすると逆に使い勝手が悪くなると思います。

そうですね。こちらのWebPatioは、テーブル幅95%となっています。多少左右に余白があり、モニターのフレームが視野に入らず、丁度良いところでしょうか?


>Movable Typeは私も一応レンタルサーバ(さくらインターネット)の自分のスペースにアップしてあるのですが、テストだけして放置状態になっています。

うちと同じですね。私は、その場でサッとできないと追求を後回しにしてしまって…

WordPressが使いやすいという評判で、これもXserverで使えるようになったので、近いうちに試してみたいと思っています。
メンテ
Re: メニューをどのページにも表示する方法(SSI・phpの活用) ( No.23 )
日時: 2010/02/01 12:03
名前: sugiyama

>とするとサイドのメニューは、フローティングにするのが良いですかね?
フロート自体は普通の段組です。
<div id="menu">メニュー</div>
<div id="contents">本文</div>
<div id="links">関連リンク</div>
のように書くとメニュー部分の下に本文、その下に関連リンク部分が来ます。
で、
<div id="menu" style="float:left;">メニュー</div>
<div id="contents" style="float:left;">本文</div>
<div id="links" style="float:left;">関連リンク</div>
とすると、
縦3段組になります。

これは、メニューが5行ぐらいしかなくて、本文が100行ぐらいある場合、画面をスクロールするとメニューがすぐに画面から消えてしまって、左の部分はずっと空白になります。
http://www.diary.ne.jp/user/10000/
(例)さるさる日記

で、画面をスクロールしても左のメニューがずっと画面に出たままにしようとする時は「擬似フレーム」というテクニックを使います。または「メニュー部分をエレベータのように移動させる」と言ったり…。

*****

>この縦三分割は、私も気に入りません。それで既成のブログサイトも好きになれません。
ブログの内容によるんじゃないですかね。毎日のお昼ごはんの写真と簡単な説明のようなものだったら、全てのページに各月へのリンクが張ってあっても邪魔にならないし、やはり便利でしょう。
長文の時はおっしゃるように段組してないのがいいですね。長文のコンテンツの場合は、各ページにメニューは必要なく、上段下段に
トップページ>書評>
のようなパンくずリストをつけておくぐらいがいいのかも…。
メンテ
Re: メニューをどのページにも表示する方法(SSI・phpの活用) ( No.24 )
日時: 2010/02/02 06:43
名前: りり

おはようございます。

フローティングと書いたのは、「メニュー部分をエレベータのように移動させる」というイメージで使いました。下にスクロールすると、メニュー部分が一緒に下に付いてくるというものです。

ですが、そういうのは、私個人としては、メニューが常にフラフラ動いている感じで、あまり好きではないのですが。

>上段下段に
>トップページ>書評>
>のようなパンくずリストをつけておくぐらいがいいのかも…。

あぁ、こういうのは、パンくずリストと呼ばれているのですか?

よくあるのは、上段は画像などをつかったりポイントすると色が変わったりするような、ちょっと凝ったメニューバー
下段は、同じリンク先ながら、パンくずリストでシンプルに…というような感じのものですね。

私は、この下のパンくずを見逃してしまって、メニューから次のリンククリックしようと、わざわざ上へ戻ってしまうことがあります。
パンくずは、見逃されやすいかも…だいたいが字も小さめで…


別件ですが、昨夜、sugiyamaさんのサイトからフォームでメールさせていただいたのですが、なぜか、おかしなところで改行されてしまって、何度直してもダメでした…何が関係しているのか…
何もしていないのに突如改行が入り、戻して修正できたかに見えて、確認画面になるとやはり改行されているのです。
そのままおかしな改行でメールが届いたと思います。他からでは、そういうことは、ないのでしょうか?
メンテ
Re: メニューをどのページにも表示する方法(SSI・phpの活用) ( No.25 )
日時: 2010/02/02 10:26
名前: sugiyama

パンくずリストはヤフー!が徹底していました。

http://dir.yahoo.co.jp/Regional/Countries/Republic_of_Korea/Society_and_Culture/International/Organizations/
トップ > 地域情報 > 世界の国と地域 > 韓国(大韓民国) > 生活と文化 > 国際交流 >
団体

パンくずリストは上下に同じデザインで作るのも一考でしょう。かさばるものじゃないし、同じ働きをするものはデザインも同じにするのが分かりやすい。

*****

>なぜか、おかしなところで改行されてしまって、何度直してもダメでした
今メールフォームをテストしたところ、正常に作動していました。
メールフォームは送信直後に画面に
「Thank you. ご記入のメールアドレス宛てに確認メールが自動的に送られます。」
と出て、5分以内に送信者に確認メールが自動的に送られます。
* 私はりりさんからのメールは受信していない。
* りりさんに確認メールは送られていない。(←多分)
* そもそもりりさんにはThank you画面の表示もされていない。(←多分)
* 改行がとても変だった。
ということで、昨夜は何かが異常だったと思われます。通常のメール(yアットysugiyama.com)をお送りいただくしかないような…。
メンテ
Re: メニューをどのページにも表示する方法(SSI・phpの活用) ( No.26 )
日時: 2010/02/02 12:38
名前: りり

>* りりさんに確認メールは送られていない。(←多分)

いえ、確認メールは、いただいています。

夜にでも、yアットysugiyama.comで、送信させていただきます。
メンテ

*TODOS・何でも情報交換・TOP*<スレッドPage> 最新 | 3 | 2 | 1 |

楽しい交流と情報交換のTODOS・アップローダーも用意。ぜひTOPからもご覧ください。
ご参考になりましたら、お気軽に一筆お書き込みくださいませ。
題名 スレッドをトップへソート
名前
画像添付
JPEG
GIF
PNG



参照ボタンを押して、PCの画像を指定ください。3枚まで指定できます。縮小画像はクリックで拡大されます。
パスワード (好きなパスワードを。投稿後、右下のスパナマークをクリックし、そのパスワードを入れて修正できます。)
コメント

   クッキー保存
スレッドTOPへ***スレッド一覧