• Technology
  • Sales and Marketing
  • Blogging
  • Site Maintenance
  • Making Money

WebStyle

Helpful tips, latest gadgets and News

  • Home
  • Blog
  • Archive
  • Links
  • Guest Blogger
  • About
  • Contact


You are here: Home / Archives for Wordpress

Put an Image in a WordPress post

by Tricia

I’ve been hanging out on some blogging related forums and one of the questions that often comes up is how to add an image into a post. There are actually several ways to do this, and once you’ve done it a few times you’ll find that it’s very easy.

I’m writing these instructions out for the WordPress blogging platform, but some of the techniques that I’ll discuss will likely apply quite easily to other blogging platforms.

How to add images to your blog post:

Method one – using image links:

If you have images uploaded onto a free photo hosting site such as Flickr or Photobucket you can easily add the image link to your post. Simply copy the image link from the photo hosting site and use the image button in the top of your post writing area to paste the link into the box that pops up after you’ve clicked the image button.

Just be sure that your cursor is in the area that you’d like the image to be placed when you click on the image button. Otherwise you’ll have to cut and paste the image code into the correct area.

Method two – uploading and image:

If you’ve taken photos with a digital camera or saved photos to your computer it’s pretty easy to upload them into your WordPress post. All you need to do is use the upload section that is directly below your post writing area in WordPress.

One thing to keep in mind before uploading photo files to your server and then into your post is the size of the file. If you are posting in Rich text format you can easily adjust the height and width of any image, but you can’t adjust the kilobytes. You should make sure that the file is preferably less than 20 kb in size before you upload it into a post otherwise it will dramatically slow the loading time of your post.

If you have photo editing software use it to edit the post for the web by making it a compressed jpeg or gif image – try to maintain the quality of the photo while you reduce the size in regard to kilobytes.

Now, when you are in writing mode in WordPress take a look just below the post content box. You’ll see an area called “Upload”. If the upload area isn’t open click on the + sign to open it.

You’ll see an area that says “File” within the Upload box. Select browse and find the image that you’d like to add to your post. You may chose to also file in the title and description information for the image file at this time as well.

Once you’ve selected the image file on your computer, click on the word upload in the bottom right of the Upload area.

After a moment the file will be uploaded and you’ll see a small thumbnail of the photo.

In WordPress 2.0 you must click on the picture to choose between adding the thumbnail of the image or the full size image to your post. Once you’ve selected which image size you’d like to use, place your cursor in the area of the post that you’d like the image to be placed, and then go back to the image and click on the words “Send Image to Editor”.

In WordPress 2.1 you’ll see several selections beside the thumbnail of the image. You can use the full size or thumbnail of the image, and you can also choose to link to the image file or not.

Since I often edit my images ahead of time to make sure they are of an appropriate size for the post I usually choose full size and none before selecting “Send to Editor”. If you’d like to use a thumbnail of your image in the post you might choose to link to the image so that your visitors can click on the link and see a larger image on a separate page.

Once you are done selecting the image size and any thing else that you’d like to choose for your image click on “Send to Editor”. Just be sure that your cursor placed in the area of the post that you’d like the image to be placed. Otherwise you’ll have to cut and paste to get the image in the right area.

Then TA DA you have a photo inserted into your post.

So how is that? Clear as mud or do you have a better understanding of how to place an image in your post now?

Don’t forget to read my article on how to center or align your image to the right or left of post text.




Filed Under: How To, Site Maintenance, Wordpress Tagged With: add images, Blogging, camera, content, forum, image, instructions, links, media, photo host, photo storage, photos, posts, upload image, upload image into post, upload pictures, Wordpress

Adding a blogroll to WordPress on own domain

by Tricia

These instructions are for adding a blogroll to WordPress on your own domain. At this time we haven’t figured out how to add a blogroll to a wordpress.com blog, but it’s fairly easy to add one to WordPress that is hosted on your own domain.

To put the blogroll code on a single page:

Go to the USER section on your DASHBOARD, and scroll down the user page until you find an area called PERSONAL OPTIONS – this will be in the lower left. Un-check the box beside “Use the visual rich editor when writing” and save options. You will now be writing your page in plain text.

Go back to the writing section and select WRITE NEW PAGE.

Give your page a title and perhaps use an image that might be supplied with the blogroll code that you are about to add to your site. Adding an image will create a nice looking header above the list on your new blogroll page. You can also link the image that you use to the home url of the blogroll that you are adding.

Paste the blogroll code into the page. The blogroll code will not work if you are writing in Rich Text so please be sure that you have done the very first instruction that I listed and switched to plain text mode.

Save your page and check to make sure it’s working.

You could also put the code in your sidebar:

Go into your WP admin section and select PRESENTATION, then select theme editor and select the correct theme.

Once you have opened the theme that you are using, you’ll find that the theme is open to the CSS Stylesheet file but all the other files that belong to the theme will be listed on the right.

You want to select your SIDEBAR page.

Find an appropriate place in your sidebar for the blogroll code. You can put an image header above the blogroll if you like and then past the blogroll code into your sidebar. You may have to enclose the blogroll code with list tags < li > < / li > or < div > < / div > (no spaces between selected li or div codes, blogroll code should go in the middle of either of these codes. )

If you’ve posted the code in correctly you should have a new blogroll in your sidebar. If by chance the blogroll isn’t working go back and make sure that there are no spaces in the code. Usually the only space in the code is right after SRC.

I hope that you’ve found this information helpful.

Filed Under: Blogroll, How To, Site Promotion, Wordpress Tagged With: Add blogroll to Wordpress, admin area, Blogroll, blogroll code, dashboard, div tags, How To, instructions, new page, page title, personal options, side bar, single page, user section, Wordpress, wordpress on own domain

  • « Previous Page
  • 1
  • …
  • 5
  • 6
  • 7

The 411 on me

Tricia P

Nurse and Blogger, Photographer and secret TV addict. Chocoholic, dog lover and gardener ... More about me.

  • Facebook
  • Instagram
  • Twitter


Categories

Sites to Visit


Eavestrough Cleaning Toronto

Recent Posts

  • What Should You Do If Google Labels Your Website As ‘Malware’?
  • How To Make Your Business Stand Out Online
  • Give Your Animal Website Some Life!
  • QR Codes and How They Can Work For You
  • Forum Plugins For WordPress
  • 4 Most Common Blogging Mistakes Made by Small Businesses
  • Why Internet Marketing Just WORKS

Recent Comments

  • Robert Gloster Web Design Limerick on Forum Plugins For WordPress
  • sightseeing in pattaya Thailand on Bad Behavior plugin blocks site administrators – plugin now updated to resolve problem
  • Ramu Konidena on How To Make Your Business Stand Out Online
  • Emma Fernandes on 4 Most Common Blogging Mistakes Made by Small Businesses
  • Hanna Alex on How To Make Your Business Stand Out Online

Subscribe

  • Full Entries RSS
  • Comments RSS

Read WebStyle in
your RSS Reader



Get the WebStyle
Newsletter by E-mail

and keep up with the latest posts. It's FREE.


Follow us on Twitter!

Shopping

Computers, electronics,
gadgets, Gifts and More!
At our Amazon store.

Tags

affiliate articles blog Blogger Blogging Blogroll computer content domain download Google How To instructions Internet marketing keyword link listed market marketing monetize money plugin popular posts problem products promote register search engine search engine optimization search engines SEO Software tech Technology traffic Video visitors web host webmaster website Wordpress wordpress plugin Writing Yahoo

Site Stuff

Visitors



Meta

  • Log in
  • Entries feed
  • Comments feed
  • WordPress.org

Pages

  • About
  • Archive
  • Become a Guest Blogger for WebStyle
  • Blog
  • Blogrolls
    • Canadian Bloggers
    • Do Follow Bloggers
    • Toronto Bloggers
  • Contact
  • Disclosure
  • Links
  • Our Sites
  • Privacy Policy
  • Resources

Search

Archives

Copyright © 2026 · Metro Pro Theme on Genesis Framework · WordPress · Log in