Member Avatar for wonderland

Hi,

I'm having problems with word press footers site map.

at the moment it's displayed like this:
[IMG]http://i52.photobucket.com/albums/g9/Rydra/Footer-1.jpg[/IMG]

I would like it displayed like this:
[IMG][/IMG]

I've tried looking in footer.php, but there is only this piece of code:

<ul id="bottomLinks">
				
				<?php wp_list_pages('title_li=') ?>
			</ul>

I've tried looking in .css file also didn't see anything that I could configure to change layout.

Also, When I view page source from internet browser I get this piece of code:

<div id="footer">
		&copy; 2010 BCG. Visas tiesības aizsargātas.
		<ul id="bottomLinks">

				<li class="page_item page-item-442 current_page_item"><a href="http://example.com" title="Sākums">Sākums</a></li>
<li class="page_item page-item-26"><a href="" title="Uzturēšana">Uzturēšana</a></li>
<li class="page_item page-item-27"><a href="" title="Mājas lapas">Mājas lapas</a>
<ul>

	<li class="page_item page-item-209"><a href="" title="Bezmaksas mājas lapa">Bezmaksas mājas lapa</a></li>
	<li class="page_item page-item-212"><a href="" title="Individuāla mājas lapa">Individuāla mājas lapa</a></li>
</ul>
</li>
<li class="page_item page-item-28"><a href="" title="Portfolio">Portfolio</a></li>
<li class="page_item page-item-22"><a href="" title="Par mums">Par mums</a></li>
<li class="page_item page-item-17"><a href="" title="Kontakti">Kontakti</a></li>

But when I view footer.php, this:

<div id="footer">
		&copy; 2010 BCG. Visas tiesības aizsargātas.
		<ul id="bottomLinks">

				<?php wp_list_pages('title_li=') ?>
			</ul>
	</div>

But I don't know how to edit this, so I can change footer layout.

Edited by Ezzaral because: Edited urls in links.
  • 1 Contributor
  • 1 Reply
  • 317 Views
  • 1 Day Discussion Span
  • Latest Post Latest Post by wonderland

Dani AI

Generated

— quick diagnosis and a couple of practical fixes.

The footer is being generated from WordPress’ page-listing function, which outputs a nested UL for parent/child pages (that explains the indented sub-pages in your screenshot). The odd-looking double <a href> you pasted into the forum is almost certainly the forum auto-linking the URLs you pasted; view the page source directly in the browser or use the inspector to see the real HTML.

CSS-only (fast, safe)
Add rules that remove bullets and make list items flow horizontally; this can be tested live with the browser inspector and then placed in the theme stylesheet or Appearance → Customize → Additional CSS.

#bottomLinks { list-style: none; margin: 0; padding: 0; }
#bottomLinks li { display: inline-block; margin: 0 12px 0 0; vertical-align: middle; }
#bottomLinks li ul { display: inline-block; margin-left: 6px; } /* child pages inline too */
#bottomLinks li + li:before { content: "|"; margin-right: 12px; color: #ccc; } /* separator */

This relies on CSS inline layout techniques (see display behavior). (See: https://developer.mozilla.org/en-US/docs/Web/CSS/display)

Change the output (server-side)
If a flat list (no nested subpages) is required, the pages list call can be changed so only one level is emitted, or the footer can be replaced with a custom menu so link order and labels are managed in WP admin. The functions that control these options are documented here: wp_list_pages and wp_nav_menu. (See: https://developer.wordpress.org/reference/functions/wp_list_pages/ and https://developer.wordpress.org/reference/functions/wp_nav_menu/)

Practical notes
Always inspect the live HTML before editing PHP. If editing theme files, use a child theme or back up files first and test on staging. After changes, clear any caches.

Member Avatar for wonderland

Anyone ?

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.