最近、ホームページのレスポンシブル化を少しずつ行っている。
CSSを利用してメニュー表示をしたり、ページ内を今までのTableからグリッドやFlexboxなどを使用し、その様子をブラウザで確かめている。
そんな中で、Chromeを使ってみていると、変更したはずなのに代わっていないということが度々あり、どこか記述を間違っているのかと、更に試行錯誤の時間を費やしている。
時々マイクロソフトのEdgeで確かめると、予定通り正しく表示されている。
どうも、Chromeのキャッシュが影響しているようだ。
今日たまたまであったページに、「スーパーリロード（強制再読み込み）」や「キャッシュクリア」を「Ctrl+F5」で行うという説明があり、納得。
Webサイトが最新の状態にならないときの対処法【スーパーリロード・キャッシュクリア】
WordPress.orgおよびJetpackを利用するためにWordPress.comにも関わることなのだが、PCでいつも使用しているChromeからブログに投稿しようとしたら、下のような画面になった。
新規投稿画面
入力をはじめると、下書きの保存に失敗しました。
Microsoft Edgeでブログサイトにログインしてみると
Edgeでの表示
Chromeを最近使っている時に、履歴を削除したり、キャッシュを削除したり、そんなことをしたのが原因かもと思いはじめる。ブログサイトを見ると、「ログアウト」の表示があるから、ログインのままの錯覚になっていたのかもしれない。「サイト管理」のリンクをクリックすると、ログインが促され、必要事項を入力してログイン。
メニューから新規投稿をクリックすると
Chromeからログインをし直して新規投稿
と無事解決。結局ログインできていないから、投稿できなかったということだけだったようだ。
いつもメール投稿することが多いので、うっかりしていたのかもしれない。
HP「浄土宗摂取山念佛寺（念仏寺）とフォルクローレ」のトップページを再構成する。
いろいろ追加作業をしているうちに横3段組みが崩れてしまった。そこで項目をブロックに分けてブロックがブラウザの幅に応じて２～４、５などと変わっていく仕組みにしてみる。inline-block をCSSに書き込んでDIVタグで作成していくようになっている。
ブラウザによってうまく表示できないケースもあるのかもしれないが、ChromeとIEではうまく表示できていることを確認している。
また、最近トップページの開きが極端に遅くてどこに原因があるのか、なかなか突き止められていなかったのだが、ネットを検索していて「AddClipsをつけていた方はご注意！」の記述に出合った。「いいね」ボタンなどをまとめて表示できるものを付けていたのだが、これが2016.3.31で終了していた。終了していたのにそのままにしていたものだから、これでかなり表示までに時間がかかった。ブラウザも必死にリンク先を探しに行くけどなくて汗だくになっていたのだろう。削除したら、スッキリ表示できるようになった。
1つのページにいろいろなJSファイルなどを置いているから、以前には問題なくメニュー表示できていたものがうまくいかなかったり、まだ不十分なところもあるが別のページでは動いているので今しばらくの検討課題としておく。
