0

クライアントは、WordPress が子ページのリストを生成できるようにする機能を要求しており、そのリストのアイテム (テキスト) がホバーされるとアイキャッチ画像が表示されます。そのような機能の例を次に示します。

さらに調査した結果、このスレッドを見つけました。しかし、見直してみると、Petley Jones の Web サイトはすべてのページ リンクをハードコーディングしているようです。私は間違っている可能性があります。1人ではなくスタッフによって追加された多くの子ページがあるため、wp_list_pagesまたはおそらくget_pageを使用する必要があります。

JQuery と CSS の両方を使用したソリューションを認識しています。JQuery ソリューションはこれに最適なようですが、WordPress と結合する方法がわかりません。CSS では、各アイテムに同じクラスまたは ID が必要ですが、これは実装できますが、スタイルシート内で一意のページ ID を呼び出す方法がわかりません。どんなアドバイスでも大歓迎です!

4

1 に答える 1

0

次の手順に従ってみてください。

  • 子ページを取得するときに、クラス名で div をラップし、<div class="child_page"></div>その中に子ページの名前の php コードを配置します。
  • 子ページのコードの下にあるこの div 内に、クラスを含む別の div を追加し、<div class="child_page_Img"></div>その中にコードを配置して、特定のページの機能イメージを取得します。
  • テーマのスタイルシートに css を追加します。

.child_page_Img{display:none;} .child_page:hover .child_page_Img{display:block;}

  • ie6 では element 以外の要素にカーソルを合わせることができないため、できることは子ページのパーマリンクの要素に divaを配置することだけです。child_page_Imga

このトリックはうまくいくはずです。ありがとう

于 2012-06-09T19:53:04.483 に答える