{"id":137,"date":"2017-12-21T01:05:27","date_gmt":"2017-12-21T01:05:27","guid":{"rendered":"http:\/\/thinking.is.ed.ac.uk\/wiki-basics\/?p=137"},"modified":"2020-01-20T17:13:56","modified_gmt":"2020-01-20T17:13:56","slug":"mastering-the-visual-editor-images-and-infoboxes","status":"publish","type":"post","link":"https:\/\/thinking.is.ed.ac.uk\/wiki-basics\/mastering-the-visual-editor-images-and-infoboxes\/","title":{"rendered":"Mastering the Visual Editor &#8211; Images and Infoboxes"},"content":{"rendered":"<p>Our page is lifeless without an image to help illustrate it. Wikipedia pages are at least 20-30% more likely to be read if they have an image.<\/p>\n<figure id=\"attachment_138\" aria-describedby=\"caption-attachment-138\" style=\"width: 300px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/thinking.is.ed.ac.uk\/wiki-basics\/wp-content\/uploads\/sites\/19\/2017\/12\/Insert-media.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-138\" src=\"http:\/\/thinking.is.ed.ac.uk\/wiki-basics\/wp-content\/uploads\/sites\/19\/2017\/12\/Insert-media-300x169.png\" alt=\"\" width=\"300\" height=\"169\" srcset=\"https:\/\/thinking.is.ed.ac.uk\/wiki-basics\/wp-content\/uploads\/sites\/19\/2017\/12\/Insert-media-300x169.png 300w, https:\/\/thinking.is.ed.ac.uk\/wiki-basics\/wp-content\/uploads\/sites\/19\/2017\/12\/Insert-media-768x432.png 768w, https:\/\/thinking.is.ed.ac.uk\/wiki-basics\/wp-content\/uploads\/sites\/19\/2017\/12\/Insert-media-1024x576.png 1024w, https:\/\/thinking.is.ed.ac.uk\/wiki-basics\/wp-content\/uploads\/sites\/19\/2017\/12\/Insert-media.png 1280w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><figcaption id=\"caption-attachment-138\" class=\"wp-caption-text\">Insert media menu<\/figcaption><\/figure>\n<h2>Adding an image<\/h2>\n<ol>\n<li>Click <strong>Edit <\/strong>to access the Visual Editor once more.<\/li>\n<li><strong>Place<\/strong> the cursor where you want the image to appear on the page.<\/li>\n<li>Click the <strong>Insert<\/strong> dropdown menu (circled in green above) and select <strong>Media<\/strong> from the list of options.<\/li>\n<\/ol>\n<p>You have two options. You can do a keyword search to find an image on Wikipedia\u2019s sister project, Wikimedia Commons (which has 58 million media files <a href=\"https:\/\/commons.wikimedia.org\/wiki\/Commons:Licensing\">openly licensed<\/a> and ready to use) OR you can select the 2<sup>nd<\/sup> tab,<strong> Upload<\/strong>, and you can upload your own image to Wikimedia Commons so long as it is <a href=\"https:\/\/commons.wikimedia.org\/wiki\/Commons:Licensing\">openly licensed<\/a> and you are allowed to release the image to Commons.<\/p>\n<figure id=\"attachment_139\" aria-describedby=\"caption-attachment-139\" style=\"width: 300px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/thinking.is.ed.ac.uk\/wiki-basics\/wp-content\/uploads\/sites\/19\/2017\/12\/Cat.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-139\" src=\"http:\/\/thinking.is.ed.ac.uk\/wiki-basics\/wp-content\/uploads\/sites\/19\/2017\/12\/Cat-300x169.png\" alt=\"\" width=\"300\" height=\"169\" srcset=\"https:\/\/thinking.is.ed.ac.uk\/wiki-basics\/wp-content\/uploads\/sites\/19\/2017\/12\/Cat-300x169.png 300w, https:\/\/thinking.is.ed.ac.uk\/wiki-basics\/wp-content\/uploads\/sites\/19\/2017\/12\/Cat-768x432.png 768w, https:\/\/thinking.is.ed.ac.uk\/wiki-basics\/wp-content\/uploads\/sites\/19\/2017\/12\/Cat-1024x576.png 1024w, https:\/\/thinking.is.ed.ac.uk\/wiki-basics\/wp-content\/uploads\/sites\/19\/2017\/12\/Cat.png 1280w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><figcaption id=\"caption-attachment-139\" class=\"wp-caption-text\">Keyword search of the 58 million openly-licensed media files on Wikimedia Commons<\/figcaption><\/figure>\n<ol>\n<li><strong>Type<\/strong> the keyword of <em>\u2018cat\u2019.<\/em><\/li>\n<li><strong>Select<\/strong> an image you like the look of and click <strong>Use this image<\/strong>.<\/li>\n<li><strong>Type<\/strong> a caption in the next screen (along with adding the same to the <strong>Alternative text<\/strong> box.)<\/li>\n<li>Click <strong>Insert. <\/strong><\/li>\n<li><strong>Drag<\/strong> the bottom left corner of the image until you are happy with its size.<\/li>\n<li>Click <strong>\u2018Save Changes\u2019<\/strong> with an edit summary of \u2018<em>Added an image\u2019<\/em>.<\/li>\n<\/ol>\n<h2>Adding an infobox<\/h2>\n<p>An infobox appears at the side of a page to provide summary information.e.g. The Infobox on Barack Obama\u2019s page.<\/p>\n<p><a href=\"http:\/\/thinking.is.ed.ac.uk\/wiki-basics\/wp-content\/uploads\/sites\/19\/2017\/12\/Obama-infobox.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-141\" src=\"http:\/\/thinking.is.ed.ac.uk\/wiki-basics\/wp-content\/uploads\/sites\/19\/2017\/12\/Obama-infobox-300x169.png\" alt=\"\" width=\"300\" height=\"169\" srcset=\"https:\/\/thinking.is.ed.ac.uk\/wiki-basics\/wp-content\/uploads\/sites\/19\/2017\/12\/Obama-infobox-300x169.png 300w, https:\/\/thinking.is.ed.ac.uk\/wiki-basics\/wp-content\/uploads\/sites\/19\/2017\/12\/Obama-infobox-768x432.png 768w, https:\/\/thinking.is.ed.ac.uk\/wiki-basics\/wp-content\/uploads\/sites\/19\/2017\/12\/Obama-infobox-1024x576.png 1024w, https:\/\/thinking.is.ed.ac.uk\/wiki-basics\/wp-content\/uploads\/sites\/19\/2017\/12\/Obama-infobox.png 1280w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>There are many different templates for Infoboxes so it depends on the article you are writing as to whether you should use <strong>Infobox Person<\/strong>, <strong>Infobox scientist<\/strong>, <strong>Infobox<\/strong> <strong>writer<\/strong>, <strong>Infobox school<\/strong>, <strong>Infobox hospital<\/strong> or many others.<\/p>\n<p>As we are creating a Wikipedia userpage, the Infobox we can demonstrate is <strong>Infobox Wikipedia User.<\/strong><\/p>\n<figure id=\"attachment_142\" aria-describedby=\"caption-attachment-142\" style=\"width: 300px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/thinking.is.ed.ac.uk\/wiki-basics\/wp-content\/uploads\/sites\/19\/2017\/12\/Infobox.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-142\" src=\"http:\/\/thinking.is.ed.ac.uk\/wiki-basics\/wp-content\/uploads\/sites\/19\/2017\/12\/Infobox-300x169.png\" alt=\"\" width=\"300\" height=\"169\" srcset=\"https:\/\/thinking.is.ed.ac.uk\/wiki-basics\/wp-content\/uploads\/sites\/19\/2017\/12\/Infobox-300x169.png 300w, https:\/\/thinking.is.ed.ac.uk\/wiki-basics\/wp-content\/uploads\/sites\/19\/2017\/12\/Infobox-768x432.png 768w, https:\/\/thinking.is.ed.ac.uk\/wiki-basics\/wp-content\/uploads\/sites\/19\/2017\/12\/Infobox-1024x576.png 1024w, https:\/\/thinking.is.ed.ac.uk\/wiki-basics\/wp-content\/uploads\/sites\/19\/2017\/12\/Infobox.png 1280w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><figcaption id=\"caption-attachment-142\" class=\"wp-caption-text\">Infobox Wikipedia user<\/figcaption><\/figure>\n<ol>\n<li>Click<strong> Edit<\/strong> to enter Visual Editor.<\/li>\n<li>Click on the <strong>Insert<\/strong> dropdown menu, and the option for <strong>Template<\/strong>.<\/li>\n<li>Type <strong>Infobox Wikipedia user<\/strong> and select the first option. Then click \u2018<strong>Add template\u2019<\/strong>.<\/li>\n<\/ol>\n<p>The screen that follows will look like this. It will suggest 88+ fields for you to add to your Infobox. You need only add the fields you feel are relevant and you have information about. We will add a few fields to get the infobox started.<\/p>\n<ol>\n<li><strong>Select<\/strong> the field for Name and <strong>type<\/strong> your name.<\/li>\n<li><strong>Select<\/strong> the field for Gender and <strong>type<\/strong> your gender.<\/li>\n<li><strong>Select<\/strong> the field for Country and <strong>type<\/strong> your country.<\/li>\n<li>Click<strong> Insert. <\/strong>This will add the Infobox to your page. This can be added to and amended at a later date as you see fit.<\/li>\n<li>Click <strong>Save Changes<\/strong> and add an edit summary of <em>\u2018added an infobox\u2019<\/em>. Click <strong>Save Changes <\/strong>again.<\/li>\n<\/ol>\n<h2>Guides<\/h2>\n<ol>\n<li><a href=\"https:\/\/media.ed.ac.uk\/playlist\/dedicated\/51020161\/1_zpsapxek\/1_b8mkgvdq\">Adding images (video).<\/a><\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Our page is lifeless without an image to help illustrate it. Wikipedia pages are at least 20-30% more likely to be read if they have an image. Adding an image Click Edit to access the Visual Editor once more. Place the cursor where you want the image to appear on the page. Click the Insert [&hellip;]<\/p>\n","protected":false},"author":41,"featured_media":140,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-137","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"jetpack_featured_media_url":"https:\/\/thinking.is.ed.ac.uk\/wiki-basics\/wp-content\/uploads\/sites\/19\/2017\/12\/20170915_142125.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/thinking.is.ed.ac.uk\/wiki-basics\/wp-json\/wp\/v2\/posts\/137","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thinking.is.ed.ac.uk\/wiki-basics\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/thinking.is.ed.ac.uk\/wiki-basics\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/thinking.is.ed.ac.uk\/wiki-basics\/wp-json\/wp\/v2\/users\/41"}],"replies":[{"embeddable":true,"href":"https:\/\/thinking.is.ed.ac.uk\/wiki-basics\/wp-json\/wp\/v2\/comments?post=137"}],"version-history":[{"count":2,"href":"https:\/\/thinking.is.ed.ac.uk\/wiki-basics\/wp-json\/wp\/v2\/posts\/137\/revisions"}],"predecessor-version":[{"id":169,"href":"https:\/\/thinking.is.ed.ac.uk\/wiki-basics\/wp-json\/wp\/v2\/posts\/137\/revisions\/169"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thinking.is.ed.ac.uk\/wiki-basics\/wp-json\/wp\/v2\/media\/140"}],"wp:attachment":[{"href":"https:\/\/thinking.is.ed.ac.uk\/wiki-basics\/wp-json\/wp\/v2\/media?parent=137"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thinking.is.ed.ac.uk\/wiki-basics\/wp-json\/wp\/v2\/categories?post=137"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thinking.is.ed.ac.uk\/wiki-basics\/wp-json\/wp\/v2\/tags?post=137"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}