• 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 Tricia

How to place image code in a WordPress post

by Tricia

I’ve found that while a number of people have mastered the art of using their WordPress blog to write text based posts they often have trouble adding images. Since there are a lot of bloggers out there who are not true webmasters in the sense that they know how to write basic code I thought I’d occasionally write some easy to follow instructions.

How to place an image to a WordPress post:

In an earlier post I told you how to upload an image into a post. Here I will discuss how to center an image, or wrap text to the left or right of an image.

Note: This technique might work well with other blogging platforms too. I’m only writing it as wordpress instructions since that is the blogging platform that I’ve used the most.

To center a picture just either center it while you are in “rich text editor” mode, or put this extra code around the image code itself:

< p align="center" > image code < /p >

To have a photo to the left or right of a paragraph you must have the paragraph tags around the particular paragraph that you’re sticking the image in :

ie < p >text of paragraph < /p >

with your image code beside the first paragraph tag

< p > < image code > text < /p >

BUT … inside the image code simple put align=”left” or “right” near the img tag like this

< p > < img align="left" rest of image code .... < /p >

Please eliminate all of the spaces between the tag codes when you place this code on your site. For instance < p > shouldn’t have spaces between the < and > tags.

BTW hope this helps!




Filed Under: How To, Site Maintenance, Wordpress Tagged With: center image, How To, instructions, place image to left, place image to right, webmaster, Wordpress, wrap text around image

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

Merry Christmas

by Tricia

winter-screenshot

Wishing all of my readers a wonderful holiday season! Merry Christmas. I hope that all of you have managed to have a great holiday season and spent some time with family and loved ones.

Enjoy!

Filed Under: Entertainment, General Tagged With: Christmas, greetings, Happy holidays, Merry Christmas

  • « Previous Page
  • 1
  • …
  • 42
  • 43
  • 44
  • 45
  • 46
  • …
  • 50
  • Next Page »

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