ホームページテンプレートを無料配布中
商用利用もWEB制作業者様利用も全て無料

テンプレートパーティー

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

初心者向けFAQ

うまく編集できません、助けて下さい。
Windowsのメモ帳で開いたら改行がなく横並びになって見づらいです。
自分で編集したらレイアウトが崩れてしまいました。
「レスポンシブ」って何ですか?
ホームページビルダーで編集しようとすると崩れてしまいます。
テンプレートをダウンロードしましたが、ブラウザで見てみるとレイアウトが完全に崩れています。文字と画像がただ並んだ感じです。

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

PC向けメニューは更新されたのですがスマホなどの小さな端末向けメニューが変わりません。
テンプレートのDLページに「※メニューブロックが「2箇所」ずつあるので編集時にご注意下さい。」とありますがなぜ2箇所あるのですか?
印刷するとタブレットのレイアウトで出てしまいます。PCと同じレイアウトにできますか?
IEでレイアウトが崩れます。
iPhoneを縦から横に倒すとメニューが出ません。
HTML5タイプのテンプレートにはh1タグが沢山入っていますが1つでなくてもいいのでしょうか?
PCでタブレットやスマホ環境のプレビュー確認を行っているのですが、時々メインメニューが段落ちします。
メニューを押してページ移動した瞬間、メニューの文字や境界線が一瞬ブレます。
スマホ環境で、メインメニューを折りたたんでおく方法はありますか?
スマホでプレビューしたのですが、縦から横にした際にメニューが表示されません。

テンプレート共通FAQ

XHTMLテンプレートの文字コードはshift-jisのようですが、UTF-8に変換できませんか?
XHTMLのテンプレートをスマートフォンで見るとレイアウトが崩れます。
XHTMLのテンプレートをスマートフォンで見るとテキストが半分で改行されてしまいます。
jQueryMobileのスマホサイトから、外部サイトへリンク移動するとレイアウトが崩れます。
jQueryMobileテンプレートでスマートフォンの地図が表示されません。
スライドショーがないテンプレートにスライドショーを設定する方法を教えて下さい。
テンプレートの原型がほとんどないぐらいに自分でカスタマイズしたのですが、著作は残さないとダメですか?
テンプレート内に入っている素材やパーツを「一部」だけ使って完全自作のホームページを作った場合、著作は入れないとダメですか?
テンプレート内の写真だけを1枚、自分のサイトに使わせて頂きたいのですが、著作は入れないとダメですか?
XHTMLのテンプレートをiPadで見た場合、画像のメインメニューのオーバー画像が空白になってしまう場合があります。対応方法はありますか?
テンプレートが一瞬だけ表示されて、ページが消えてしまいます。(※ブラウザによって表示されたり、されない)
うまく編集できません、助けて下さい。
編集方法のページがございますのでご参照下さい。解決しない場合は、サポート掲示板をご活用下さい。
他、初心者向けホームページ作成サイトもございます。
画像加工などの制作依頼につきましては編集サービスページをご覧下さい。
↑ ページの上部へ
Windowsのメモ帳で開いたら改行がなく横並びになって見づらいです。
メモ帳ではなくTeraPadなど改行コードに対応できるソフトを使ってみて下さい。姉妹サイトにてTeraPadのダウンロード方法を紹介しています。
↑ ページの上部へ
自分で編集したらレイアウトが崩れてしまいました。
まずは、配布中の同じテンプレートも崩れているかご確認下さい。崩れていない場合、以下の方法をお試し下さい。
**********************
正常だった配布中のテンプレートをお手元にコピーして頂き、「少しずつ」編集済みのhtmlのブロックをコピーしていってみて下さい。 ※コピーの都度、必ずブラウザでプレビューチェックします。 ある時点で突然レイアウトがおかしくなれば、その直前にコピーしたhtmlに問題があると特定できますので、そこを調整するなりしてみて下さい。
お客様側で編集された後のレイアウト崩れについては当サイト側でも問題の特定が困難ですので、まずは上記をご確認下さい。 (当サイトで同じ問題が出た場合もこの方法で解決していす。)問題のブロックが特定でき、それがテンプレートに関連するパーツであった場合は、サポート掲示板からご質問頂ければ可能な範囲でサポートさせて頂きます。
↑ ページの上部へ
「レスポンシブ」って何ですか?
「レスポンシブWEBデザイン」は、パソコン・タブレット・スマートフォン用レイアウトをスタイルシート(cssファイル)によって切り替えるタイプのデザインの事で、htmlファイルは共通であるのが特徴です。htmlが共通なので管理しやすいのですが、カスタマイズする際はある程度の知識が必要です。
尚、その他のテンプレートはXHTML+CSSになりますが、こちらもタブレットやスマートフォンからの閲覧は可能(パソコンと同じ表示内容)です。
↑ ページの上部へ
ホームページビルダーで編集しようとすると崩れてしまいます。
古いタイプのビルダーは、テンプレートを開くだけで崩れる原因を作るようです。こちらの対処方法をお読み下さい。
↑ ページの上部へ
テンプレートをダウンロードしましたが、ブラウザで見てみるとレイアウトが完全に崩れています。文字と画像がただ並んだ感じです。
現時点で分かっている範囲ですが、原因が2タイプあるようです。
1つ目は解凍が正常にできていない可能性。こちらのFAQをご参照頂き、新しい解凍ソフトをダウンロードしてから改めて解凍してみて下さい。
2つ目はstyle.cssの文字コードがお客様側での編集の際に変わってしまって一部のブラウザから読み込めなくなっている点。cssにはshift-jisと書いてあるのにファイルの実態がutf-8になっている等。この場合は一度DL直後のファイルで改善されるかご確認下さい。文字コードを正常にUTF-8に変換する事で改善される場合もあります。UTF-8変換システムも公開していますのでご利用下さい。尚、ご利用の際は必ずバックアップ保存してからお願いします。
↑ ページの上部へ
PC向けメニューは更新されたのですがスマホなどの小さな端末向けメニューが変わりません。
PCなどの大きな端末向けと、スマホなどの小さな端末向けメニューがそれぞれ入っているテンプレートの可能性があります。html側を見てみて下さい。
テンプレートのダウンロードページに「※メニューブロックが「2箇所」ずつあるので・・・」の記載があるタイプは全て2箇所ずつメニューが入っています。
↑ ページの上部へ
テンプレートのDLページに「※メニューブロックが「2箇所」ずつあるので編集時にご注意下さい。」とありますがなぜ2箇所あるのですか?
以前は1つのみでしたが、スマートフォンなどの小さな端末(特に画面を縦⇔横にするなど)での表示をスムーズにする為、現在は2つ入れています。編集は少し面倒ですが、2箇所にしてからはメニュー表示のトラブルも減り、また、臨機応変なメニューの使い分けもできるようになりました。
2016/11/30 解説追加
↑ ページの上部へ
印刷するとタブレットのレイアウトで出てしまいます。PCと同じレイアウトにできますか?
@media (・・・・・
となっている箇所をすべて
@media screen and (・・・・・
に変更して下さい。「screen and」が加わります。
↑ ページの上部へ
IEでレイアウトが崩れます。
以下をご参照下さい。
IEでレスポンシブテンプレートが崩れる方へ。
IEでレスポンシブテンプレートが崩れる方へ。(続き)
↑ ページの上部へ
iPhoneを縦から横に倒すとメニューが出ません。
まずはbiz38テンプレートをDLしてメニューが正常に出るか確認して下さい。
正常に出た場合、2つメニュー化マニュアルをご参照下さい。
※2016/05/31以降の配布テンプレートにはこの2つメニュー設定が加わっています。
↑ ページの上部へ
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)からこの部分を削除して下さい。但し、メニューのリンク時のスローで切り替わる動作もなくなります。
↑ ページの上部へ
スマホ環境で、メインメニューを折りたたんでおく方法はありますか?

こちらにtipsを公開しました。また、2014年6月以降、徐々にこのタイプ(既存テンプレート含め)に変更予定です。

↑ ページの上部へ
スマホでプレビューしたのですが、縦から横にした際にメニューが表示されません。
cssでは「リアルタイム」で動作が反映、開閉用スクリプトのopenclose.jsは「ブラウザの再読み込み時」に反映される為、そのタイミングの差によって発生する現象で不具合ではありません。ブラウザを再読み込みした時点で正常な動作確認ができます。
横にした時にすぐメニューを表示させたい人向けのカスタマイズ方をこちらにアップしました。
↑ ページの上部へ
XHTMLテンプレートの文字コードはshift-jisのようですが、UTF-8に変換できませんか?
UTF-8変換システムを公開しましたのでご活用下さい。※当サイトで配布中のテンプレート専用です。
尚、HTML5(レスポンシブwebデザイン)及びCMS用テンプレートは全てUTF-8になっています。
↑ ページの上部へ
XHTMLのテンプレートをスマートフォンで見るとレイアウトが崩れます。
以下の1行をhtmlのheadタグ内に追加して改善されるかご確認下さい。
↑ ページの上部へ
XHTMLのテンプレートをスマートフォンで見るとテキストが半分で改行されてしまいます。
Android 4.xで起きる問題のようです。問題がある箇所に背景色を付ける事で改善できます。例えば、mainコンテンツのpタグに問題がある場合、cssフォルダのstyle.cssの「#main p」に「background: #FFF;」を追加すればOKです。
↑ ページの上部へ
jQueryMobileのスマホサイトから、外部サイトへリンク移動するとレイアウトが崩れます。
<a>タグにdata-ajax="false"を追加してあげて下さい。
例:<a href="http://XXXX.com" data-ajax="false">
↑ ページの上部へ
jQueryMobileテンプレートでスマートフォンの地図が表示されません。
※jQuery Mobileのhead内にあるファイル読み込みのバージョンによっては、一部の環境でマップの閲覧ができない状況があるようです。ADOBEで公開されているバージョンに合わせると表示されるようでしたので、配布中のバージョンから以下に変更された方がいいかもしれません。(配布中のものと、数字部分が異なります)
↑ ページの上部へ
スライドショーがないテンプレートにスライドショーを設定する方法を教えて下さい。
こちらに解説ページを設けました。
↑ ページの上部へ
テンプレートの原型がほとんどないぐらいに自分でカスタマイズしたのですが、著作は残さないとダメですか?
土台テンプレートが当サイトのものであれば、一般規約同様に著作は残してご利用下さい。著作を外したい場合はライセンス契約をお願い致します。
↑ ページの上部へ
テンプレート内に入っている素材やパーツを「一部」だけ使って完全自作のホームページを作った場合、著作は入れないとダメですか?
写真素材やメニュー画像や小さなパーツなど、「ごく一部」の素材のみを自作サイトに使う場合、リンクページなどで素材・WEBパーツ配布元として紹介して頂ければテンプレートのような著作は不要です。尚、html及びcssファイルを使う場合は、一般規約が適用されます。
↑ ページの上部へ
テンプレート内の写真だけを1枚、自分のサイトに使わせて頂きたいのですが、著作は入れないとダメですか?
写真のみを1枚だけ、例えばブログなどに使いたいという場合、使用写真上に見えるように「Template Party」と入れて頂ければOKです。また、再配布禁止の写真(※写真上に注意書きがあります)については一切の利用は不可です。
↑ ページの上部へ
XHTMLのテンプレートをiPadで見た場合、画像のメインメニューのオーバー画像が空白になってしまう場合があります。対応方法はありますか?
インターネットの回線速度が遅い為、オーバー画像の読み込み時間分だけ空白に見えるのだと思います。オーバー用画像の先読みタグをhtml側の<body>タグ内に追加して下さい。
以下はオーバー用画像が5枚ある場合の例です。画像名や数はテンプレートに合わせて変更して下さい。
↑ ページの上部へ
テンプレートが一瞬だけ表示されて、ページが消えてしまいます。(※ブラウザによって表示されたり、されない)
IE PNG(IE6以下でPNG画像を見た場合に背景に色がついて見える現象を改善するファイル)を使っている場合にこの現象が出るサーバーがあります。こちらをご覧下さい
↑ ページの上部へ

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

↑ PAGE TOP