rfe_landing_page_hero_image-1

How To Add Images To A WordPress Post

shutterstock_170543885

There are lots of good reasons to add photos to your blog and/or website.  The most obvious reason is that they make the content better.  After all, nobody wants to read through thousands of words of text without a few pictures to make it more entertaining–and many pictures can in fact enhance or explain the content that is being shown.  Another, equally compelling reason to add images, however? Content that features images does better in terms of SEO than content that relies entirely on text.  If you’re new to WordPress, the odds are you’re getting used to a whole lot of information all at once, so here’s some good news: adding photos and images to your WordPress posts is extremely easy!  Here’s how:

Adding Images to WordPress

The process of adding an image to a WordPress post is slightly different depending where you are getting the image from, so here are three different scenarios all with specific instructions.

Uploading an image from your computer.  Simply place your cursor where you want the image to appear, then drag the file from its folder directly over WordPress.

Uploading from your media library.  If you’d like to simply attach a photo that is already in your WordPress media library, all you need to do is place the cursor where you’d like the image to appear, then click on add media, which is located directly above your editor.  Select media library, then find the image you wish to use and select it.  You will be given the chance to edit its settings before uploading; you can use this if you’d like or just ignore it.

Using another photo from the web. Once again, begin by clicking on add media.  Then, select the insert from URL tab and provide the URL of the image you wish to use.  Please note, however, that with this method the image will still be hosted on the original website–meaning that, should the owner take the image down, it will no longer remain on your website either.

With these three methods for adding images to your WordPress posts, you’ll be on your way to creating great, SEO-friendly content in no time!

How to upload & insert images to a post or page

The past couple weeks i have been searching around the Interweb, and found many people have problems uploading and inserting images into their WordPress posts/pages.

So I have put together this quick guide on how to do just that!

There are 2 ways of doing this:

  1. In WordPress there is the “Media” Library that allows you to upload images to your blog, then use the link provided to add it to a page/post or anywhere else on your site.
  2. The second way is to upload/insert it directly from the post or page you are creating using the menu option shown on the page and post interface.

So here is the quick guide on each method on how to upload and insert images onto posts or pages of your blog

Post – Page Insert/Upload Menu Button:

Step 1: Make sure you are on the visual editor tab while creating your post/page.

Step 2: Find the “Upload/Insert” menu bar area on your post screen – http://screencast.com/t/oSygM2CD

Step 3: Press the “Add an image” Button, and select the image you want to upload/insert – http://screencast.com/t/s39Ns6sgqN1http://screencast.com/t/taz9ODn6ubuP

Step 4: Once you have selected your image, you can then adjust the settings for that image(title, caption, size,alignment options), then click “Insert into post” – http://screencast.com/t/rbdMcMsSpUe

Step 5: You have now clicked the “Insert into post” button, so should now have an image showing up in your post/page you are working on

 

Media Library image uploading/insert into post:

Step 1: Locate the “Media” left side menu option in your WordPress dashboard, then press “add new” – http://screencast.com/t/3femsFdgTbr

Step 2: Select the files (yes you can upload in bulk using this option) you want to upload, then upload them – http://screencast.com/t/Ni7czy4ZN

Step 3: Once uploaded you can now go to your post/page and insert them from the media library by following these easy steps:

  1. Click the upload/insert button – http://screencast.com/t/rJonpCy2q
  2. Then click the “Media Library” Tab – http://screencast.com/t/BEm598uYeqQ
  3. Once clicked, you will then see the images you have uploaded – http://screencast.com/t/XOfNXYNEkRw
  4. From that screen you can click the  “show” button next to the image you want to insert, make your changes to the image, then click the “insert into post” and that will add it to your current post/page you are working on.

 

 

 

 

How to take a picture or video of your screen and share them with others

Download the Program

1.) Download the Jing program here: http://www.techsmith.com/download/jing/
Note: Make sure to download the correct version for your operating system.

2.) Go through the installation process and then launch your Jing program. As part of the configuration process, you will need to sign up for a free Jing account that allows you to upload videos and pictures in real time.

How to Use Jing:

3.) Once you’ve launched the Jing application, it should appear as a little yellow sun at the top of your screen.

4.) Hover your mouse cursor over this sun, and click on the left most option that looks like a plus sign “+”. You will now have a large mouse cursor, and the purpose is to highlight the area that you want to capture. You will most likely want to capture what is going on in your web browser, so you will want to point the cursor over the topmost area of your browser window. Once you’ve highlighted the area that you want to capture, click your mouse.

Note: If the area that is highlighted does not look correct, just press your ESC (escape) button on your keyboard and re-select the area that you want to capture.

5.) Once you’ve selected your capture area, options will appear at the bottom left-hand corner of the capture area. You will have the choice to choose between:

——————————————————————————————————————————–

If you select the “Capture Image”

A picture has now been taken of the area, and the picture will appear on your screen in front of you.

6.) Enter a name for the image and then click “Share via Screencast.com” option. (It is the leftmost option on the menu bar that appears underneath your picture. It looks like three arrows moving upward).

Your image will upload to a public web server, and when it is completed, a success message will display:

7.) Click on the link that says “Your capture has been sent and the link is ready to be pasted”. Your web browser will open up to the picture that has been uploaded.

On this new page, look to the top of your web browser and copy the URL. You can now share your screenshot by pasting that URL, because it will take anyone to view your picture.

Click here to go to the next step

————————————————————————————————————————————-

If you select the “Capture Video” option:

6b.) A countdown will occur, after which a video will be recorded of whatever you do inside of the capture area. Once you have finished, click on the “Stop” button located to the bottom left corner of your capture area.

A video has now been taken of your actions inside the capture area, and the preview will appear on your screen in front of you.

7b.) Enter a name for the video and then click “Share via Screencast.com” option. (It is the leftmost option on the menu bar that appears underneath your picture. It looks like three arrows moving upward).

Your video will upload to a public web server, and when it is completed, a success message will display:

————————————————————————————————————————————————————-

8.) After you’ve captured a video or picture, click on the link that says “Your capture has been sent and the link is ready to be pasted.” It will open that link in your web browser window to show you what people will see when you paste the link.

Now you have an image and /or video of your actions, and can paste a link so that anyone around the world can view this picture / video.

Note: Please remember, we don’t offer technical support on how to use these tools, but if you want to learn more you can always visit the support resources offered by the makers of the software.

———————————————————————————————————————————————————-
Additional Resources:

Jing Tutorials – http://www.techsmith.com/learn/jing/

Terms Of Service | Privacy Policy