{"id":64,"date":"2017-10-04T01:45:38","date_gmt":"2017-10-04T01:45:38","guid":{"rendered":"http:\/\/support.isucomm.iastate.edu\/eprofiles-students\/?page_id=64"},"modified":"2017-10-04T01:45:38","modified_gmt":"2017-10-04T01:45:38","slug":"images","status":"publish","type":"page","link":"https:\/\/support.isucomm.iastate.edu\/eprofiles-students\/images\/","title":{"rendered":"Images"},"content":{"rendered":"

A key part of the WOVE curriculum is the\u00a0V\u00a0<\/strong>for\u00a0Visual<\/strong>. Integrating images into your text is simple with your ePortfolio. This article will show you how to\u00a0Add Media\u00a0<\/strong>items to your\u00a0Library\u00a0<\/strong>and insert images into your\u00a0Page\u00a0<\/strong>or\u00a0Post<\/strong> with varying style choices.<\/p>\n

Step 1: Add new media<\/h2>\n

From your homepage of your ePortfolio, click on the\u00a0+New\u00a0<\/strong>icon in the top toolbar and select\u00a0Media<\/strong>.<\/p>\n

\"Adding<\/p>\n

\n

Step 2: Select and upload files<\/h2>\n

You will be taken to a screen where you can choose the images you want to upload. Choose the\u00a0Select Files\u00a0<\/strong>button. You will be directed to your file picker on the laptop or computer that you are using.<\/p>\n

\"Adding<\/p>\n

Select the image that you would like to upload. The maximum upload size for a file is\u00a06 MB<\/strong>. If your file is larger, you may need to crop your original image or export it in a lower resolution.<\/p>\n

Note: You can also\u00a0drag and drop\u00a0<\/strong>any image from your desktop into the media library.<\/em><\/p>\n

\"Adding<\/p>\n

Your\u00a0New Image\u00a0<\/strong>will appear in the\u00a0Media Library<\/strong> as shown in the screenshot image below.<\/p>\n

\"Adding<\/p>\n

\n

Step 2: Add image into the page<\/h2>\n

Start a\u00a0New Page\u00a0<\/strong>or\u00a0Post<\/strong>. Here you can access the\u00a0Media Library\u00a0<\/strong>where you uploaded your image by selecting the\u00a0Add Media\u00a0<\/strong>button.<\/p>\n

Note: Where ever the keyboard cursor is in your text editor box is where your image will appear. So, make sure that you are adding media to the place that you want.<\/em><\/p>\n

\"Adding<\/h2>\n

Select the image that you would like to insert into your page. Before you insert, fill in some of the information on the right side of the screen. Here you can\u00a0add a caption<\/strong> for your image that will appear automatically, add\u00a0alternative text\u00a0<\/strong>that is recognized by screen readers for accessibility, and choose the\u00a0size\u00a0<\/strong>of your image (thumbnail, medium, large, or full).<\/p>\n

Click the\u00a0Insert into page\u00a0<\/strong>button.<\/p>\n

\"Adding<\/p>\n

Your image will appear in the text editor box.<\/p>\n

\"Adding<\/p>\n

\n

Step 3: Editing the image in the text editor<\/h2>\n

In this next example, a new image has been added. To edit the image placement <\/strong>and\/or\u00a0size<\/strong>,\u00a0click on the image. A box will appear around the image with small squares on each corner. You can\u00a0click and drag\u00a0<\/strong>to adjust the size.<\/p>\n

To edit the image,\u00a0click the pencil icon<\/strong> to open the\u00a0Image Details.<\/strong><\/p>\n

\"Adding<\/p>\n

In the\u00a0Image Details\u00a0<\/strong>view you can edit several aspects of the image. Here is shown that you can choose the\u00a0alignment\u00a0<\/strong>of your image (left, center, right, or none).<\/p>\n

\"Adding<\/p>\n

When the image is selected, you can also change the\u00a0alignment\u00a0<\/strong>in the small toolbar above the image. Pictured below here is an image aligned to the left. When you want to do\u00a0text wrapping<\/strong>, WordPress calls it alignment, and it forces the text to the side of the image and wraps it automatically.<\/p>\n

\"Adding<\/p>\n

Here is an image that is full size and aligned in the\u00a0center\u00a0<\/strong>of the page.<\/p>\n

\"Adding<\/p>\n

This last example shows a thumbnail sized image that is aligned to the\u00a0right<\/strong> of the page.<\/p>\n

\"Adding<\/p>\n

Step 4: Publish your page<\/h2>\n

Once you are done editing your page, click the\u00a0Publish<\/strong> or\u00a0Update\u00a0<\/strong>button and view your page.<\/p>\n

\"Adding<\/p>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2588,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","advgb_blocks_editor_width":"","advgb_blocks_columns_visual_guide":"","footnotes":""},"categories":[],"tags":[],"class_list":["post-64","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"isu_carousel":false},"uagb_author_info":{"display_name":"Bremen","author_link":"https:\/\/support.isucomm.iastate.edu\/eprofiles-students\/author\/bvance\/"},"uagb_comment_info":0,"uagb_excerpt":null,"coauthors":[],"author_meta":{"author_link":"https:\/\/support.isucomm.iastate.edu\/eprofiles-students\/author\/bvance\/","display_name":"Bremen"},"relative_dates":{"created":"Posted 9 years ago","modified":"Updated 9 years ago"},"absolute_dates":{"created":"Posted on October 4, 2017","modified":"Updated on October 4, 2017"},"absolute_dates_time":{"created":"Posted on October 4, 2017 1:45 am","modified":"Updated on October 4, 2017 1:45 am"},"featured_img_caption":"","featured_img":false,"series_order":"","_links":{"self":[{"href":"https:\/\/support.isucomm.iastate.edu\/eprofiles-students\/wp-json\/wp\/v2\/pages\/64","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/support.isucomm.iastate.edu\/eprofiles-students\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/support.isucomm.iastate.edu\/eprofiles-students\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/support.isucomm.iastate.edu\/eprofiles-students\/wp-json\/wp\/v2\/users\/2588"}],"replies":[{"embeddable":true,"href":"https:\/\/support.isucomm.iastate.edu\/eprofiles-students\/wp-json\/wp\/v2\/comments?post=64"}],"version-history":[{"count":1,"href":"https:\/\/support.isucomm.iastate.edu\/eprofiles-students\/wp-json\/wp\/v2\/pages\/64\/revisions"}],"predecessor-version":[{"id":65,"href":"https:\/\/support.isucomm.iastate.edu\/eprofiles-students\/wp-json\/wp\/v2\/pages\/64\/revisions\/65"}],"wp:attachment":[{"href":"https:\/\/support.isucomm.iastate.edu\/eprofiles-students\/wp-json\/wp\/v2\/media?parent=64"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/support.isucomm.iastate.edu\/eprofiles-students\/wp-json\/wp\/v2\/categories?post=64"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/support.isucomm.iastate.edu\/eprofiles-students\/wp-json\/wp\/v2\/tags?post=64"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}