wordpressテーマlightningでアーカイブとカテゴリーが2重に表示される

テーマlightningのデフォルトでは投稿ページではカテゴリーが2重に表示されます。そして、なんかTOPページは2カラムとしているのに表示されなく、変更しても変わらず、意味がわかりません。よーく調べるとTOPページと投稿ページの作りがなんかちぐはぐでちょっと理解し難い作りになっていました。有料版を買わせようとわざとやっているのか?その分析と対処方法を記述します。

lightningの問題の表示

スマホで見ると投稿ページのアーカイブ-カテゴリーが2重に表示される。

こんなイメージです。

[     タイトル      ]
[      本文         ]
[                   ]
[                   ]
[ 前の記事/次の記事 ]
[     最近の投稿    ]
[     カテゴリー    ]
[     アーカイブ    ]
[     カテゴリー    ]
[     アーカイブ    ]

Why?! lightning spec?!

要因:スマホ表示はサイドバーが下に回っている

PC版で見るとわかるのですが、スマホ版はサイドバーが下に回る仕様のようです。

[     タイトル      ][  サイドバー ]
[      本文         ][             ]
[                   ][  カテゴリー ]
[                   ][  アーカイブ ]
[ 前の記事/次の記事 ]
[     最近の投稿    ]
[     カテゴリー    ]
[     アーカイブ    ]

全体が長すぎてあまり違和感がなかったのですが、どっちみち、本文下とサイドバーに2重に情報を表示しており、PCに版もスマホ版表示も冗長です。

対策

サイドバーは色々いじっているのでそのまま使いたく、ならば本文下の部分を削除すればいいだけなのですが、ここでまたおかしなことがあります。

いろいろ調べて、本文下側は、ウィジットのフッター上部(全画面で共通)でブロックのカテゴリーとブロックのアーカイブを表示してます。対して、サイドバーは色々コードをいじった中でわかっていたのですが、lightningのものでサイドバーのウィジットを設定してなければphpが動作するというものです。

[     タイトル      ][  サイドバー ]
[      本文         ][             ]
[                   ][             ]
[                   ][             ]
[ 前の記事/次の記事 ]
[     最近の投稿    ]
[ウィジット-フッター上部]

で、このウィジットのカテゴリーとアーカイブのブロックを削除すればいいはずですが…。ウィジットとやらを初めていじってみます。

たぶん、ここですね。

おうおう、ここにそのまんまイメージが表示されている。これをブロックを削除としてスッキリ。

TOP画面がおかしい

と思ったのですが、投稿画面は思ったとおりになりました。でも、TOP画面がおかしい。TOP画面には何故かサイドバーが表示されてなく、どこにもカテゴリーとアーカイブが表示されなくなります…。1カラムとか2カラムとかの設定をいじってもなぜだかなんにも変わりません。

TOP画面の調査と対策

ウィジットの設定画面をよく見るとサイドバーはページの種類で別れているようです。なのでTOPのサイドバー(ウィジットはデフォルト未設定)と投稿画面のサイドバー(ウィジットはデフォルトは未設定→lightningはコードで表示する)が別物です確かにコードをいじっていたサイドバーのコードは投稿用のものだった気がします。そして、わかりにくいのがTOP画面は縦に[本文]→[カテゴリ]→[アーカイブ]と表示しているのに、投稿ページはサイドバーにて[カテゴリ]と[アーカイブ]を表示しているい事。統一しろ!

ということで、とりあえずの対策として、「サイドバー(トップページ)」を作ってあげればよい。これはTOPページ限定なので投稿ページには影響しないので2重に表示したりはしません。やり方は記事作成と同じようにブロックを追加して種類を「カテゴリー」とかで検索して設置できます。この辺はwordpress、素晴らしいです。

結論

結局、どうすば良のかというと

  1. ウィジットの共通の「フッター上部」の内容を削除する
  2. サイドバー(トップページ)にその内容「カテゴリー」と「アーカイブ」のブロックを設置する

これで投稿ページのサイドバーはlightningのphpコードで表示、TOPページのサイドバーはウィジットのブロックで表示ができました。
ただし、見た目は解決ですが、ここがバラバラというところは解決しておりません。やりたかった「アーカイブの表示を短くする」の対策はどちらにも必要。TOPページ用のコードをいじっているコードで表示するようにしてしまえばよいのかな?

コメントを残す