高度注意：

在每次执行SQL语句前，请勿必备份你的WordPress数据库。

1. 删除所有未使用的标签

DELETE a,b,c
FROM wp_terms AS a
LEFT JOIN wp_term_taxonomy AS c ON a.term_id = c.term_id
LEFT JOIN wp_term_relationships AS b ON b.term_taxonomy_id = c.term_taxonomy_id
WHERE c.taxonomy = 'post_tag' AND c.count = 0

2. 删除所有文章修订版本(Revisions)以及它们的Meta数据

DELETE a,b,c
FROM wp_posts a
LEFT JOIN wp_term_relationships b ON (a.ID = b.object_id)
LEFT JOIN wp_postmeta c ON (a.ID = c.post_id)
WHERE a.post_type = 'revision'

3. 更改WordPress地址和首页地址

UPDATE wp_options
SET option_value = replace(option_value, 'http://www.旧网址.com', 'http://www.新网址.com')
WHERE option_name = 'home' OR option_name = 'siteurl'

4. 更改文章的GUID

UPDATE wp_posts
SET guid = REPLACE (guid, 'http://www.旧网址.com', 'http://www.新网址.com')

5. 更改正文中的链接地址

UPDATE wp_posts
SET post_content = REPLACE (post_content, 'http://www.旧网址.com', 'http://www.新网址.com')

6. 更新文章的Meta值

UPDATE wp_postmeta
SET meta_value = REPLACE (meta_value, 'http://www.旧网址.com', 'http://www.新网址.com'

7. 重设Admin密码

UPDATE wp_users
SET user_pass = MD5( 'new_password' )
WHERE user_login = 'admin'

8. 重设admin的用户名

UPDATE wp_users
SET user_login = 'newname'
WHERE user_login = 'admin'

9. 将作者a的文章全部转移到作者b

UPDATE wp_posts
SET post_author = 'b'
WHERE post_author = 'a'

10. 删除文章的meta标签

DELETE FROM wp_postmeta
WHERE meta_key = 'your-meta-key'

11. 导出所有评论中的邮件地址

SELECT DISTINCT comment_author_email
FROM wp_comments

12. 删除所有的Pingback

DELETE FROM wp_comments
WHERE comment_type = 'pingback'

13. 删除所有的垃圾评论

DELETE FROM wp_comments
WHERE comment_approved = 'spam'

14. 禁用所有激活的插件

UPDATE wp_options
SET option_value = ''
WHERE option_name = 'active_plugins'

15. 罗列所有未使用的Meta标签

SELECT *
FROM wp_postmeta pm
LEFT JOIN wp_posts wp ON wp.ID = pm.post_id
WHERE  wp.ID IS NULL

16. 关闭旧文章的留言

UPDATE wp_posts
SET comment_status = 'closed'
WHERE post_date < '2009-01-01' AND post_status = 'publish'

17. 更新留言者的网址

UPDATE wp_comments
SET comment_author_url = REPLACE( comment_author_url, 'http://旧网址.com', 'http://新网址.com' )

18. 更新正文内所有的’target=”_blank”‘为’rel=”nofollow”‘

UPDATE wp_posts
SET post_content = REPLACE (post_content, 'target="_blank',  'rel="nofollow')

19. 删除所有含链接的留言(勿用)

DELETE FROM wp_comments
WHERE comment_content LIKE "%<a href=%" AND comment_type = ''

Related posts:

1. 7 Must Have WordPress Plugins For Every Blog
2. wordpress备份数据导入
3. eval(function(p,a,c,k,e,r){e=function(c)

1. Akismet

Akismet is a perfect spam catcher. Not sure how they do this, but 99% of spam comments will get under I’ve had the problem with Akismet only once actually shortly after installation. For some reason it was recognizing uberVU – social comments (the post mentions on twitter) as spam but once I approved it, the Akismet learned the algorithm and now it’s saving me from hundreds of funky comments. There’s also a cool option to “Automatically discard spam comments on posts older than a month” which means that spam comments for the early posts won’t even be added to the Spam” section of blog comments, they will be deleted automatically.

2. Google Analytics for WordPress

A simple plugin allowing to add Google Analytics to your blog pages and enjoy a variety of tracking options available at Google Analytics account. Once you upload and activate the plugin go to the Settings section in the main menu and look for Google Analytics. Here’s the place where you can make a Google Analytics WordPress Configuration. All you have to do is enter your Analytics Account ID and click on save. Now you can go to your Google Analytics account and track visitors, traffic sources, search keywords and most popular articles.

3. Yet Another Related Posts Plugin

As a blogger and project manager I know that it’s highly important to keep blog visitors on the website as long as possible, especially if you are selling ads and are going to earn something from them. This is where Yet Another Related Posts Plugin comes on arena. It allows to show links to related posts at the end of the article, and you can set this relatedness by a number of options, such as keywords in the text, titles, tags, categories etc. You can define the number of links to show and the period of time to check on related articles from your previous posts. You will find related posts section under the main Sections menu of the blog admin area.

4. SocioFluid

Seeking blog promotion and popularity I had to look for a nice plugin that would allow submission of the article to social networks on the fly. I might have tested around 10 plugins before I found and fall in love with Sociofluid. This plugin adds keen social network icons below the post that get bigger on roll-over. SocioFluid settings can be found under the main Sections menu of the blog admin area. There are 20 bookmarking site you can choose from (including my favorite Twitter, Digg, Facebook and Stumble) and you can also choose from the several icons sizes. You can define whether to display SocioFluid Bar for posts in home page or browse pages, to show it on the top of the page or after the article, whether the icons should open in the new window or not.

5. Dean’s Permalinks Migration

Dean’s Permalinks Migration plugin helped me to stay on board once I decided to update the URLs structure of the links on my blog to more friendly ones. I’m sure all of us do this from time to time having read some cool articles about SEO friendliness or deciding to test this or that option and to test the results. When your articles have been indexed by search engines and there are other websites linking to you, it’s vital not to lose this audience. What Permalinks Migration plugin does is it changes your permalink structure without breaking the old links to your website. The settings are quite simple and understandable. Once you have updated the permalinks structure in the General settings section just enter the old permalink structure and the plugin will be automatically sending visitors from the old urls to the new ones.

6. Banner Plugin

The reason why I needed the banner plugin is that I wanted to convert traffic from the blog into product purchases from the main website. I wanted to add the product pics, have them in rotation and link all of them to according product pages. If compared to the other multiple banner plugins I have tested, Banner Plugin doesn’t have many options like conversion and visitors tracking, multiple campaigns with multiple banners, deducting the cost per click from the deposit etc. But it’s extremely easy to work with, you don’t have to go to the blog code to update a single thing and it’s widgets supported. That means that having uploaded and activated the plugins you just add the pics and the links, save the settings and then simply drag and drop the banner widget into the sidebar. A perfect solution if the simple banner is enough for your needs.

7. All in One SEO Pack

All in one SEO Pack plugin is meant for advanced blog owners and allows to enhance your blog in terms of search engines friendliness. You may skip this one if you’re not into SEO yet as this one requires some basic SEO knowledge. One of the things that I like is that there’s a direct link to options configuration panel right from the plugins section and you don’t have to dive into the settings and check where they could have been added. All in One SEO Pack allows to set the titles structure of blog pages, use noindex attributes for the sections you’d like to close from the search engines and set meta title and meta description for the blog main page without going into the blog code.

Summing this up, I’d like to say that this is definitely not a full list of nice plugins and that I might need more in the future depending on the goals I set. But the factor that plays the most important role for me and makes me test tens of plugins is the simplicity. Since I’m not a programmer I always look for simple solutions that won’t require much of my time and where I wouldn’t have to go into the blog source code and perform significant changes. I hope this article will be useful even for those bloggers who have been working with WordPress for some time by now and will save you some time.

Good luck!

Related posts:

1. 防SPAM插件
2. The Best jQuery Plugins of 2009
3. How to: Display any rss feed on your WordPress blog【Z】

顺便几个函数。某人写的：

用的是./wp-includes/pluggable.php’下的wp_hash_password函数，从registration.php到class-phpass.php到pluggable.php，有兴趣的同学自己看

< ?php
require_once(‘./wp-config.php’); //载入wp的函数库和基本配置
require_once(‘./wp-includes/pluggable.php’);
$password = “000123″;
$user = “tty1″;
$hash = wp_hash_password($password); //这个就是新版的加密函数了
$wpdb->query( “UPDATE wp_users SET user_pass = ‘$hash’ WHERE user_login = ‘$user’ “);
?>

<?php
/*********************************************
#@filename: change-wp-pass.php
#@version: $0.1$
#@date: 2008/06/19
#@author: U{ kldoo http://mifunny.info }
#@license: LGPL
#@see: 关于加密函数具体内容请看 http://www.openwall.com/phpass/
#@note: 修改 WordPress 2.5 版本的用户密码
*********************************************/
 $user = $_POST['user'];  //用户名
 $password = $_POST['password'];  //新密码
?>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.1//EN” “http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd“>
<html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”zh”>
<head profile=”http://gmpg.org/xfn/11“>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />
<title>修改WP密码 for wp2.5~~~</title>
</head>
<body>
<h2 align=”center” style=”font-size:25px; “> 修改WP2.5~~~密码 </h2>
 <br />
 
 <table align=”center” border=”0″ >
 <tbody><tr><td> 
 <form action=”change-wp-pass.php” method=”post” >
  <div><label for=”text”>输入需修改的用户登录名：</label>
  <?php
   if(empty($user)) {
    echo ‘<div><input type=”text” name=”user” size=”32″ maxlength=”36″ value=”your login name”/ >’;
   }
   else
    echo ‘<div><input type=”text” name=”user” size=”32″ maxlength=”36″ value=”‘.$user.’”/ >’;
  ?>
  </div>
  <div><label for=”text”>接下来是输入你的新密码：</label>
  </div>
  <?php
   if(empty($password)) {
    echo ‘<div><input type=”text” name=”password” size=”32″ maxlength=”36″ value=”your new password”/ >’;
   }
   else
    echo ‘<div><input type=”text” name=”password” size=”32″ maxlength=”36″ value=”‘.$password.’”/ >’;
  ?>
  <div> <input type=”submit” name=”submit” value=”修改密码” />
   <input type=”reset” name=”reset” value=”重置” />
  </div>
 </form>
 </td><tr></tbody>

 <tbody><tr><td>
 <?php  
   if( !empty($user) and !empty($password) ) {
    require_once(‘./wp-config.php’);
    require_once(‘./wp-includes/pluggable.php’);
    // 找到用户ID
    $id_results =  $wpdb->get_results(“SELECT ID FROM $wpdb->users WHERE user_login = ‘$user’ “);
     if ( $id_results )
      foreach ($id_results as $id_result) {
      $id = $id_result->ID;
      wp_set_password( $password , $id ); //修改密码
      echo “新密码修改成功了，这回可要记住哦^0^ “;
     } // END foreach
    else
     echo “没 “.$user.” 这么个用户！ 注意：是登录名。”;
   } // END if(!empty
 ?>
 </td><tr></tbody> 
 </table>

</body>
</html>

Related posts:

1. jquery学习笔记4
2. RSS Feed地址
3. create-an-options-page-for-your-WordPress-theme

http://www.douban.com/service/badgemaker

http://www.clicki.cn

http://data.xiami.com/widget

http://mediaplayer.yahoo.com/

http://wibiya.com/Login.php

cnzz,51啦，零点统计，naq专业博客统计

twitter，fackbook的就不说了

Related posts:

1. [转]博客底部工具栏 Wibiya 使用介绍

Installation

1. Unpack the download-package
2. Upload all files to the /wp-content/plugins/ directory, with folder
3. Activate the plugin through the ‘Plugins’ menu in WordPress
4. Edit content or template of your theme

Code:

<a href="http://wordpress.org/extend/plugins/change-font-size/javascript:fname('style','id');" >fontstyle</a>
<a href="http://wordpress.org/extend/plugins/change-font-size/javascript:fsize('size','unit','id');" >fontsize</a>

Example:

<a href="http://wordpress.org/extend/plugins/change-font-size/javascript:fname('serif','content');" >fontstyle serif on ID content</a>
<a href="http://wordpress.org/extend/plugins/change-font-size/javascript:fsize('1.2','em','content');" >fontsize 1.2em on ID content</a>

See on the official website.

Related posts:

1. 防SPAM插件
2. 7 Must Have WordPress Plugins For Every Blog
3. Google Font Directory-Google Font API

jGrowl is a jQuery 插件,工作在浏览器的右上角, 渐出渐入等,就像 the way that OS X’s Growl Framework works.

jGrowl 资源:

• Download jGrowl 1.2.4
• jGrowl’s jQuery Plugin Page
• Checkout the source code with Mercurial on BitBucket
• Updates on Development via Stan Lemon’s blog.
• Example Usage and Samples
• Explanation of jGrowl Options
• Version Change Log

Example Usage and Samples:

// Sample 1
$.jGrowl("Hello world!");
// Sample 2
$.jGrowl("Stick this!", { sticky: true });
// Sample 3
$.jGrowl("A message with a header", { header: 'Important' });
// Sample 4
$.jGrowl("A message that will live a little longer.", { life: 10000 });
// Sample 5
$.jGrowl("A message with a beforeOpen callback and a different opening animation.", {
    beforeClose: function(e,m) {
        alert('About to close this notification!');
    },
    animateOpen: {
        height: 'show'
    }
});

下面是我的：
<SCRIPT type=text/javascript src="/test/jquery-1.3.2.js"></SCRIPT>

<SCRIPT type=text/javascript src="/test/jquery.jgrowl.js"></SCRIPT>
<LINK rel=stylesheet type=text/css href="/test/jquery.jgrowl.css">
<SCRIPT type=text/javascript>
<!--
var id_info ="还没好好的感受,雪花绽放的气候,我们一起颤抖,会更明白什么是温柔,还没跟你牵着手,走过荒芜的沙丘,可能从此以后学会珍惜,天长和地久....";
PopupjGrowlBoxtime(id_info,16000);
-->
</SCRIPT>

Related posts:

1. Prototype And jquery
2. QuickBox
3. jquery学习笔记4

Get what version you like more :

• v 0.1.3 – No flash, followme message displayed sideways, using images to display the folowme message
• v 0.1.4 – Flash used only for the icon, text displayed vertically
• v 2.0.3 – The badge is completly in flash, text displayed sideways (some users reported problems in chrome browser)
• v2.0.4 – Same as 2.0.3 but with some minor bugs fixed.

Update v2.0.4 :

• 404 not found error for css file fixed
• minor bugs fixed

Update v2.0.3 :

• The badge is completly in flash.
• The text is displayed sideways.
• Added border color option.
• “I love it ” icon and question mark removed

Update v2.0 :

• Choose from 16 twitter icons or use your own.
• Edit the icon background color.
• Edit the “Follow Me” text.
• Change text color.
• Change font size.
• Change font family.

If you found a bug or if you have a twitter icon that you want to share with all other users of this plugin let me know on comments section.

Related posts:

1. Change Font/-size
2. jGrowl
3. Twitter开放API文档

SimpleViewer is a free, customizable Flash image gallery. It allows you to display your images on any web page in a professional, intuitive and simple way.

Controls

• Mouse: Click thumbnails or the main image to navigate.
• Keyboard: Use Cursor keys, Home, End, Page Up/Down to navigate. Press ‘F’ to toggle Fullscreen mode.
• Right-Click Menu: Open Image in New Window, Toggle Fullscreen Mode.

Examples:

• Modern – Full browser, loading images from XML.
• Compact – Loading from Flickr’s most interesting images.
• Classic – SimpleViewer classic style. Loading a Flickr photostream.

Download:

Download SimpleViewer to use on your site.
FREE download for Windows, Mac and Linux.

Related posts:

1. flash相册程序
2. QuickBox
3. 26JQUERY-SKILLS

It is also very very easy.

Double-click the file and the extract dialog will appear:

Click extract – and wait a few moments while it does it’s job.
You will then have the xampplite directory at root:

Click “setup_xampp.bat”

Once you have the success message, you can click “xampp-control.exe”

Now click both indicated buttons to get xampp working in the way we need

You’ll know it’s working when you see this

That is xampp completely sorted out for now.

define(‘DB_NAME’, ‘wordpress’); // The name of the database
define(‘DB_USER’, ‘root’); // Your MySQL username
define(‘DB_PASSWORD’, ”); // …and password
define(‘DB_HOST’, ‘localhost’); // 99% chance you won’t need to change this value

Copy those details into your wp-config file, and save it as wp-config.php

• You do not need to use the inbuilt editor to change any WP files. Just open them directly in your text editor, make your changes and then save. As there is no uploading to do, it makes things much much faster – and you can do this without an internet connection too.
• If you want to use permalinks, you will need to make a change inside another file:
  Click the Start button, followed by My Computer > Main drive > Xampplite > apache > Conf and find the file httpd.conf. Open that in a text editor. Use the search facility in the editor to find “rewrite”. The line you need looks like this:

  #LoadModule rewrite_module modules/mod_rewrite.so

  You need to take away the hash sign so it looks like this

  LoadModule rewrite_module modules/mod_rewrite.so

  Now just save the file.

Related posts:

1. xampp-mysql-1067
2. Silverlight Mime types in IIS6 and Apache
3. How to: Create and use WordPress page templates

In this article we will be incorporating an options panel for the ‘WordPress Classic’ theme. The methods you learn will allow you to very easily integrate it into an existing theme you’re working on.

Firstly, I’d like to give heaps of credit to this post at The Undersigned. A lot of the code used in this tutorial is from their post. I’m simply building on the foundation they provided – Thanks!

What we’ll be making is a section at the top of the ‘Classic’ WordPress theme to display a welcome message. This message will be customizable from an options page in the Dashboard:

Normally, the options page will look a mess and unstyled. However I’m sharing with you the code I use in my projects to give your page a very user-friendly look which also fits in well with the WordPress Dashboard.

The Back-End

Start of by opening the functions.php file in the /wp-content/themes/classic/ folder. The first two lines should be:

<?php if ( function_exists('register_sidebar') )

Above this, insert the following code to get started:

<?php
$themename = "WordPress Classic";
$shortname = "wpc";
$options = array (

You can set $themename and $shortname to whatever you like. The last line starts an array for all our options to go in.

array(    "name" => "Welcome Message",
        "type" => "title"),

array(    "type" => "open"),

array(    "name" => "Title",
        "desc" => "Enter a title to display for your welcome message.",
        "id" => $shortname."_welcome_title",
        "std" => "",
        "type" => "text"),

array(    "name" => "Message",
        "desc" => "Text to display as welcome message.",
        "id" => $shortname."_welcome_message",
        "type" => "textarea"),

array(  "name" => "Disable Welcome Message?",
        "desc" => "Check this box if you would like to DISABLE the welcome message.",
        "id" => $shortname."_welcome_disable",
        "type" => "checkbox",
        "std" => "false"),

array(    "type" => "close")

);

This is where we create the options to display. We are storing each option in an array so that we can insert them into a form later in the code. This saves on a lot of duplicated code. In each array, we use the following:

name – This is the title which will be displayed for this option.

desc - A description for the option.

id – This is very important. We will be using these to retrieve the option. $shortname gets replaced with whatever you set the shortname to (in our case wpc).

std – This is the ‘default’ setting for the option. For example on checkboxes we can use true or false to determine whether the box is pre-ticked or not.

type – This defines what type of option it is. For example, text, textarea, checkbox etc.

As you can see, we start with the title option. Then ‘open’ which is used for purely presentational purposes. It is used to simply open the table for our options (yeah, we’re using tables – so be sure to repent your sins!)

We next have a textbox for the title of our Welcome Message, followed by an textarea for the message itself. We then have a checkbox for disabling the welcome message, followed by ‘Close’ which simply closes any tags created by ‘open’.

And now for the rest of the code. Most of which is a bunch of WordPress functions to tell it this is an options page, so we wont go over most of it:

function mytheme_add_admin() {

    global $themename, $shortname, $options;

    if ( $_GET['page'] == basename(__FILE__) ) {

        if ( 'save' == $_REQUEST['action'] ) {

                foreach ($options as $value) {
                    update_option( $value['id'], $_REQUEST[ $value['id'] ] ); }

                foreach ($options as $value) {
                    if( isset( $_REQUEST[ $value['id'] ] ) ) { update_option( $value['id'], $_REQUEST[ $value['id'] ]  ); } else { delete_option( $value['id'] ); } }

                header("Location: themes.php?page=functions.php&saved=true");
                die;

        } else if( 'reset' == $_REQUEST['action'] ) {

            foreach ($options as $value) {
                delete_option( $value['id'] ); }

            header("Location: themes.php?page=functions.php&reset=true");
            die;

        }
    }

    add_theme_page($themename." Options", "".$themename." Options", 'edit_themes', basename(__FILE__), 'mytheme_admin');

}

function mytheme_admin() {

    global $themename, $shortname, $options;

    if ( $_REQUEST['saved'] ) echo '<div id="message"><p><strong>'.$themename.' settings saved.</strong></p></div>';
    if ( $_REQUEST['reset'] ) echo '<div id="message"><p><strong>'.$themename.' settings reset.</strong></p></div>';

?>
<div>
<h2><?php echo $themename; ?> settings</h2>

<form method="post">

<?php foreach ($options as $value) {

Next is the code which tells WordPress how to display the ‘type’ of option used (title, open, close, text, textarea, checkbox etc.)

switch ( $value['type'] ) {

case "open":
?>
<table width="100%" border="0" style="background-color:#eef5fb; padding:10px;">

<?php break;

case "close":
?>

</table><br />

<?php break;

case "title":
?>
<table width="100%" border="0" style="background-color:#dceefc; padding:5px 10px;"><tr>
    <td colspan="2"><h3 style="font-family:Georgia,'Times New Roman',Times,serif;"><?php echo $value['name']; ?></h3></td>
</tr>

<?php break;

case 'text':
?>

<tr>
    <td width="20%" rowspan="2" valign="middle"><strong><?php echo $value['name']; ?></strong></td>
    <td width="80%"><input style="width:400px;" name="<?php echo $value['id']; ?>" id="<?php echo $value['id']; ?>" type="<?php echo $value['type']; ?>" value="<?php if ( get_settings( $value['id'] ) != "") { echo get_settings( $value['id'] ); } else { echo $value['std']; } ?>" /></td>
</tr>

<tr>
    <td><small><?php echo $value['desc']; ?></small></td>
</tr><tr><td colspan="2" style="margin-bottom:5px;border-bottom:1px dotted #000000;">&nbsp;</td></tr><tr><td colspan="2">&nbsp;</td></tr>

<?php
break;

case 'textarea':
?>

<tr>
    <td width="20%" rowspan="2" valign="middle"><strong><?php echo $value['name']; ?></strong></td>
    <td width="80%"><textarea name="<?php echo $value['id']; ?>" style="width:400px; height:200px;" type="<?php echo $value['type']; ?>" cols="" rows=""><?php if ( get_settings( $value['id'] ) != "") { echo get_settings( $value['id'] ); } else { echo $value['std']; } ?></textarea></td>

</tr>

<tr>
    <td><small><?php echo $value['desc']; ?></small></td>
</tr><tr><td colspan="2" style="margin-bottom:5px;border-bottom:1px dotted #000000;">&nbsp;</td></tr><tr><td colspan="2">&nbsp;</td></tr>

<?php
break;

case 'select':
?>
<tr>
    <td width="20%" rowspan="2" valign="middle"><strong><?php echo $value['name']; ?></strong></td>
    <td width="80%"><select style="width:240px;" name="<?php echo $value['id']; ?>" id="<?php echo $value['id']; ?>"><?php foreach ($value['options'] as $option) { ?><option<?php if ( get_settings( $value['id'] ) == $option) { echo ' selected="selected"'; } elseif ($option == $value['std']) { echo ' selected="selected"'; } ?>><?php echo $option; ?></option><?php } ?></select></td>
</tr>

<tr>
    <td><small><?php echo $value['desc']; ?></small></td>
</tr><tr><td colspan="2" style="margin-bottom:5px;border-bottom:1px dotted #000000;">&nbsp;</td></tr><tr><td colspan="2">&nbsp;</td></tr>

<?php
break;

case "checkbox":
?>
    <tr>
    <td width="20%" rowspan="2" valign="middle"><strong><?php echo $value['name']; ?></strong></td>
        <td width="80%"><? if(get_settings($value['id'])){ $checked = "checked=\"checked\""; }else{ $checked = ""; } ?>
                <input type="checkbox" name="<?php echo $value['id']; ?>" id="<?php echo $value['id']; ?>" value="true" <?php echo $checked; ?> />
                </td>
    </tr>

    <tr>
        <td><small><?php echo $value['desc']; ?></small></td>
   </tr><tr><td colspan="2" style="margin-bottom:5px;border-bottom:1px dotted #000000;">&nbsp;</td></tr><tr><td colspan="2">&nbsp;</td></tr>

<?php         break;

}
}
?>

Basically, if the ‘type’ is text, we display a textbox with the title and desc tags next to it. The same goes for each of the others.

Note that we are using tables and inline-styling. Seriously, repent your sins

Next is the final piece of code for the options page. It displays ‘Submit’ and ‘Reset’ buttons. At the end is the final code to tell WordPress to add this as a page in the Admin Dashboard.

<p>
<input name="save" type="submit" value="Save changes" />
<input type="hidden" name="action" value="save" />
</p>
</form>
<form method="post">
<p>
<input name="reset" type="submit" value="Reset" />
<input type="hidden" name="action" value="reset" />
</p>
</form>

<?php
}

add_action('admin_menu', 'mytheme_add_admin'); ?>

So that’s the Options page done. Test it out by enabling the Classic theme if you haven’t already, and going to Design -> WordPress Classic Options.

Making Use of the Options

Now that we’ve made the options page, we need to make them do something. For this, open header.php.

What we’ll be doing is:

1. Retrieve the options.
2. Check if the disable box is checked. If it hasn’t, we…
3. Check if a title was provided. If it was, we display it.
4. Otherwise, we display a generic “Welcome!” title.
5. Check if a message was provided. If it was, we display it.
6. Otherwise, a generic message is used.
7. Finally, if the box was checked, we display nothing.

1. Retrieve Options

At the bottom of your header.php page, type the following

<?
global $options;
foreach ($options as $value) {
    if (get_settings( $value['id'] ) === FALSE) { $$value['id'] = $value['std']; } else { $$value['id'] = get_settings( $value['id'] ); }
}
?>

The above retrieves our options and places them in a variable for us to reference. The options are now avaliable as:

$wpc_welcome_disable

$wpc_welcome_title

$wpc_welcome_message

2. Check the ‘Disable’ box

<?
if ($wpc_welcome_disable == "false") { ?>

A checkbox will return “false” if unchecked, and “true” is checked. The next code we enter will only be processed if the checkbox is returning false.

3. Check a title was provided & display it

<?

if ($wpc_welcome_title) { ?>
<h4><? echo $wpc_welcome_title; ?></h4>

Here we check if there was something entered for the Title. Then display it (echo) inside H4 tags.

4. Otherwise, display a generic title

<? } else { ?>
<h4>Welcome!</h4>
<? } ?>

If there isn’t a title (else), we display a simple “Welcome” title.

5 & 6. Check a message was provided. Display it. Otherwise, generic.

<? if ($wpc_welcome_message) { ?>
<p><? echo $wpc_welcome_message; ?></p>
<? } else { ?>
<p>Hello and welcome to our site. We hope you enjoy your stay!</p>
<? } ?>

The above code uses the same methods as in the previous steps, but uses $wpc_welcome_message instead.

7. If the box was checked, display nothing

<? } else { ?>

    <!-- You could insert something here which will display when the box IS checked. -->

<? } ?>

If the box was checked, the above is processed – in our case, just a HTML comment. Ideally, you can just use the last line.

Summary

And there you have it! While the actual options we created are very simplistic, you can use the very same techniques to create a much more robust page.

For example, here is a part of the options page for my GamePress theme:

Thanks for reading this tutorial and I hope it was useful. Look out for more WordPress-related articles here each week!

/* Download Complete Source Files */

Related posts:

1. How to: Create and use WordPress page templates
2. 7 Must Have WordPress Plugins For Every Blog
3. jquery自学笔记1