zoomeマイページ。プレビューでの失敗例と対策 - CSSカスタマイズ
zoomeでCSSカスタマイズに挑戦する方向けの情報です。プレビューで上手く表示されなかった時の対策ポイントを、私なりに纏めてみました。
後日、新しい発見がありましたら、この日記を修正する予定です。暫定情報としてご覧下さい。
**** 予備知識
(1) プレビュー出来る範囲について
o プレビューで確認出来るのは、トップページだけです。
o それ以外のページを確認する時は、適用してから確認します。
(2) プレビューで解決できない場合は、人気の少ない時間帯に、こっそり適用して調査してみると、早く解決する事があります。
(3) CSSのバックアップ手順
o 適用すると元に戻せなくなりますので、修正前にCSSをバックアップします。
o CSSの入力欄を右クリックして、「すべて選択」「コピー」、メモ帳などに「貼り付け」ます。
**** プレビューに失敗する例と対策
** マイページのトップページ以外
o 今の所、トップページ以外のプレビューは未サポートです。適用してから、確認します。
** ブラウザーの内容が以前と変わらない場合
(1) 操作手順の確認
o zoomeのプレビュー画面は、CSSカスタマイズのプレビューボタンを押さないと反映されません。
(2) プレビュー画面の数が多すぎる場合
o プレビューボタンを沢山押すと、画面がどんどん増えます。
o プレビュー画面を増やし過ぎると、古い内容が表示されたり、ブラウザーの動きが変になる事がありました。
o この場合は一度、必要な画面以外を閉じます。それでも駄目なら、この下の手順です。
(3) ブラウザーのキャッシュが悪さしている場合
o ブラウザーにキャッシュは、以前表示したページを記憶して、画面表示を高速にする機能です。
o キャッシュが溜まってくると、たまに判定ミスして、昔の状態で表示する事があります。
o 対応方法：
+ (その1) プレビュー画面を、再読み込みしてみます。
+ (その2) プレビューではなく、適用してみます。それで駄目なら再読み込み。
+ (その3) ブラウザーのキャッシュを削除してから、再確認します。
+ 代表的なブラウザーでの削除方法は「ブラウザーのキャッシュを削除する」
# zoomeでは、プレビュー画面よりもマイページの方が、ブラウザーのキャッシュ不具合に強いです。
# o マイページ： CSSカスタマイズ内容を、HTMLページに直接記載しています。
# o プレビュー画面： CSSカスタマイズ内容を、外部ファイルとして保存します。
(4) CSSのコピーミス
o CSSを全部入れ替える時や、バックアップCSSに戻す時は、CSSの入力欄を空にしてから貼り付けます。
+ CSSの入力欄を右クリックして、「すべて選択」「切り取り（もしくは削除）」、その後にメモ帳などから貼り付け。
(5) 誤字や文法誤り
o CSSを間違えても、エラーメッセージは滅多に出ません。成功した所までCSSを戻してから、修正し直します。
o 良くあるのは誤字。コロン、セミコロン、カンマあたりも要注意です。
o また、cssに日本語が混じっている場合は、「'」（= 一重の引用符）や「"」（= 二重引用符）で括った方が安全です。括り方の例："メイリオ"
(6) 優先順位が高い、他の指定がある
o CSSには少し変わった優先順位があります。変更を加えていく時に要注意です。
o CSSの優先順位は、次のような感じです。
+ 特別なキーワードがあると、最優先します。 !important
+ おおまかな指定よりも、局所的な指定を優先します。例えば、div よりも div.class1 を優先します。
+ 同じ優先順位なら、後から読み込んだものを優先します。
＝＝
関連ページ：
▼CSSカスタマイズ
▼zoome
▼ホームページを作る
▼制作メモ
＞ CSS。他の方の便利メモ
▼CSSを調べる
