{"id":519,"date":"2013-10-22T19:22:16","date_gmt":"2013-10-22T19:22:16","guid":{"rendered":"https:\/\/livinlyfemarketing.com\/?p=519"},"modified":"2019-11-19T20:39:45","modified_gmt":"2019-11-19T20:39:45","slug":"how-to-add-image-to-wordpress-post","status":"publish","type":"post","link":"https:\/\/livinlyfemarketing.com\/how-to-add-image-to-wordpress-post\/","title":{"rendered":"How to Add Image to WordPress Post"},"content":{"rendered":"

I put these step-by-step instructions\u00a0together for some friends of mine that have a website on how to add an image to a WordPress post or page. I know how frustrating it can be to just add a simple image so hopefully with this tutorial it will make it a lot easier for you.<\/p>\n

To begin, make sure you are logged into your WordPress Dashboard and are on the post or page that you want to add an image to.<\/p>\n

\"red-number-1\"To add an image to a post or page within WordPress simply place your cursor where you want to insert the photo<\/strong> and press Add Media (located at the top of the page you are editing. (Note: if you forget to place the cursor where you want the image you can always delete it and start over but it’s nice to have the image in the place you would like it from the beginning<\/span>) \ud83d\ude42<\/p>\n

\"Add-Media-in-wordpress\"
\n<\/a>\"red-number-2\"<\/a>After you click on Add Media another box will pop up. Click on Select Files, choose the image you want to add then click Insert into Post.<\/p>\n

\"select-image\"<\/p>\n

\"red-number-3\"From here you can either choose to upload a new image or choose from an image that you have already uploaded to the Media Library. For this tutorial we are going to add a new image. Click on Upload Files.<\/p>\n

\"Upload-image\"<\/p>\n

\"red-number-4\"Once the image is uploaded you now tell WordPress where\/how you want the image to be displayed. Do you want it to the left, right or center? Will this image link to another page and what size would you like the image to be? You can answer all these questions in the box that appears to the right after you have uploaded the image.<\/p>\n

\"how-you-want-your-image-displayed\"<\/p>\n

There you have it! You have just added an image to your post. What if it’s not positioned where you want it or the size is not right?<\/p>\n

No Worries!!!<\/p>\n

How to Edit an Image that is already on a post or page<\/h2>\n
    \n
  • Now that the image is inserted into your post you can see what it will look like when a user views it. Let’s say that you are not to happy with the size and position. Simply click on the image and two boxes will appear at the top of the image. Click on the little mountain icon…<\/li>\n<\/ul>\n

    \"edit-image-position\"<\/p>\n

      \n
    • Another window will pop-up. Under the Edit Image<\/strong> tab you have the ability to make the image smaller (Note: you can’t make an image bigger only smaller<\/span><\/strong>). You can change the location of the image as far as having it to the left or right of words or in the center of the page. If you choose to have the image link to another page on your site or to another site you can insert the URL in the Link URL box.<\/li>\n<\/ul>\n
        \n
      • The second tab is for Advanced Settings and you can make the image small here also but you also have the ability to put some spacing between the image and verbiage. To do so simply put in a number where it says Vertical\/Horizontal space. I usually go with a #3 or #5 and then if you want a border around the image put a number in the box that says Border. Keep in mind the higher the number the larger the border will be around the image.<\/li>\n<\/ul>\n

        If you do choose to link your photo to another page outside of your site I HIGHLY recommend you click on the box next to Open Link in New Window. What this will do is if your visitor clicks on the image and is taken to a new site it opens it in a new window so if they close that site your site is still there in the back ground.<\/p>\n

        \"advanced-settings\"<\/p>\n

        There you have it. Wasn’t so bad was it?<\/p>\n

        Are there some other things in WordPress that have you stumped? Let me know and I’ll be more than happy to write up a step-by-step tutorial on how to do it.<\/p>\n","protected":false},"excerpt":{"rendered":"

        I put these step-by-step instructions\u00a0together for some friends of mine that have a website on how to add an image to a WordPress post or page. I know how frustrating it can be to just add a simple image so hopefully with this tutorial it will make it a lot easier for you. To begin, […]<\/p>\n","protected":false},"author":7,"featured_media":533,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"sfsi_plus_gutenberg_text_before_share":"","sfsi_plus_gutenberg_show_text_before_share":"","sfsi_plus_gutenberg_icon_type":"","sfsi_plus_gutenberg_icon_alignemt":"","sfsi_plus_gutenburg_max_per_row":"","footnotes":""},"categories":[11,18],"tags":[],"_links":{"self":[{"href":"https:\/\/livinlyfemarketing.com\/wp-json\/wp\/v2\/posts\/519"}],"collection":[{"href":"https:\/\/livinlyfemarketing.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/livinlyfemarketing.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/livinlyfemarketing.com\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/livinlyfemarketing.com\/wp-json\/wp\/v2\/comments?post=519"}],"version-history":[{"count":0,"href":"https:\/\/livinlyfemarketing.com\/wp-json\/wp\/v2\/posts\/519\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/livinlyfemarketing.com\/wp-json\/wp\/v2\/media\/533"}],"wp:attachment":[{"href":"https:\/\/livinlyfemarketing.com\/wp-json\/wp\/v2\/media?parent=519"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/livinlyfemarketing.com\/wp-json\/wp\/v2\/categories?post=519"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/livinlyfemarketing.com\/wp-json\/wp\/v2\/tags?post=519"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}