-
▼
2011
(334)
-
▼
November
(28)
- How to Upload a Wordpress in Webmin
- How to Get Into Admin on WordPress 2.9.2
- How to Change the Order of Your WordPress Posts
- How to Edit Columns in WordPress
- How to Write CSS for a Thumbnail Image in WordPress
- How to Add a Date Stamp in WordPress
- How to Get Rid of an Author Profile on a WordPress...
- How to Insert a Custom Header Into Wordpress
- How to Auto Export My WordPress Blog to the Wall o...
- How to Replace a WordPress Feed With FeedBurner
- How to Edit the Search Bar in WordPress
- How to Rename a Website With WordPress
- How to Use a Category Template in WordPress
- How to Hide Comments in WordPress
- How to Create a WordPress Splash Page
- How to Call a Footer in WordPress
- How to Block Spiders on the WordPress Install
- How to Insert a Space into a WordPress Post
- How to Import a WordPress Blog into Facebook
- How to Link to NextGen in Wordpress
- How to Get Logged into WordPress Email
- How to Use a Thematic WordPress
- How to Change the Domain Name in WordPress
- How to Make Changes in cPanel for My WordPress Blog
- How to Use WordPress With Go Daddy
- How to Remove an Image From a WordPress Photo Gallery
- How to Replace WordPress Header Images
- How to Import WordPress XML Duplicates
-
▼
November
(28)
adsense
How to Edit Columns in WordPress
Adding and Moving Widgets Around
1. Log into your Wordpress account by using your username and password. This will take you to your dashboard.
2. Click on the 'Appearance' tab in your dashboard menu to the left. Once the options drop down, click 'Widgets.' The widgets page will show you plug-ins you have installed, as well as one window for each sidebar where these widgets may be added.
3. Drag the widgets you'd like to use in your sidebars. You can rearrange them by moving them from one sidebar to the other, dragging them above another widget or removing a widget completely. Make any changes you'd like and save once you're finished.
Changing the Look and Feel of Your Sidebars
4. Log in to your Wordpress account. Before making any changes, back up your files. One misplaced string of code, and your blog will be unreadable. In the dashboard menu to the left, click on the 'Appearance' tab and then 'Editor' options. For this tutorial, we'll be focusing on your Style sheet, the file that basically tells your site how to look.
5. Click the file titled 'stylesheet.css' from the menu to your right if it isn't selected already. You should notice headers explaining what each string of code is for. The actual wording will depend on who the Wordpress theme was made by. Some themes leave direct instructions, while others leave you in the dark.
6. Press 'Ctrl' and the letter 'F' on your keyboard. Type in the word 'Sidebar' and then click the 'Next' button. This will highlight the word 'Sidebar' for you, so you don't have to skim lines of code.
7. Scroll below the 'Sidebars' heading, where you should see words mixed with code. These bits of code tell your website how it should look, from the font type, color and even your sidebar's background color.What these codes mean:Font-size: how big the font on your page is.Text-Decoration: how the font should look. You can type in 'underline,' 'Bold,' or 'Italic' to change the font's appearance.Color: #(six digit number): This tells your theme what color your font should be. The six-digit number is known as a Hex code. You can change the color by using sites such as Colorcombos.com (see Resources) to pick out colors, and then typing in the six-digit code into your style sheet.Background-color: #(six digit number): This will change the background color of your sidebars. So if your main content area where your post appears is white, you can make the sidebars stand out by making their background blue, purple, pink or whatever color you like.
8. Refresh your site each time you make a change to the style sheet. If anything looks out of place, check the code again. Save, once you're happy with how it looks, and back up your new files.
8:22 AM | Filed Under | 0 Comments
Comments
Popular Posts
-
1. Log in to your Weebly account. 2. Click 'Theme Editor.' 3. Click on the 'Design' tab. 4. Select 'Edit CSS/HTM...
-
1. Sign up for a publisher account at Bidvertiser. Submit basic contact information and confirm your email address to get started. 2. Lo...
-
1. Log in to your WordPress dashboard. 2. Open the 'Appearance' section on the left side of the WordPress dashboard and then cli...
-
Facebook Widget 1. Create a Facebook fan page for your blog, if you don't already have one. You will have to manually share content wi...
-
1. Open your WordPress Dashboard in your preferred browser. It is accessed at the '/wp-admin' location of your site. For example, ...
-
1. Download and install the WordPress for BlackBerry app via BlackBerry App World. Download the version that corresponds with your BlackBe...
-
1. Go to your WordPress blog's administrative control panel. 2. Click the 'Settings' button on the left-side navigation menu...
-
1. Click the 'Add Contact' button on the 'Add New Post' page. This opens the 'Add a Contact Form' page. 2. Click...
-
1. Register an account with Amazon Web Services Cloud. If you have an existing Amazon account, enter your email address in the appropriate...
-
1. Log into your WordPress.com account using your user name and password. 2. Hover your cursor over the 'My Blogs' tab at the to...
Post a Comment