このところ、WordPressで作っているサイトをいろいろいじっております。だいぶWordPressというものにも慣れてきました。この間、これまで作ったのはいいけれど、この数年放置状態にあったウェブサイトの他のコンテンツを整理したりしていました。いままで、漢文とか中国関係であたしのサイトを利用してくださっていた方々には申し訳ありませんが、そういったコンテンツは一切削除してしまいました。

さて、そのWordPressのサイトですが、トップページはこんな感じです。

トップの画像の下、画面のちょうど中間あたりに、グレーというか茶色というか、その中間のような色で帯状のメニューがあるのが見えると思います。上の画面ですと、きれいにレイアウトされていますので、ほとんどの方にはこのように見えていると思います。ところが、下の画像をご覧ください。

これは管理者としてとログインした状態でトップページを見たときの画面です。何か違うのに気づきますか？　そうです。上述した帯状のメニューがトップ画像にかかってしまっているのです。

これ、メニューが上に上がってしまったのではありません。いや、結果として上がってしまっているのですが、むしろ、この帯状のメニューだけが動いていないという方が正確です。

管理者としてとログインすると、上の二つの画像を見比べていただくとわかるように、画面上部に黒い帯状の管理者用のメニューが現われます。これが画面に現われたために、トップ画像やメニューの下に表示されているコンテンツが、そのぶん下にずれたのですが、メニューだけが元の位置を維持しているのです。だから、メニューが上にずれたように見えてしまうのです。

なぜ、こんなことになるのか、スタイルシートを、あたしなりにわかる限りで見たのですが、理由はわかりません。ただ、あたし以外には管理者ログインすることはないので、あたしのサイトを訪れる方ほぼ全員には関係ないでしょう。この画面を見ることができるのは、とりあえずはあたしだけですので。

次に上の画面です。これはダイアリーのトップページです。上述したトップページにも最新のダイアリー２件は表示するのようになっていますが、あえてダイアリーのトップページを表示すればこの画面のようになります。

で、下の画像をご覧ください。

これはダイアリーの個別記事のページです。一見してわかるのは、記事タイトルの上に、間の抜けた空白スペースがあることです。上で述べたダイアリーのトップページの画面ですとクリップで留めたようなタイトル画像が表示されています。が、個別記事のページではそれがありあせん。

これはこれでそういうスタイルなのかと思うこともできますが、デザイン的には個別記事のタイトル上部は、やはり間が抜けています。本来はここに、二つ上の画面と同じような画像が入るべきなのだと思います。

あたしなりのカスタマイズをしているうちにデザインが崩れたのでしょうか？　それとも、本当はこんなデザインで正しいのでしょうか？　いずれにしても、これは上述のメニューのズレとは異なり、あたし以外のサイト訪問者誰にでも見えてしまう見え方なので、なんとか対処したいと思っていますが……