Posted by: lomographyid | June 22, 2008

WP Theme Lesson #6c: Get Archives and Links

Today’s lesson is fairly easy. You’ll learn how to call for an archive link listing and the blogroll links. Tomorrow’s lesson is the calendar and search form.

Before we start, I want to explain why I’ve been breaking down my lessons into smaller lessons. Everything that you’re learning took self-taught people MONTHS to digest! It’s important that you understand everything I’m showing you the first time around so you won’t have to go back and re-check.

Step 1 – Add archive links.

Type the following codes in the Sidebar area, under the Categories listing:

<li><h2><?php _e(’Archives’); ?></h2>
<ul>
<?php wp_get_archives(’type=monthly’); ?>
</ul>
</li>

Give it some tab spacings for organization. Let’s see if your codes match mine:

add-archives.gif

Save your file, refresh the browser, here’s the result:

archives.gif

What happened?
You used the wp_get_arhives() PHP function with the type attribute and monthly value to call for the archive links by month.

  • <li> – open list item
  • <h2> – open sub-heading
  • <?php _e(’Archives’); ?> – text of the sub-heading
  • </h2> – close sub-heading
  • <ul> – open unordered list under the sub-heading, within the list item
  • <?php wp_get_archives(’type=monthly’); ?> – call for archive links by month, nest each link within <li> and </li> tags. If you check your source codes (View > Page Source). You’ll see that wp_get_archives() generated list item (LI) tags for each link, just like the wp_list_cats() function.
  • </ul> – close the unordered list sitting under the sub-heading
  • </li> – close list item

Step 2: Add blogroll links

Type the following codes under the Archives link listing:

<?php get_links_list(); ?>

add-blogroll.gif

Save, refresh, and here’s the result:

blogroll.gif

By default, my blogroll is no different from yours. Here’s how it looks in the source codes:

blogroll-source.gif

The organization is not all there because the get_links_list() function generates the codes for you, just like the wp_list_pages() function you learned about, from yesterday’s lesson. However, it stuck with rule number one, which is close everything in the order that you open them. I circled the list item and unordered list tags for you to see.

That’s the end of today’s lesson. Come back tomorrow for the calendar and search form.

Follow this WordPress Theme Tutorial Series from the beginning.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Categories

%d bloggers like this: