Template Party

テンプレートに関する質問集

レスポンシブテンプレート(html5+CSS3)に関するFAQ

自分で編集したらレイアウトが崩れてしまいました。
SSLに対応していますか?
Windowsのメモ帳で開いたら改行がなく横並びになって見づらいです。
PC向けメニューは更新されたのですがスマホなどの小さな端末向けメニューが変わりません。
テンプレートのDLページに「※メニューブロックが「2箇所」ずつあるので編集時にご注意下さい。」とありますがなぜ2箇所あるのですか?
印刷するとタブレットのレイアウトで出てしまいます。PCと同じレイアウトにできますか?
IEでレイアウトが崩れます。
HTML5タイプのテンプレートにh1タグが沢山入っているものがありますが1つでなくてもいいのでしょうか?
PCでタブレットやスマホ環境のプレビュー確認を行っているのですが、時々メインメニューが段落ちします。
メニューを押してページ移動した瞬間、メニューの文字や境界線が一瞬ブレます。
スマホでプレビューしたのですが、縦から横にした際にメニューが表示されません。
↑ ページの上部へ
自分で編集したらレイアウトが崩れてしまいました。
まずは、配布中の同じテンプレートも崩れているかご確認下さい。崩れていない場合、以下の方法をお試し下さい。
**********************
正常だった配布中のテンプレートをお手元にコピーして頂き、「少しずつ」編集済みのhtmlのブロックをコピーしていってみて下さい。 ※コピーの都度、必ずブラウザでプレビューチェックします。 ある時点で突然レイアウトがおかしくなれば、その直前にコピーしたhtmlに問題があると特定できますので、そこを調整するなりしてみて下さい。
お客様側で編集された後のレイアウト崩れについては当サイト側でも問題の特定が困難ですので、まずは上記をご確認下さい。 (当サイトで同じ問題が出た場合もこの方法で解決していす。)問題のブロックが特定でき、それがテンプレートに関連するパーツであった場合は、サポート掲示板からご質問頂ければ可能な範囲でサポートさせて頂きます。
↑ ページの上部へ
SSLに対応していますか?
テンプレートはSSLには直接関与しませんので、サーバーなどのSSLの解説をご覧頂き、ご利用下さい。
↑ ページの上部へ
Windowsのメモ帳で開いたら改行がなく横並びになって見づらいです。
メモ帳ではなくTeraPadなど改行コードに対応できるソフトを使ってみて下さい。姉妹サイトにてTeraPadのダウンロード方法を紹介しています。
↑ ページの上部へ
PC向けメニューは更新されたのですがスマホなどの小さな端末向けメニューが変わりません。
PCなどの大きな端末向けと、スマホなどの小さな端末向けメニューがそれぞれ入っているテンプレートの可能性があります。html側を見てみて下さい。
テンプレートのダウンロードページに「※メニューブロックが「2箇所」ずつあるので・・・」の記載があるタイプは全て2箇所ずつメニューが入っています。
↑ ページの上部へ
テンプレートのDLページに「※メニューブロックが「2箇所」ずつあるので編集時にご注意下さい。」とありますがなぜ2箇所あるのですか?
以前は1つのみでしたが、スマートフォンなどの小さな端末(特に画面を縦⇔横にするなど)での表示をスムーズにする為、現在は2つ入れています。編集は少し面倒ですが、2箇所にしてからはメニュー表示のトラブルも減り、また、臨機応変なメニューの使い分けもできるようになりました。
2016/11/30 解説追加
↑ ページの上部へ
印刷するとタブレットのレイアウトで出てしまいます。PCと同じレイアウトにできますか?
@media (・・・・・
となっている箇所をすべて
@media screen and (・・・・・
に変更して下さい。「screen and」が加わります。
↑ ページの上部へ
IEでレイアウトが崩れます。
以下をご参照下さい。
IEでレスポンシブテンプレートが崩れる方へ。
IEでレスポンシブテンプレートが崩れる方へ。(続き)
↑ ページの上部へ
HTML5タイプのテンプレートにh1タグが沢山入っているものがありますが1つでなくてもいいのでしょうか?
HTML5タイプはh1タグが1つである必要はないので問題はありません。その他のXHTMLタイプはh1タグは1つが推奨なので1つしか入っておりません。

補足:2014年06月よりXHTMLの時のようなhタグ(h1,h2,h3など)の使い分けを始めました。

↑ ページの上部へ
PCでタブレットやスマホ環境のプレビュー確認を行っているのですが、時々メインメニューが段落ちします。
PCのウィンドウサイズを徐々に小さくしている途中で段落ちして見える場合がありますが、ブラウザを更新すると正常に戻ると思いますのでご確認下さい。
↑ ページの上部へ
メニューを押してページ移動した瞬間、メニューの文字や境界線が一瞬ブレます。
2014/06時点でIE11で発生しているようですがブラウザの問題のようです。こちらはメニューをスローで動かすtransitionタグの影響によるもののようなので、どうしても気になる場合はメニューのスタイル(style.css)からこの部分を削除して下さい。但し、メニューのリンク時のスローで切り替わる動作もなくなります。
↑ ページの上部へ
スマホでプレビューしたのですが、縦から横にした際にメニューが表示されません。

※2016/05/31以降の配布テンプレートの「2つメニュー」タイプではこの現象は改善されていると思います。

cssでは「リアルタイム」で動作が反映、開閉用スクリプトのopenclose.jsは「ブラウザの再読み込み時」に反映される為、そのタイミングの差によって発生する現象で不具合ではありません。ブラウザを再読み込みした時点で正常な動作確認ができます。
↑ ページの上部へ

<< よく頂く質問集メニューに戻る