Tutorial Wordpress

Tutorial : Pt.2 Adding/Resizing Images and You-Tube Videos to your WordPress post

If you prefer watching a video, the video is located at the bottom.  The video covers creating a new post, adding text, images and videos.  The adding images part starts at the 1:06 time mark.  Click here to go to the previous step-by-step text tutorial for Creating New Post and Adding Text. Or skip ahead to the next tutorial categories, tags and featured images.


Now that you have clicked on “Add New Post” and added your title and text you are ready for adding images

Adding images

    1.  Put your pointer where you want the image
    2.  Open the folder with your image.  You can do jpgs, gifs, pngs.  The widest any picture will show is 780 pixels depending on your theme.  Shrink your image beforehand to the largest you will need.  For example, if you want your image to only go halfway across your page, you might want a width of 350 pixels maximum but your phone took a 1080 pixel wide picture.  Shrinking the image down to 350pixels wide will mean a faster upload time for you and faster time for the page to show for your blog readers.  It’s a win-win.  Also if your blog is hosted for free at WordPress.com, they do have storage limits.  If you upload large pictures all time even though you size them down on the blog page, you will hit that limit much faster.
    3. Drag the picture from your folder onto your blog post page.  The blog post page will turn blue when it feels your image coming in
    4. The “new post” page will change to the “add media” page as your image uploads.
    5. On the left in the add media pages, you have some options.
      1. The file name automatically shows as the Title of the image.  Change the title to whatever you like.
      2. “Caption” is the visible print that appears below the image.  This often describes or gives more info about the picture.
      3. “Alt text” is invisible on the page but shows within the html.  Blind people have programs that read to them and since they can’t see the picture, the readers read the alt text.  Also search engines use alt text.
      4. Alignment : left, center, right.  This aligns the text.  If you click on left or right, it will wordwrap your image so that the words are to the right or left of your images.
      5. Size: some readymade different sizes of your image from Full Size (what you uploaded) down to thumbnail in case you want it smaller then the full size.
    6. When you are done with your options, click on the blue button “Insert into Post”.
    7.  Your picture is now in your post

Moving an image in a post

  1. If an image is not where you want it, just click it and then drag it to where you want it.

Making an image larger in your post

  1. Delete the too small image by clicking on the image.  Then click your delete or backspace button.
  2. At the top of your “Add New Post” page, you will see the “Add Media” button.  Click that.  It will show all the images you have already uploaded.
  3. Click on the image you want to make larger.  The menu on the right for the image will show again.
  4. Click on “Size” to see your choices.  Click the larger size you want.  If the size you want is between two sizes, pick the size larger than you want.
  5. Click on the blue button “Insert into Post”.  The larger image is in your post.

Making an image smaller in your post

  1. Click on the image.
  2. When you click on an image, in the four corners, little white boxes will appear.  Click and drag one of the boxes inward until the picture is the size you want.

Adding a link and captions to an image in your post

  1. Click on the image.
  2. When you click on an image, a tiny menu will appear above or below the image. Click on the pencil icon.
  3. An “Image Details” window will pop up.  You can type in your “Caption” and “Alternative Text” in the top two fields.
  4. Beneath those two fields, you will see “Display Settings”.   You will see the images current alignment and size as it appears in your post.  You will see “Link to”.  The default is “Media File”.  Media File will take people to the image by itself.
  5. You can change the “Link to” so clicking the image takes people to a url (for example, another blog post that you did). Click on “Media File” and a drop down menu will appear showing
    1. Media File
    2. Attachment Page
    3. Custom URL
    4. None
  6.  Click on Custom URL
  7.  In the field below paste in your url
  8.  Below that you will see a little check box for “Open Link a New Tab”.  Click that
  9. When you are done, click the blue button “Update” in the bottom right corner.  Your image is now linked to a url.


Adding a you-tube video to your post

  1. Go to the you-tube video.  Copy the video url.
  2. Paste the url in your post where you want the video.
  3. Hit the return key.  The video should show in your post.

HIt the “Publish” button in the upper right if you’re done. Or go ahead to the next tutorial categories, tags and featured images.


And that’s how you add images and videos to your post.  I hope this was helpful for you.





Leave a Reply

%d bloggers like this: