How to Show Breadcrumbs in a WordPress Blog

Yoast Breadcrumbs
1. Log in to your WordPress administration panel and expand 'Plugins' on the sidebar. Click on 'Add New.'
2. Search for 'Yoast Breadcrumbs.' Click on 'Install Now' next to the plugin, and then click 'Activate Plugin.'

3. Click on 'Breadcrumbs' beneath the 'Settings' header. Choose how you want the breadcrumbs to appear. For example, you can choose whether to show the page title in bold. You can also choose whether to display the category.
4. Click on 'Try to Add Automatically,' and then click 'Save.' The breadcrumbs are added automatically if you are using a theme framework like Thesis, Thematic or Hybrid. Otherwise, you'll have to manually add the breadcrumb code to the template.
5. Open the 'Editor' menu under appearance, and then open the 'Single Post' template. Paste this breadcrumb code where you want the breadcrumbs to appear:
','
');} ?>
WordPress Breadcrumbs
6. Sign in to WordPress. Click on 'Plugins' > 'Add New.' Search for 'WordPress Breadcrumbs.'
7. Click on 'Install' > 'Activate.'
8. Click on 'Editor' under 'Appearance.' Open the 'Single.php' file. Paste this snippet where you want the post breadcrumbs to appear:

9. Click on 'Update File.'
Breadcrumb NavXT
10. Sign in to WordPress. Click on 'Add New' beneath 'Plugins.' Search for 'Breadcrumb NavXT.' Click on 'Install Now.'
11. Click on 'Activate' to activate the plugin.
12. Click on 'Editor' under the 'Appearance' tab, and then open 'Single.php.'
13. Paste this code in the template where you want the site breadcrumbs to appear:

How to Create a Line Separator in WordPress

1. Open the 'Posts' section of the WordPress dashboard, and click 'Add New' to begin creating a new post. If you would like to add a line separator to an existing post, open the 'Posts' section and click the 'Edit' link under the post that you want to modify.
2. Click the 'HTML' tab at the top of the WordPress post editor.

3. Click to place the cursor in the section of the post where you want the line separator to appear. The cursor should be at the beginning of a blank line.
4. Type
in the blank line. Note that there is a space between the 'hr' and the forward slash.
5. Click the 'Update' or 'Publish' button in the upper right corner of the post editor.

How to Add Line Spaces in WordPress

1. Login as administrator to your WordPress website (or blog). Select the WordPress Admin link (or equivalent) at the bottom of your website and enter your administrator user name and password.
2. Select the page or post that you want to add a line break to. Using the WordPress Dashboard, navigate to the page or post you wish to edit.

3. Switch to HTML mode. Select the HTML tab on the upper right side of the text editing area. This will display the HTML code for the page.
4. Add a line space. Move the cursor to the location where you want a line space. Insert the following HTML code:

. This code will add an empty paragraph that will serve as a line break. WordPress will not remove this code because it won't appear as a blank line or as the HTML code. The '' portion of the code is a code for a non-breaking space (basically a regular space).
5. Preview the change using the Preview Changes button. Make sure the line space is being displayed at the desired position. Make any necessary changes.
6. Update the page. Once everything looks correct in your preview, update the page.

How to Import WordPress Users Into Joomla!

Install the Component
1. Log in to the Joomla! administration page and enter your username and password. Click on the 'Login' button.
2. Click on the 'Extensions' tab and select the 'Install/Uninstall' option.

3. Locate the 'Install From URL' heading and type 'http://joomlacode.org/gf/download/frsrelease/15558/67483/userport_r151_v2.1.zip' into the text box. Click on the 'Install' button. An 'Install Component Success' message will appear.
Use the Component
4. Click on the 'Components' tab and select 'userport' from the menu.
5. Click on the 'Change' link at the top right.
6. Select the option labeled 'Use the Contents of This File' and click on the 'Choose File' button.
7. Locate and select your WordPress user CSV file and click the 'Open' button.
8. Click on the 'Show Edit Window' link to the right. A message stating that the contents of the file were retrieved will appear on the screen.
9. Delete any unused header fields in the 'CSV Text' text box and click on the 'Update' link at the top of the screen.
10. Enter your email template in the text box using the tags provided by Joomla! to notify your users of the change, and click on the 'Update' button.

How to Insert Shortcode Into a WordPress Page

1. Create a new WordPress page by opening the 'Pages' menu on the left side of the dashboard and selecting 'Add New.' Alternatively, click 'Pages' to view a list of existing pages, then click 'Edit' under the page that you want to insert. You can also add a shortcode to a post by using the 'Posts' section rather than the 'Pages' section.
2. Click the 'HTML' tab at the top of the page editing screen to view the HTML code for the page. Move the cursor to the location where you could like WordPress to trigger the shortcode.

3. Type the desired shortcode between a pair of brackets. For example, to use the built-in gallery shortcode, type '[gallery].'
4. Click the 'Publish' or 'Update' button at the top of the screen.

How to Move Wordpress to Root

Update WordPress URLs
1. Log into your WordPress Dashboard.
2. Navigate to Administration -> Settings -> General.

3. Change the WordPress address (URL) to the new web address of your blog. Since you are moving your blog to the root directory, this will probably be something like http://www.
.com.
4. Change the Site address (URL) to match the WordPress address (URL) you just updated.
5. Save changes.
Move WordPress files to root
6. Backup all files in the root directory and the existing WordPress directory, including all of its files and subdirectories.
7. Make sure the root directory is ready for the WordPress files that will be moved into it. Any .htaccess, index.php or other files with names used by WordPress files will be overwritten. If there are subdirectories that have the same name as subdirectories in the WordPress directory, they will filled with WordPress files during the move.
8. Move all files and subdirectories in your WordPress directory into the root directory.
9. Check the permissions of the files you moved to the root directory. If any have permissions of 0000, change them back to 0644.
Configure WordPress
10. Update the WordPress permalinks found under Settings -> Permalinks to reflect any permalink changes. WordPress will attempt to update .htaccess automatically, but will prompt you to do it manually if it cannot do so.
11. Make sure the uploads folder is set to use the new directory structure. This setting can be found under Settings -> Media -> 'Store uploads in this folder.'
12. Update all menus you are using to use the new URL path if they point to the old directory. These can be found under Appearance -> Menus.
13. Update all previous posts that contain images with the new location of your images. WordPress currently does not have a quick and easy way to do this and attempting to automate the process can be a complicated task that is beyond the scope of this article. See the 'Resources' section of this article for possible solutions.
14. Update the File URL of all media content to use the new URL structure. This can be found under Media -> Library. As with images in posts, WordPress does not offer a way to automate this, so you'll need to manually change the URLs and test them to make sure they work as expected.

How to Change the Default Homepage in WordPress

Changing The Header
1. Modify the default header by logging into the administrative end of your WordPress installation and clicking on the Appearance, then Custom Header link, located on the left side navigation.
2. Modify the blog title font color used by clicking on the font color button located under the header and select a different color. Note that the tag line below the title does not change but instead remains white.

3. Experiment with the upper and lower color buttons located under the header to exploit the gradient feature. Note the Revert button, which allows you to return to the default settings of the header.
4. Test the advanced button where you have the ability to enter in specific hexadecimal color values for each header characteristic mentioned. Click the Update Header button when you are satisfied with your changes.
Replacing the Background Image of the Header
5. To replace the background image of the header, download the default background image (Kubrickheader.jpg) from the images folder (Yoursiteroot\\wp-content\\themes\\default\\images) to your desktop.
6. Open the Kubrickheader.jpg image in your favorite graphic software and experiment by laying additional layers over the blue background to create something unique. When satisfied with the new image, save it as Newheader.jpg and upload the image back into the images folder as described in Step 1.
7. Return to the administrative page and click on the Appearance, then Editor link, located on the left side navigation. Locate and open Style.css file from the list of pages on the right side of your browser window.
8. Locate the header style \'#header\' and change only the image path from (Images/Kubrickheader.jpg) to (Images/Newheader.jpg), so it points to your new image. Reload your homepage to see your new background image.
Changing the Footer
9. Navigate to the Appearance, then Editor link, and open the footer.php page located on the right side of your web browser.
10. Locate the following text:
- - - - -

is proudly powered by

WordPress

11. Edit the text to suit your needs. Typically users like to include a copyright symbol and the date, and remove the \'Powered by WordPress link.\' To do this you need to change the text mentioned in Step 2 to the following and click update file.
- - - - -

Copyright © 2010
Changing the Navigation Position
12. Navigate to the Appearance, then Editor link, and open the Style.css page located on the right side of your web browser. Locate the following:
- - - - -
.narrowcolumn {
float: left
GO
padding: 0 0 20px 45px
GO
margin: 0px 0 0
GO
width: 450px
GO
}
13. Replace the narrowcolumn style in Step 1 with the code below. Note that we are only changing the float and padding settings to the opposite of the default settings.
- - - - -
.narrowcolumn {
float: right
GO
padding: 0 45px 20px 0px
GO
margin: 0px 0 0
GO
width: 450px
GO
}
14. Also in the Style.css file find the following:
- - - - -
#sidebar
{
padding: 20px 0 10px 0
GO
margin-left: 545px
GO
width: 190px
GO
}
15. Replace the sidebar style in Step 3 with the code below. Note that we are only changing the margin-left setting which is basically bringing the sidebar containing the navigation left.
- - - - -
#sidebar
{
padding: 20px 0 10px 0
GO
margin-left: 20px
GO
width: 190px
GO
}
16. Click the Update File button and check your work by reloading the front end of your website.