サイトの (php と wordpress に組み込まれている) ページをフッターにリストして、すべてのトップ レベルのページが箇条書きなしで垂直にリストされ、子ページを持つトップ レベルのページがトップのときにリストされるようにしたいと考えています。 -レベルのページがクリックされます。親ページをもう一度クリックすると、子ページが非表示になります。グラフィックなしのプレーンテキストですべてを表示したいと思います。
したがって、本質的には次のようになります。
ホーム
モーテル V について
オーナーに会う | 客室 | 施設 | ギャラリー | ゲストのフィードバック
都市と国 > (クリックすると、「Things To Do And See | Event Calendar」が表示されます)
予約お
問い合わせ
ブログ
編集
ご指摘のとおりですが、フッターウィジェットエリアに「ページリスト」を追加することでワードプレスでリストが生成されるため、一意のIDを追加できません...
これは、ページの読み込みが完了したときのソースです。
<div class="widget widget_pages" id="pages-2">
<h4 class="widgettitle">Pages</h4>
<ul>
<li class="page_item page-item-14 current_page_ancestor current_page_parent"><a href="http://mywebsite.com.au/about-the-motel/">About the Motel</a>
<ul class="children">
<li class="page_item page-item-295"><a href="http://mywebsite.com.au/about-the-motel/meet-the-owners/">Meet The Owners</a></li>
<li class="page_item page-item-17"><a href="http://mywebsite.com.au/about-the-motel/rooms/">Rooms</a></li>
<li class="page_item page-item-19 current_page_item"><a href="http://mywebsite.com.au/about-the-motel/facilities/">Facilities</a></li>
<li class="page_item page-item-21"><a href="http://mywebsite.com.au/about-the-motel/galleries/">Galleries</a></li>
<li class="page_item page-item-2"><a href="http://mywebsite.com.au/about-the-motel/feedback/">Visitor Feedback</a></li>
</ul>
</li>
<li class="page_item page-item-10"><a href="http://mywebsite.com.au/city-country/">City and Country</a>
<ul class="children">
<li class="page_item page-item-292"><a href="http://mywebsite.com.au/city-country/things-to-do-and-see/">Things To Do And See</a></li>
<li class="page_item page-item-4"><a href="http://mywebsite.com.au/city-country/events-calendar/">Events Calendar</a></li>
<li class="page_item page-item-53"><a href="http://mywebsite.com.au/city-country/local-links/">Local Links</a></li>
</ul>
</li>
<li class="page_item page-item-5"><a href="http://mywebsite.com.au/bookings/">Bookings</a></li>
<li class="page_item page-item-50"><a href="http://mywebsite.com.au/contact/">Contact</a></li>
<li class="page_item page-item-47"><a href="http://mywebsite.com.au/blog/">Blog</a></li>
</ul>
</div>