I am totally in love with the Screen Options pull down tab in WordPress. I know it’s been there for a few versions, but I never fully appreciated it until I started using the Show on Screen feature that lets you fill in how many pages you want to show in your list of Pages. Some of our clients sites have hundreds of pages and posts, and this gives them the option to see all their posts or pages at once and not have to click next next next.

To use it, go into the Pages or the Posts Tab in your Dashboard, click on Screen Options in the top right corner of the screen, and set the number in Show on Screen to something high, like 200. This functionality really adds to the elegance and amazing usability of WordPress.

Depending on which plugins you have installed, you’ll have different options in your Screen Options Panel. For example, we have Yoast’s SEO Plugin installed, so we can check or uncheck the checkboxes to show the plugin-related options in our Post/Page editing areas.

Here is a screenshot of how the Screen Options panel looks in WordPress.

This post was originally published at QuickTip: Show More Pages in your WordPress Dashboard on WP Garage - WP Garage - wordpress tricks, hacks, and tips.

Recently, I needed to list all subpages of a parent page.  I also needed to display custom fields below each subpage. And, on top of that, the list needed to be 2 columns.

I found a solution for simply listing the pages in 2 columns, but it did not suggest how to modify the code to include custom fields.

So, thanks to our coding hero Mark Kaplun who supplied the below code, although he admits it’s a “dirty hack”. The sort_column is so that MyPageOrder would work properly for this listing.

<?php
$args = array(
‘post_type’ => ‘page’,
‘numberposts’ => 40,
‘sort_column’ => ‘menu_order’,
‘child_of’ => 84 // any parent
);
$attachments = get_pages($args);
//print_r(“attachements:” . $attachements);
echo ‘<div style=”float: left; margin: 0 10px 0 0;”>’;
?>

<?php
for ($i =0; $i<count($attachments)/2; $i++) {
$post = $attachments[$i];
//    foreach ($attachments as $post)  { ?>

<a href=”<?php echo get_permalink($post->ID) ?>” rel=”bookmark”><?php echo $post->post_title; ?></a>
<?php if(get_post_meta($post->ID, “NameofCustomField”, true)) { ?>
<?php
echo get_post_meta($post->ID, “NameofCustomField”, true);
}
?>
<?php } ?>
</div>
<?php
echo ‘<div style=”float: left; margin: 0 10px 0 0;”>’;
for (; $i<count($attachments); $i++) {
$post = $attachments[$i];
//    foreach ($attachments as $post)  { ?>

<a href=”<?php echo get_permalink($post->ID) ?>” rel=”bookmark”><?php echo $post->post_title; ?></a>
<?php if(get_post_meta($post->ID, “PracticeArea”, true)) { ?>
<?php
echo get_post_meta($post->ID, “PracticeArea”, true);
}
?>
<?php } ?>
</div>

This post was originally published at How to list Pages with custom fields in 2 columns in WordPress on WP Garage - WP Garage - wordpress tricks, hacks, and tips.

In the previous post, we discussed how to hack the search function in WordPress to have an additional search form that would search  subcategories. Now that you have 2 or more search forms on your site, you might need to customize the search results. Thanks to this solution, I learned how to create multiple search result pages.

Let’s say we have 2 search forms on our site:

1. General Site-Wide Search
2. Recipe Search – searches subcategories of the Recipe Category

The first thing we need to do is tweak the search.php template to use it as a filter that will recognize if a search is coming from the Site-Wide search form or the Recipe Search form.

1. Open Search.php and delete everything.  Add the following code:

<?php
/* Template Name: Search Results */
$search_refer = $_GET["site_section"];
if ($search_refer == ‘recipe’) { load_template(TEMPLATEPATH . ‘/recipe-search.php’); }
elseif ($search_refer == ‘site-search’) { load_template(TEMPLATEPATH . ‘/site-search.php’); }; ?>

2. Open Header.php or wherever the General Site-Wide Search Form is located and add this line:

<input type=”hidden” name=”site_section” value=”site-search” />

The Site-Wide Search form will look something like this:

<form method=”get” id=”searchform” action=”<?php bloginfo(‘home’); ?>/”>
<div id=”search”>
<input type=”text” value=” ” onclick=”this.value=”;” name=”s” id=”s” />
<input type=”hidden” name=”site_section” value=”site-search” />
<input name=”" type=”image” src=”<?php bloginfo(‘stylesheet_directory’); ?>/styles/<?php echo “$style_path”; ?>/search.gif” value=”Go” />
</div><!–/search –>
</form>

3. Open Recipes.php or wherever your second search is and insert this line:

<input type=”hidden” name=”site_section” value=”recipe” />

You can change the value “recipe” to whatever suits your needs. Just make sure it matches the value in search.php.

The Recipe Search form for your second search will look something like this. In my case, this second search is meant to search the subcategories of the Recipe category.  See my previous post to learn about hacking the search function to search subcategories.

<form method=”get” id=”rsearchform” action=”<?php bloginfo(‘home’); ?>/”>
<div id=”rsearch”>
<input type=”text” value=”Recipe Search… ” onclick=”this.value=”;” name=”s” id=”rs” />
<?php $categories = get_categories(‘child_of=11′);
$catlist = ”;
foreach ($categories as $cat) {
$catlist.= $cat->cat_ID.’,';
}
$catlist.’11′;
?>
<input type=”hidden” name=”cat” value=”<?php echo “$catlist”?>” />
<input type=”hidden” name=”site_section” value=”recipe” />
<input name=”" type=”image” src=”<?php bloginfo(‘stylesheet_directory’); ?>/styles/<?php echo “$style_path”; ?>/search.gif” value=”Go” />
</div><!–/search –>
</form>

4. Customize the Search Results Templates

If you recall, in step 1, we added the following to the search.php page.

if ($search_refer == ‘recipe’) { load_template(TEMPLATEPATH . ‘/recipe-search.php’); }
elseif ($search_refer == ‘site-search’) { load_template(TEMPLATEPATH . ‘/site-search.php’); }; ?>

Create recipe-search.php (or whatever you named this template) and customize the layout of the results page to your liking. You can use index.php to start with and customize from there.

Create site-search.php (or whatever you named this template) and customize the layout of the results page to your liking. You can use index.php to start with and customize from there.

This post was originally published at How to Customize Multiple Search Result Pages in WordPress on WP Garage - WP Garage - wordpress tricks, hacks, and tips.

I wanted to create a simple directory of non-profit organizations. To do so,  I wanted to use pages for the directory, rather than posts so that I could separate the static directory listings from the dynamic blog posts. I didn’t want to have to exclude tons of categories from feedburner and the main loop.

So, I started exploring the whole family in WordPress – grandparents, parents, and children. Translation for those not yet used to seeing WordPress analagous to the family in My Big Fat Greek Wedding: Pages, sub-pages, and sub-sub pages

Simple Directory Setup

• Directory Page (grandparent): Displays list of Non-Profit Organization Categories (ex. social, environment, health, etc.)
• Category Page (parent): Show title and excerpt of each Organization within a category (ex. Environment Organizations)
• Single Organization Page (child/current): Show content about a single organization(ex. SaveTheEarth – made up org for this example)

Here’s how to do it

1. Create a Page Called Directory. This will be the Directory Page (grandparent)
2. Find the Page ID. Let’s say the Page ID = 5. Depending on how you want to display the category info, you can
3. Manually add the name of each category, a short description and a link
4. Open up page.php so we can setup The Category Page (Parent Page). We want to show title and excerpts of each organization for each category.
5. Add this code to page.php – Checks if we’re on a sub page / child page of the Directory (Page ID =10) and if so, list the pages in alphabetical order with excerpts. For the excerpt, I’m using the plugin Limit Posts since it didn’t work with The Excerpt Reloaded.<?php
   $current = $post->ID;
   $parent = $post->post_parent;
   $grandparent_get = get_post($parent);
   $grandparent = $grandparent_get->post_parent;
   ?>

   <?php if ( $post->post_parent==”10″   ){ ?>
   <?php $pageChildren = $wpdb->get_results(“SELECT *    FROM $wpdb->posts WHERE post_parent = “.$post->ID.”    AND post_type = ‘page’ ORDER BY post_title ASC”, ‘OBJECT’);    ?>

   <h2 class=”titles”><a href=”<? php echo get_permalink($pageChild->ID);  ?>”> <? php echo $pageChild->post_title;  ?></a></h2>

   <?php the_content_limit(280, “”); ?><div class=”readmore”><a href=”<?php echo get_permalink($pageChild->ID); ?>” rel=”bookmark” title=”Permanent Link to <? php echo $pageChild->post_title;   ?>”>Read More &raquo;</a></div>

   (make sure to delete the space between <? and php -  I had to to do that so it wouldn’t execute in this post)

6. Single Organization Page (Child Page) On page.php, after the code you added in step 5, add this code that will check to see if we’re on the grandchild page. This will be the actual organization’s page. In our example, the SaveTheEarth Page. This is very helpful information in case you want to add a different style or add special items in the sidebar, etc.
   <?php if ( $pageChildren ) : foreach ( $pageChildren as $pageChild ) : setup_postdata( $pageChild ); ?>

7. Set up how the rest of the pages on your site will look:

On page.php, after the code in step 6, add this code which instructs every other page in the site to act normally and display the content

<?php endforeach; ?>
<?php else : ?>

<?php the_content(); ?>
<?php  endif; ?>

You can see the full page.php code here

You can see the directory in action here

I figured this out using the following helpful posts:

* http://wordpress.org/support/topic/186206
* http://wpguru.co.za/page/display-title-excerpt-of-child-page

This post was originally published at How to create a Simple Directory in WordPress using Grandparent, Parent, and Child Pages on WP Garage - WP Garage - wordpress tricks, hacks, and tips.

You can add a Microsoft Live Map to your WordPress blog pretty easily. All you have to do is create a custom template Page for the map page, and add some code to it. Full instructions are here.

Live Search Maps for WordPress

This post was originally published at Adding Microsoft Live Search Maps to your WordPress blog on WP Garage - WP Garage - wordpress tricks, hacks, and tips.

This is really handy: the Drop Down Menu WordPress plugin creates a drop-down navigation scheme where sub-pages appear under their parent pages in the menu. All you have to do is upload, activate, and add one snippet of code to your template files. The menu can be styled in the styles.css file in the plugin’s folder.

See the demo here.

WordPress plugin for creating a drop down navigation menu using JQuery»

This post was originally published at WordPress plugin easily creates drop-down navigation on WP Garage - WP Garage - wordpress tricks, hacks, and tips.

Recently I wrote about a WordPress plugin that allows you to exclude certain pages from appearing in your list of Pages without coding your template files. The My Page Order WordPress plugin gives you additional Page flexibility by allowing you to manually order your Pages without coding.

Update Feb. 17, 2008:

I just used this plugin for the first time, and it’s fantastic! All you have to do is upload it and activate it, and then go to Manage > My Page Order. There, you have an Ajaxy menu that shows you all your pages. You just drag and drop them until they’re in the order you want, and then click the “Click to Order Pages” button. You can also order subpages in the same way.

This is a plugin that can save you tons of time when you have five or more pages that you need to reorder.

My Page Order WordPress plugin

This post was originally published at Manually order your Pages with My Page Order WordPress plugin on WP Garage - WP Garage - wordpress tricks, hacks, and tips.

The Page Link Manager WordPress plugin creates a place in your admin where you can select which Pages will appear in your list of pages, and which will be excluded. This means that your clients can easily do this themselves, and it saves you a bit of trouble too.

Garrett Murphey » WordPress Plugin: Page Link Manager

This post was originally published at Page Link Manager WordPress plugin: exclude Pages without coding on WP Garage - WP Garage - wordpress tricks, hacks, and tips.

Sorry for the confusing title, but there is an issue that we face over and over when using WordPress as a CMS, and have not been able to solve. When we are using WordPress as a CMS, our Blog page doesn’t pick up the current_page_item class and therefore its link on the nav bar isn’t highlighted like the other pages are. How can we get it to change?

I know that the above might not make sense, so here is a detailed description of the problem:

If you use WordPress as a CMS, you generally create the Pages you want to appear on your nav bar under Write > Write Page. One of those Pages is the Home page, for example, and you create another Page for your blog posts called Blog. Then, you go to Options > Reading, and select one of those pages for your front page from the drop-down list, in this case you would select the Home page, and another page for your blog posts, in this case the Blog page.

You create a style in your style sheet called current_page_item which causes the current page that the viewer is on to appear differently in the nav bar or list of pages. For example, you want the background color of that page on the nav bar to change from green to purple.

Now, here’s where the problem lies: all pages on the nav bar change from green to purple when the user is on that page…except the Blog page! For some reason, that Blog page does not pick up the current_page_item class.

So my question is: does anyone know of a solution to this problem?

Thanks!

This post was originally published at WordPress challenge: getting class current_page_item to work when home page is not blog on WP Garage - WP Garage - wordpress tricks, hacks, and tips.

To create a new Page template, add the following code to the top of the page:

<?php
/*
Template Name: Home
*/
?>

The Template Name can be changed, i.e. Home can be About Us, or anything else. When you create a Page in WordPress, on the right-hand side there is a drop down box for selecting a template. The name that you enter in the above code is what will appear there.

This post was originally published at Creating different Page templates on WP Garage - WP Garage - wordpress tricks, hacks, and tips.