Adding links (hyperlinks), pictures, and videos

These three options are extremely important for making your site look and feel professional. The more that these are utilized, the better your site will become.

Adding “links” (or hyperlinks):

Look again at the Post Editor screen below. Here we have titled the post “Test Post”:

When you first login to the Add New Post screen, we recommend that you click this button on the menu bar:

This is the last button on the row that looks like this:

After clicking this button, it allows for a drop down of more options that will be helpful for future editing.  Once you have clicked this button and expanded the menu bar, you should not have to do so again in the future.

Now, to hyperlink.  Let’s say you have written a persuasive post that shows exactly how you would solve world hunger.  Let’s say also that you wanted to back up your assertions with references to supporting statistics or articles. They wouldn’t and shouldn’t.  But, if you wanted to be able to say, “All elephants in the world should have an ear removed because that would solve world hunger,’’ assuming that this is a legitimate claim, you would want to “cite” your source.  A great way to do that is with a hyperlink that links to the original story or study.

The first thing you need to do to add such a link is, select or “click and drag” your mouse over the text that you want to have hyperlinked:

Next, click the “chain-link” on the menu bar to insert the URL from which you have chosen to support your argument:

After clicking on the chain or link button, you will then get a pop-up that looks like this:

Where the box is next to URL, that is where you put (or paste in) your link to the external source or article. For example:  http://example.com/elephants-need-their-ears-removed/

If you would like to, you can click the CHECKBOX for “opening link in a new window/tab.”  I suggest doing this because it makes navigation a bit easier for your visitors.

Now, just click “Add Link” and you’re done.  The words that were highlighted will now look like this: (you can do this as many times as you would like in any post, too)

Adding pictures to a post

Now let’s add some pictures to make our site look even better.  Clean, clear images are a great way to attract eyes to stories and to engage visitors, but make sure that they are your own images or that you have the right to use the image.  .gov sites are a great place to get your images because you paid for them. Another great resource is called iclipart.com. For less than $50 a year you can subscribe to a large royalty-free image library.

On the Add New Post screen you will see below where the post title goes you will see this Add Media button:

Place your mouse where you want your image to go and click. Then, click the Add Media button.

Then, the screen below will pop-up.

From here you have the ability to upload new images and also use old images.  For this example, we will go through the “upload files” option because that is what people use most frequently.

So, to do this, click the big “Select Files” button:

The following screen will appear (depending on your computer, I am using a Mac, but the process is very much the same):

From here, you can select the image you want and then click “open”.

The screen will automatically change and begin to upload your image.  Once the image is uploaded, the screen will look something like this:

From here you select which images you want to put in to your article.  The images with the blue checkmark are the ones that will be placed into the article.  On the right, don’t forget to fill in the Title, Caption, and Description because those will help you be found in Google searches.

Note the ‘Alignment” option on the right side as well. Here you can set whether the image will appear to the left, right, or center of your text.

Once done editing and choosing your image options, click the big blue button that says “Insert into post.’’

If you selected a “center” alignment, the finished product will look something like this:

That’s it, you’re done.

Embedding Videos in your post.

This used to be a painstaking effort that has now been simplified for you.  We used to have to put in special codes for videos that would then need to be edited and changed to fit within the allotted area.  Now, it is as simple as copy and paste.

Embedding videos starts like this: (i.e. using YouTube)

First, go to YouTube → find the video you want to show on your website → copy the URL of the video→ paste the URL into your post where you want the video to appear → done.

Below is what the URL from a Youtube video looks like:

This is what you highlight and copy.  Once copied, go to your post and paste the URL where you want the video to appear.  In our example, we want it to appear at the top of the post:


Now, before you publish your work, you should always save a “draft” and then “preview” it. To be sure you have this down, let’s walk through the process one more time.

Look at the right hand side of your post editor, you should see the Publish box that looks like this:

0 replies

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Leave a Reply