<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">

Then you can use the font like this:

<style>
      body {
        font-family: 'Tangerine', serif;
        font-size: 48px;
      }
</style>

Check out a list of available font in the font directory. They are all licensed for commercial and non-commercial use.

WordPress has some default conditional tags that are really helpful when developing themes and plugins that need specific functions on specific pages. Strange enough though, there is no way to check if a page is a child of another page.

This small function checks the database to see if the page happens to have a parent page assigned to it. If so, then the function will return true.

function is_child($pageID) { 
	global $post; 
	if( is_page() && ($post->post_parent==$pageID) ) {
               return true;
	} else { 
               return false; 
	}
}

Place the above code in your theme’s functions.php file, or create a functions.php file and place it in your theme’s directory. Then you can use the is_child() function anywhere in your theme. Your code would look something like this:

<?php
if(is_child(343)) {
echo "This is a child page of 'The Parent Page Title'.";
}
?>

Options -indexes

in your .htaccess file and it will do the same thing as adding an index.html file to your folder.

<?php bloginfo('name'); ?>
This will bring up the name of the blog as entered under the Settings => General page in the admin. This tag should be used when coding the header to display the name of the blog.

<?php bloginfo('description'); ?>
This will display the description of the blog as entered under the Settings => General page in the admin. This tag should be used somewhere in the header to display the blog’s description.

<?php bloginfo('url'); ?>
This will get you the URL of where WordPress has been installed, no matter if it’s in the root directory or a sub-directory. This is great for linking to certain pages or to link back to the home page.

<?php bloginfo('template_url'); ?>
This tag is a life saver when developing custom themes. It brings back the location of where your custom theme’s folder has been installed. Life became a whole lot easier when I discovered this tag. It’s extremely useful when developing a custom theme if you need to link to a secondary stylesheet or display an image stored in the images directory of your custom theme.

1
2
3
4
5
6
7

<form method="get" id="searchform" action="<?php bloginfo('url'); ?>/">
<label class="hidden" for="s"><?php _e('Search for:'); ?></label>
<div>
<input type="text" value="<?php the_search_query(); ?>" name="s" id="s" />
<input type="submit" id="searchsubmit" value="Search" />
</div>
</form>

Now let’s change…

4

<input type="text" value="<?php the_search_query(); ?>" name="s" id="s" />

to…

4

<input type="text" value="Search & Hit Enter" name="s" id="s" onfocus="if (this.value == 'Search & Hit Enter') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search & Hit Enter';}" />

What does all this do? Oh… So very much.

First, it will automatically fill your search box with “Search and Hit Enter”. If you click on the search box, it will disappear and you can enter text. But if you don’t enter text and click out of the box, “Search and Hit Enter” will appear again.