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.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へ***スレッド一覧