WordPress: v2.9.1
bbPress: v1.0.2

First thing I had to do was migrate over the users. My Support Forum has over 1200 users and in order to make sure that the threads on the forum didn’t get all messed up, I needed to ensure that the user ID numbers matched the bbPress database when I moved them over. I accessed the database through PHPMyAdmin and exported the bb_users database as a CSV For Excel file. If you changed your bbPress database prefix then your user database will have a different prefix instead of the bb.

More than likely, the first user in your bbPress database will be your admin, and the ID should be 1. Same thing goes for your WordPress database. I just deleted the first user from my CSV file so that I could use my WP admin user for both.

With the CSV file ready, I had to create a script that would take the users and their info and insert them into the WordPress user database. It took a bit of trial and error but in the end I prevailed. Upload the CSV file to your theme directory. In the code below I use a CSV file named users.csv.

NOTE: Your server probably has a timeout set for processing so you might have to break your CSV file in to many smaller files. My server cut out at around user number 400 so I suggest creating CSV files with only about 300 users in them.

ALSO NOTE: If you have more than one user in your WordPress install this will probably not work for you. It works best on fresh installs of WP or installs with only one main user.

The following code will copy over your users into the WordPress database and it will also give them a role of subscriber. Please backup your database before attempting any of this.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

global $wpdb;
require ( ABSPATH . WPINC . '/registration.php' );
 
$file_handle = fopen(TEMPLATEPATH . "/users.csv", "r");
while (!feof($file_handle) ) {
  $field = fgetcsv($file_handle, 1024);
  $ID = $field[0];
  $user_login = $field[1];
  $user_pass = $field[2];
  $user_nicename = $field[3];
  $user_email = $field[4];
  $user_URL = $field[5];
  $user_registered =  date("Y-m-d H:i:s", strtotime($field[6]));
  $user_status = $field[7];
  $display_name = $field[8];	
 
  $adduser = "
  INSERT INTO $wpdb->users 
    (ID, user_login, user_pass, user_nicename, user_email, user_URL, user_registered, user_status, display_name) 
  VALUES 
    ('$ID', '$user_login', '$user_pass', '$user_nicename', '$user_email', '$user_URL', '$user_registered', '$user_status', '$display_name') 
  ";
  $results = $wpdb->query( $adduser );
 
  $data = array(
    "ID" => $ID,
    "role" => 'subscriber'
  );
 
  wp_update_user($data);
}
fclose($file_handle);

Add the above code to your functions.php file. Reload your page and it will execute. I know that is a little sloppy but what can you do? If you have multiple CSV files, just go back into the code and change the filename in line 4 to the next file’s name. Repeat until all your users have been uploaded.

To make sure it worked take a look at your Users page in the WordPress admin. If you see your users listed then it worked. Now on to step number 2, integrating the two to work in unison.

Here are the latest video demos:

• Setting Up the Custom CSS Editor
• Adding a Logo to the Header
• How to add Categories, Pages and Links to the Nav Menu

First, you need to download some @font-face kits. I like to use kits supplied by Font Squirrel because they have an awesome library and all their fonts are 100% free for commercial use. For this example I’m going to use Riesling.

Once you have the files downloaded you need to add them to your Web site. Create a folder named “fonts” and place the riesling.eot and riesling.ttf files into the folder. Upload that to your site, in to the same directory as your style sheet.

Now open your style sheet and add the following:

/*
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * @vendor:     Bright Ideas
 * @licenseurl: http://www.fontsquirrel.com/license/Riesling
 *
 *
 */
 
@font-face {
	font-family: 'RieslingRegular';
	src: url('fonts/riesling.eot');
	src: local('Riesling Regular'), local('Riesling'), url('fonts/riesling.ttf') format('truetype');
}

Everything is in place for you to use Riesling as a font on your Web site. Just add it to your CSS like you would any other font-family:

h1 {
  font-family: 'RieslingRegular', Arial, sans-serif;
}

The one thing you need to realize when using @font-face kits is that only modern browsers recognize it.

This is a sample paragraph that uses @font-face kits and CSS. If you see this paragraph in Riesling then your browser supports @font-face. If not, you might need to upgrade your browser to take advantage of @font-face kits.

<?php 
  // basic setting
  // setcookie(name, value, expire, path, domain); 
  $expire = time() + 60 * 60 * 24 * 30; // expires in one month
  setcookie('visited','yes',$expire);
?>

The above cookie records that someone has already visited the site. It will expire in one month and the path and domain are set automatically if left blank. If you do not include an expiration time, the cookie will only be stored for the current session.

NOTE: Cookies must always be set before anything else, so be sure to place it above the <html> tag at the top of your file.

Here is how you would retrieve a cookie:

<?php 
  // display one cookie with the name "visited"
  $the_cookie = $_COOKIE['visited'];
 
  // see all cookies
  print_r($_COOKIE); 
?>

To delete a cookie we need to take advantage of the expire variable:

<?php 
  // set the cookie to expire one hour in the past
  $expire = time() - 3600;
  setcookie('visited', '', $expire);
?>

Resource: PHP: setcookie – Manual

Here is a quick list of features that I have already added:

• widgetized footer bar
• custom footer text
• optional “Powered by WordPress” link
• checkboxes for cats and pages to include in nav menu
• optional secondary nav menu
• optional search bar or home link in main nav menu
• 4 front page section with selectable category feed
• variable site and sidebar width
• featured slideshow with selectable category feed
• optional images for each front page section
• font selection
• color selection
• sidebar ads widget
• sidebar tabs widget (recent comments, popular posts and subscribe)
• simple mailing list/subscribe to our mailing list function
• custom CSS editor
• full width page template (no sidebars)
• new single page options panel with Ajax save function (no more page reloading to save)
• drop-down login panel

Those are all of the features I can think of right now.

Here is a sneak peak of the new options panel:

Here is sample of the new design layout:

It still has a little ways to go so don’t be too judgmental.

WINNER #1: Matt – a more elaborate author page
WINNER #2: tinym – presets and @font-face kits
WINNER #3: Marcus – more control of the Read More link
WINNER #4: Boris – choose the post’s thumbnail image
WINNER #5: Scott – easily add links to the nav and sub-nav menus

(function($) {
  // our plugin goes here
})(jQuery);

Next we need to let jQuery know we are creating a new plugin by using $.fn. Let’s call our function increaseFontsize and give it a few variable, such as size, speed, easing and callback, so it works just like other jQuery functions.

(function($) {
  $.fn.increaseFontsize = function(size, speed, easing, callback) {
    // the guts of our plugin goes here
  };
})(jQuery);

Once you have done that, you can create the code that will make our plugin do what we want it to, which is increase the font size of a selected div.

The final plugin code looks like this:

(function($) {
  $.fn.increaseFontsize = function(size, speed, easing, callback) {
    return this.animate({fontSize: size}, speed, easing, callback);
  };
})(jQuery);

Now we can use our plugin just like any other jQuery function.

jQuery(function() {
  jQuery('a.increase').click(function() {
    jQuery('div.paragraph').increaseFontsize(16, 'fast');	
  });
});

Try it out below to see it work.

Increase Font Size  |  Decrease Font Size

<?php get_term_by( $field, $value, $taxonomy, $output, $filter ) ?>

$field: (string) (required) Either ’slug’, ‘name’, or ‘id’. Default: None
$value: (string|integer) (required) Search for this term value. Default: None
$taxonomy: (string) (required) Taxonomy Name. Default: None
$output: (string) (optional) Constant OBJECT, ARRAY_A, or ARRAY_N. Default: OBJECT
$filter: (string) (optional) default is raw or no WordPress defined filter will applied. Default: ‘raw’

We are going to use it like this to get the ID with the category slug ‘tutorials’:

<?php 
$theCatId = get_term_by( 'slug', 'tutorials', 'category' );
$theCatId = $theCatId->term_id;
?>

If you insert a print_r() function you can echo out all the information that the get_term_by() function contains. Use something like this and see if there is other information that you might want to extract:

<?php 
$theCatId = get_term_by( 'slug', 'tutorials', 'category' );
print_r($theCatId);
?>

Then all you would have to do is use whichever term your see between those square brackets like so:

<?php 
$theCatId = get_term_by( 'slug', 'tutorials', 'category' );
$theCatId = $theCatId->description;
?>

Here is a clever and safe way to display your email address using CSS redirection.

First we need to create a style in your header or in your stylesheet:

<style type="text/css">
span.redirect { 
unicode-bidi:bidi-override; 
direction: rtl; 
}
</style>

Now all you need to do is write your email address backwards and use the style like this:

<span class="redirect">moc.liamg@emanruoy</span>