Re: フッターに下部固定の方法について

2015年7月5日 at 14:21

kohki様

いつもご返信ありがとうございます。

正常ではないのですね、、
先ほどの画像はリロード直後のものです。
最初のワイヤーフレームとは少し違っていますが一応画面全体の画像を添付いたします。

一応ですが前々回、質問したときに
index.html等、自分で色々触ったファイルは全て元に戻してあります。
↑と書きましたが、これはフッターを下部に固定しようと自分なりに挑戦した時に書き換えたファイルのみを元に戻したという意味で、完全に全てをインストール時のように戻したという意味ではありません。説明不足でした。この時に触ったファイルはできる限り元に戻したつもりです。

今まで思い出せる範囲ですがだいたいしてきたことは順番に
1フッターにリンクを消す
2typography.cssファイルに書き足してフッターの色を変える
3typography.cssファイルに書き足して、ヘッダーのサイト名を真ん中に寄せそれをロゴに入れ替える
4typography.cssファイルに書き足してグローバルナビを中央に配置
5typography.cssファイルに書き足してbodyのbackground-colorを変更
ここまではすんなりできたのですが、ここからフッターを下部に固定するためにheader.php、footer.php、typography.css、index.html等を色々触っては元に戻すのを繰り返していました。
このとき辺りににもともとグローバルナビにあった概要、ブログなどのページは削除し新規にパージを追加しました。
この辺りでひとつおかしな事に気づいたのですが、トップ画面から他に作ったページ(添付画像でいうとcontactとかmapのページです)へ移動するとコンテンツの横幅が10pxほど右に移動します。
逆にいうとtopのページだけ左に10pxほど寄っているというか。。
それと平行してお教えいただいたサイトを参考にしながら
インストールしたディレクトリ/blocks/autonav/templates/にglobal_naviというフォルダを作り/作成したview.phpとview.cssを入れてカスタムテンプレートを作り何とか適用できた感じです。
その後、フッターの問題が解決しないので作業を進めようとメインレイアウトにレイアウトを追加し、そちらにgooglemapと店舗情報を追加し、その後開発者ツールの事をお教えいただいたので画像を添付しお送りさせていただきました。

何かしてはいけない事をしてしまっているのでしょうか。。。

よろしくお願い致します。

いつも本当にご迷惑をおかけして申し訳ありません。。。

Re: フッターに下部固定の方法について

2015年7月5日 at 14:54
やってはいけないことではありませんが、このスレッドはあくまで「フッターを底辺に固定する」ことが目的なので、
それ以外の目的で編集やコンテンツ追加をされると、原因の究明が難しくなります。

リロードだけで、開発者ツールのResourcesがそのように変化するのはおかしいので先述のように質問しましたが、
やはりリロードではなく、他のコンテンツの追加等もされていた、ということなんですね。

色々header.phpやfooter.phpを触られたということなのですが、その後もしっかりfooterFixed.jsを読み込む記述は残されていますか?
もう一度ソースコード内を検索して、読み込みコードがあるかどうかチェックしてください。

次に、新しく添付していただいた画像ですが、どちらもウインドウの高さよりもページコンテンツの高さが高くなっているので、
footerFixed.jsが正しく読み込まれていたとしても、これは正しい描画結果です。
footerFixed.jsが機能するのは、ページコンテンツの高さが、ウインドウの高さよりも低い時のみとなります。


この辺りでひとつおかしな事に気づいたのですが、トップ画面から他に作ったページ(添付画像でいうとcontactとかmapのページです)へ移動するとコンテンツの横幅が10pxほど右に移動します。
逆にいうとtopのページだけ左に10pxほど寄っているというか。。


あくまでこのスレッドは、フッターを下辺に固定することが目的ですので、他に気になることがあれば、別にスレッドを立ててください。
フォーラムは問題解決の場だけでなく、後からconcrete5を学ぶ人のための情報でもあります。
後から学ぶ人のためにも、問題は細かく切り分け、なるべく1トピック1スレッドでお願いします。
 

Re: フッターに下部固定の方法について

2015年7月5日 at 14:58
補足です。
footerFixed.jsがgreek_yogurtに正しく実装された場合の挙動をお示ししておきます。
 

Re: フッターに下部固定の方法について

2015年7月7日 at 11:57
kohki様

いつもお世話になります。

フッターの下部固定の件ですが、先日
色々header.phpやfooter.phpを触られたということなのですが、その後もしっかりfooterFixed.jsを読み込む記述は残されていますか?
もう一度ソースコード内を検索して、読み込みコードがあるかどうかチェックしてください。

↑↑のように仰られていたのでその後も徹底的にheader.phpやfooter.phpのコード内及び、その他にも関係があるかも知れないファイルのソース内を元のソースと見比べながら細かくチェックしたのですが、結局わかりませんでした。
ですので、一度コンクリート5を削除し再インストールしまずフッターの固定から始めることにしました。
コンテンツの幅が他のページにいくと右10pxほど移動する件も気になっていましたので。
先日書いたコンテンツの幅がずれる件はフッターの固定と何か関わりがあるのかもしれないと思い書かせて頂きました。

それで今回新たにインストールしフッターの下部固定から始めました。まず新規インストールされた状態から
【concrete5がインストールされているディレクトリ】/themes/内にgreek_yogurtのフォルダを作る
【concrete5がインストールされているディレクトリ】/themes/greek_yogurt/内にelementsフォルダを作る
【concrete5がインストールされているディレクトリ】/concrete/themes/greek_yogurt/elements/内のheader.phpをFFFTPにて一旦ローカルに置きTerePadにてhead内17行目にお教えいただいた
<script type="text/javascript" src="<?php echo $this->getThemePath(); ?>/footerFixed.js"></script>
を書き込みUTF-8Nで保存。そのheader.phpをFFFTPで
/【concrete5がインストールされているディレクトリ】/themes/greek_yogurt/elements/内にアップロード。
お教えいただいたhttp://blog.webcreativepark.net/2007/11/16-012253.htmlページ内のfooterFixed.jsをダウンロードし/【concrete5がインストールされているディレクトリ】/themes/greek_yogurt/内にfooterFixed.jsをFFFTPを使ってアップロードしました。
あと、ホームページのアドミンバーの管理画のシステムと設定からキャッシュとスピード設定をクリックしブロックキャッシュとオーバーライドをキャッシュをオフにしました。
その後フッターが下部に固定されているか確認したのですが、ホーム以外の概要、検索、ブログ画面上すべて固定されていませんでした。
なぜでしょうか?
今回の件には関係無いかもしれませんが、先日書き込みした他のページにいくとコンテンツの横幅が10pxほど右にズレる挙動もインストール時からのものでした。

一応今回の関係画像を添付致しますのでチェックお願い致します。

CROMEの開発者ツールの表示ですが、CROMEを立ち上げ最初にホームページのURLを入れてページを表示させた後に開発者ツールを表示させてresources→ホームページアドレス→scriptのタブを見るとfooterFixed.jsの表示がありますが、今回も同じくリロード後は無くなっています。それとこの状態から概要、検索、ブログのページに行ってもどのページにも最初からresources→ホームページアドレス→scriptのタブを見てもfooterFixed.jsの表示はありません。もちろんリロード後もありません。
ですがCROMEを立ち上げて最初に概要や検索やブログのページアドレスを入れた後に開発者ツールを表示させてresources→ホームページアドレス→scriptのタブを見るとfooterFixed.jsの表示があります。これもリロード後にはまたfooterFixed.jsの表示がなくなります。

何か関係があるのでしょうか?

お返事よろしくお願い致します。
添付: 1.jpg 2.jpg
 

Re: Re: フッターに下部固定の方法について

2015年7月7日 at 12:03
kohki様

失礼します。
先ほど添付した画像1ですが一番上の画像と二番目の画像の説明文が逆でした。
失礼しました。
 

Re: Re: フッターに下部固定の方法について

2015年7月7日 at 14:53
原因究明がわかりやすいよう、丁寧に書いて頂きありがとうございました。

それで、こちらも同じ作業をしてみたところ、新しい事実がわかりました。

以前説明したとおり、$this->getThemePath(); は、テーマへのパスを自動的に書きだす、と説明しましたが、
これは、オーバーライド時であっても、元のテーマパスを読みだしてしまうようです。

ブラウザでソースコードを読んでいただければ、footerFixed.js読み出しのパスに/concrete/と入っているのが分かると思います。

で、どうもこれはconcrete5の仕様のようなので、以下のように力技で書いてみると、footerFixed.jsを実装することができました。

<?php $path = $this->getThemePath();
$path = str_replace("/concrete", "", $path);?>
<script type="text/javascript" src="<?php echo $path; ?>/footerFixed.js"></script>


一度、これで試していただけますでしょうか?
 

Re: フッターに下部固定の方法について

2015年7月7日 at 16:20
kohki様

お返事ありがとうございます。

header.phpのhead内の17,18,19行目に
<?php $path = $this->getThemePath();
$path = str_replace("/concrete", "", $path);?>
<script type="text/javascript" src="<?php echo $path; ?>/footerFixed.js"></script>
を記載し
【concrete5がインストールされているディレクトリ】/themes/greek_yogurt/elements/内にheader.phpをアップロードし確認したところフッターが下部に固定されていました。

今回、説明不足にも関わらず長々と私の質問にお付き合いいただき大変感謝いたします。

少しでもこのスレッドがコンクリート5を使用する方の足しになれば幸いです。
また何かありましたらご迷惑をおかけしますがよろしくお願い致します。
本当にありがとうございました。