Here are a few of the new features:

• WordPress 3.0 menu system
• WordPress 3.0 background editor
• Arturo Theme Engine v2.0
• Ajax save function
• Cleaner code

The new background editor in WordPress 3.0

Activating the background editor only requires that you add one line of code to your theme’s functions.php file.

if(function_exists('add_custom_background')) add_custom_background();

This will add the “Background” link to your Appearance panel in the wp-admin. Placing it inside the function_exists() function makes it backwards compatible in case someone uses your theme with WordPress 2.9.

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

According to the website, WYSIWYM means What You See Is What You Mean.

“WMD produces clean semantic HTML, leaving presentation details like fonts and colors up to style sheets. But you’re not left in the dark about cosmetics; as you type, WMD’s live preview shows you exactly what your text will look like after the current styles have been applied.”

So far, I like the way it works, and the live preview it great.

NOTE: I no longer use this comment editor plugin.

You use it to place a break in your post, so that only everything above will be displayed on the page where you placed <?php the_content('(more')); ?>.

If you accidentally place a more tag before some of your other tags are closed though, you can really mess things up.

What do I mean exactly?

If you wanted everything to be bolded or italicized, the opening tags would be at the beginning of you post and the closing tags would be at the end. But your more tag in the middle cuts your post down and the other tags never get closed. So on your front page, you have some opening tags but no closing tags. Hence everything be bolded or italicized.

The only solution I have been able to find is to use this pieces of code instead of the usual <?php the_content('(more')); ?>.

<?php
$remove = array("<em>","</em>","<strong>","</strong>");
echo "<p>".str_replace($remove, "", get_the_content('(more)'))."</p>";
?>

If you use the Visual editor they should look something like this.

If you have a function that you use often it is very simple to add it to the Quicktag bar. For this example, I am going to add a button that creates a span tag and asks for a class to the HTML editor Quicktag bar.

The file we need to work with is under wp-includes/js/quicktags.js.

First we need to create the button, so go to around line 36 and enter the following.

36
37
38
39
40
41
42

edButtons[edButtons.length] =
new edButton('ed_class'
,'span'
,''
,'</span>'
,'p'
); // special case

Then we need to add the part that actually makes it call the function that asks the user to enter a class name. Find this part around line 166.

166
167
168
169
170
171
172
173
174
175
176

function edShowButton(button, i) {
if (button.id == 'ed_img') {
document.write('<input type="button" id="' + button.id + '" accesskey="' + button.access + '" class="ed_button" onclick="edInsertImage(edCanvas);" value="' + button.display + '" />');
}
else if (button.id == 'ed_link') {
document.write('<input type="button" id="' + button.id + '" accesskey="' + button.access + '" class="ed_button" onclick="edInsertLink(edCanvas, ' + i + ');" value="' + button.display + '" />');
}
else {
document.write('<input type="button" id="' + button.id + '" accesskey="' + button.access + '" class="ed_button" onclick="edInsertTag(edCanvas, ' + i + ');" value="' + button.display + '"  />');
}
}

And make it this.

166
167
168
169
170
171
172
173
174
175
176
177
178
179

function edShowButton(button, i) {
if (button.id == 'ed_img') {
document.write('<input type="button" id="' + button.id + '" accesskey="' + button.access + '" class="ed_button" onclick="edInsertImage(edCanvas);" value="' + button.display + '" />');
}
else if (button.id == 'ed_link') {
document.write('<input type="button" id="' + button.id + '" accesskey="' + button.access + '" class="ed_button" onclick="edInsertLink(edCanvas, ' + i + ');" value="' + button.display + '" />');
}
else if (button.id == 'ed_class') {
document.write('<input type="button" id="' + button.id + '" accesskey="' + button.access + '" class="ed_button" onclick="edInsertClass(edCanvas, ' + i + ');" value="' + button.display + '" />');
}
else {
document.write('<input type="button" id="' + button.id + '" accesskey="' + button.access + '" class="ed_button" onclick="edInsertTag(edCanvas, ' + i + ');" value="' + button.display + '"  />');
}
}

And it needs one last part, the actual function, to work properly, so go to the end of the file and add this.

403
404
405
406
407
408
409
410
411
412
413
414
415

function edInsertClass(myField, i, defaultValue) {
if (!defaultValue) {
defaultValue = '';
}
if (!edCheckOpenTags(i)) {
var CLASS = prompt('Enter the Image location' ,defaultValue);
if (CLASS) {
edButtons[i].tagStart = '<span class="' + CLASS + '">'; edInsertTag(myField, i);
}
}
else {
edInsertTag(myField, i);v }
}

When it comes down to it, this might actually be a little bit more complicated of a Quicktag to create but there you go.