Monthly Archives: November 2011

Lesson # 12 – Adding Images to Your Posts and Pages

By now you are probably curious about how to insert images, those on your computer and many more on the internet.   In this lesson we will concentrate on uploading images that you have in files in your computer, like the one I have shown on your left.    Like so much of WP, there is an abundance of ways to alter and shape whatever we do, but as usual we will focus upon figuring out something simple.

To begin, open up two more tabs and upload your blog site twice.  With one tab open up a New Post on your blog so you can work along with me.  With the other tab, open up your Support page, which you can reach by pressing Help under your name in the upper right hand corner of your blog site.   (By the way, when I’m working on this blog site, I keep three tabs open:  One for the front side, one for the back side and one for Support.   That, of course, allows me to sidle back and forth quickly.)

O. K.  So, now go to the Support tab and type in “insert images” in Search.   Images will be the first note shown to your left.  Click it and note that it mentions type of images you can upload to WP.  Not a big deal as the majority of images you probably have in your files are jpg.   Ignore the note below that unless you already know a lot about uploading images.  We’re keeping is simple…….

Jump down to Upload Image from Your Computer.  Read what it says and, then when you get to the point of being able to Select File, click that to upload an image from your computer files, like my niece Christie’s college graduation picture above (she’s now in the Peace Corp in Senegal).   Once you click Select you won’t see a change unless you scroll down a bit and, ah, there’s the image.  You’ll see some stuff to the right of the image and even more stuff listed below it.

For technophobes like myself, most of what you see is just stuff that will likely trip you up until you are ready to go beyond basics.   Switch tabs to the Support page and see the brief descriptions of the Images categories.  Are you there yet?   Scroll down to find these descriptions.   Now only pay attention to what is said about Alignment, Size and Edit Image.

Size:  There are more ways than one to adjust the size of your image (for example as shown in Edit Image located right below the image you uploaded), but you can also adjust your image in the simple, folksy  way of clicking on it and adjusting it by hand (write me if you need help).  It may not be precise, but I think it good enough for starters.

Alignment:   Following a number of words you’ll see a link to Image Alignment.   That support section should  help you to move the image around, while also wrapping the words around it, as I have done with the image above.  Or you can keep the image separate and move it to the center or to the right

to give it a  more prominent place.

Edit Image:  This is a “button” below the image you uploaded.  Click it and explore turning the image on its head, cropping it and whatever.  Or forget about it for now as I have.

Of course there is much more for you to explore in this section, but now at least you can upload some images from your computer and fit them into your posts.  AND TO YOUR PAGES, TOO, AS I HAVE BY INSERTING A PHOTO INTO THE DUNCES PAGE SHOWN ABOVE.

Lesson # 11 – Aspirin for Two Widget Headaches

If  you bring up your blog, and compare Blogrolls in yours and mine, you can see you have more categories.  I suggest you look at them and get ready to delete those you don’t want (you can always change back later).  How to delete them?   Well, one would think you would go to the Links (Blogroll) category that you dragged into the Primary Widget Area and delete what you don’t want…….but even though that would make sense, it doesn’t work that way.

Instead, you look at the laundry list of stuff beneath the Dashboard to your left and click that Links.  There you will see a list of URLs your blog is linked to, including all of those included in your Blogroll.  So, look for the ones you want to delete (categories, like Blogroll, are also shown which might help if your memory is bad like mine).  If you hover over the link name, you’ll see choices, and one of them is Delete.  Press that for each link you want to break and they will no longer appear in your Blogroll.

So, that’s one headache avoided, I hope.  Now you know a little about reconfiguring a category, what if you want to create a new category, like I have with:  Example Blogs? Well, essentially you want to create a new Widget, but the road to doing that lies through the same Links we went to for Blogroll deletions, not in the Widget area.

Hover over Links and then click Link Categories.  Once there, you’ll see:  Add New Link Category.  Below that type in the name of your category (Examples Blogs, or whatever) and click Add New Link Category.  You will see it pop up amidst the other categories.   And this is where it could get confusing, as you have not finished activating that Widget yet.  Note to the far right of it, no links are listed:   The category will not appear on the side bar on the front side UNTIL YOU CREATE A LINK TO SOMETHING.

Soooo……  Go back to Links, but this time click Add New, and you will see a box at the top to add the name of the Link, e. g. Kyle’s Blog, and a little below that a box to type in the URL.   There’s a whole lot of other stuff on that page, but you don’t need it right now, so just go to your right and click Add Link.  Now your category and link should appear on the front side.   To quickly view it, hover over the new category and click View and it takes you to the front side.  Part of the headache you just avoided was not realizing you needed to link your new category (e. g. Example Blogs) to an URL before anything would appear on the front side/side bar.

And now that you have created your own category, you could create more.  And now that you know how to delete parts of a given Widget, like Blogroll, you can delete parts of other widgets automatically constructed by the theme template.  Or you could delete any or all of the automatic widgets and activate or build others.

Lesson # 10 – An Introduction to Widgets

As always, please set up a tab for your blog.  After you have brought it up, move your cursor to the upper left corner and activate the drop down below the Dashboard .  If you look below it a bit, you’ll see a sub-category of Widgets (you could also scroll down the left adjacent “laundry list” to Appearance, but this is obviously easier)

On the Widgets page you will see two columns, the one on your left headed up with Available Widgets, the one on your right saying Primary Widget Area.  Think of the left side as the Widget supply room and the right side as possible destinations for activated Widgets.    Those listed there are the ones shown on your front page.   Soon you will be able to delete the ones you don’t want and add others.

On your left below Available Widgets is Inactive Widgets. That’s a separate storeroom which we’ll address later.  On the right side below Primary Widget Area is Secondary Widget Area and then four Footer Areas.  At some point the Primary Widget Area will fill up, so those are alternatives.

Rather than me explaining the differences, let’s launch a Widget and move it around.  On my blog you can see that I added a Blogroll, which you don’t have.   Let’s add that to your blog by doing the following:  Scroll down the Available Widgets until you reach Links.  Move your cursor there and click and drag Links to the Primary Widget Area and, if you move it up and down, you’ll see a box open under each category you hover over, spots where you can drop Widgets into.  It is simpler for you to play around with this than my explaining.

You can put Links at the bottom of that list, or squeeze it somewhere between the others.   You can than press a Save button or if you don’t want it saved, press Delete.  If you’ve saved it, move cursor up to the Blog Title above Widgets, click and see what it looks like on the side bar on the front side.

Then go back stage again and move it to one of those other Widget Areas and then go to the front side and take a look.  But wait….. With those other Widget areas you first need to click the arrow to the right to open up a drop space.  And Then…..go drag your Widget to it.   The Footer areas are, not surprisingly, at the foot of your blog.   They seem areas of last resort, where you put Widgets when the sidebar is filled up.

You might want to linger awhile in this area, moving a few Available Widgets to and fro to familiarize yourself.  Remember, whatever you add, you can later delete, so don’t worry about making a mess.

In conclusion, notice how my Blogroll lacks a few categories that automatically popped up when you installed it on your blog.   I didn’t find them useful, so I deleted them.  We’ll get to that in the next post.