{"id":2200,"date":"2013-01-23T16:21:19","date_gmt":"2013-01-23T16:21:19","guid":{"rendered":"https:\/\/www.inmotionhosting.com\/support\/2013\/01\/23\/formatting-images-wiki-code\/"},"modified":"2021-08-16T23:23:47","modified_gmt":"2021-08-17T03:23:47","slug":"formatting-images-wiki-code","status":"publish","type":"post","link":"https:\/\/www.inmotionhosting.com\/support\/edu\/mediawiki\/formatting-images-wiki-code\/","title":{"rendered":"Formatting images in MediaWiki"},"content":{"rendered":"

If you do not know how to insert an image in MediaWiki, please see the previous article on how to insert images in MediaWiki<\/a>. Formatting images in MediaWiki requires special wiki code to be inserted into your image code. Unfortunately, MediaWiki does not have the code built into their WYSIWYG editor. The following table will show how to format your images to float left and right, add captions, links and more.<\/p>\n

MediaWiki image format code<\/h2>\n

Each MediaWiki code for formatting the image appearance can be combined with each other. The basic format for the image wiki code is as follows:<\/p>\n

[[File:filename.extension|options|caption]]<\/pre>\n
To combine different attributes for the image, you can add the code similar to the following:<\/p>\n
[[File:filename.extension|width|frame|border|caption]]<\/pre>\n
The following is not exhaustive; however, you will be able to format your MediaWiki images with the code in the following table.<\/p>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
Image wiki code<\/th>\n<\/tr>\n
Image linking 
 (Internal)<\/th>\n		\n
[[File:Example.jpg|caption|link=MediaWiki]]<\/pre>\n
 
 \"Image<\/a><\/p>\n
Image linking 
 (External)<\/th>\n		\n
[[File:Example.jpg|caption|link=https:\/\/www.wikipedia.org]]<\/pre>\n
 
 \"Image<\/a><\/p>\n
No Image linking<\/th>\n\n
[[File:Wiki.png|50px|link=]]<\/pre>\n
 
 You can disable a hyper link to another website within an image with this code.<\/p><\/td>\n<\/tr>\n
Caption<\/th>\n\n
[[File:Example.gif|caption]]<\/pre>\n
 
 
\"Iimage<\/a>
<\/p>\n
<\/div>\n
Click here to view the larger image<\/figcaption><\/figure>This requires the frame attribute to show caption on the webpage. The image will default to float right if no alignment is specified. Otherwise, captions will only show as the \u201calt<\/em>\u201d tag in HTML code. 
<\/p><\/td>\n<\/tr>\n
Remove Image 
 caption<\/th>\n		\n
[[File:Example.jpg|<span title=\"\"><\/span>]]<\/pre>\n
 
 
\"No<\/a>
<\/p>\n
<\/div>\n
Click here to view the larger image<\/figcaption><\/figure>Supplementing \u201c|<span title=\u201d\u201d><\/span><\/em>\u201d for the\u00a0 the \u201c|caption<\/em>\u201d code out of the wiki code will remove the \u201calt<\/em>\u201d text from the image HTML. 
<\/p><\/td>\n<\/tr>\n
Border<\/th>\n\n
[[File:Example.gif|border|caption]]<\/pre>\n
 
 \"Image<\/a><\/p>\n
Frame<\/th>\n\n
[[File:Example.gif|frame|caption]]<\/pre>\n
 
 \"Image<\/a><\/p>\n
Frameless<\/th>\n\n
[[File:Example.gif|frameless|caption]]<\/pre>\n
 
 \"Remove<\/a><\/p>\n
Frameless Border<\/th>\n\n
[[File:Example.gif|frameless|border|caption]]<\/pre>\n
 
 \"Image<\/a><\/p>\n
Thumbnail
 (Thumb)<\/th>\n		\n
[[File:Example.gif|thumb|caption]]<\/pre>\n
 
 \"Image<\/a><\/p>\n
Center<\/th>\n\n
[[File:Example.gif|center|caption]]<\/pre>\n
 
 \"Center<\/a><\/p>\n
Float Left<\/th>\n\n
[[File:Example.gif|left|caption]]<\/pre>\n
 
 \"Left<\/a><\/p>\n
Float Right<\/th>\n\n
[[File:Example.gif|right|caption]]<\/pre>\n
 
 \"right<\/a><\/p>\n
Width<\/th>\n\n
[[File:Example.gif|50px|caption]]<\/pre>\n
 
 \"Image<\/a><\/p>\n
<\/div>\n
Sets the width of the image. In this example, the width is set to 50 pixels. 
<\/p><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n","protected":false},"excerpt":{"rendered":"
If you do not know how to insert an image in MediaWiki, please see the previous article on how to insert images in MediaWiki. Formatting images in MediaWiki requires special wiki code to be inserted into your image code. Unfortunately, MediaWiki does not have the code built into their WYSIWYG editor. The following table will Read More ><\/a><\/p>\n","protected":false},"author":9,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[99],"tags":[],"class_list":["post-2200","post","type-post","status-publish","format-standard","hentry","category-mediawiki"],"acf":[],"yoast_head":"\nFormatting images in MediaWiki | InMotion Hosting<\/title>\n<meta name=\"description\" content=\"MediaWiki requires their own code to format images. This article is a basic list of MediaWiki code to format images.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/mediawiki\/formatting-images-wiki-code\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Formatting images in MediaWiki | InMotion Hosting\" \/>\n<meta property=\"og:description\" content=\"MediaWiki requires their own code to format images. This article is a basic list of MediaWiki code to format images.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inmotionhosting.com\/support\/edu\/mediawiki\/formatting-images-wiki-code\/\" \/>\n<meta property=\"og:site_name\" content=\"InMotion Hosting Support Center\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/inmotionhosting\/\" \/>\n<meta property=\"article:published_time\" content=\"2013-01-23T16:21:19+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-08-17T03:23:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/01\/edu_mediawiki_102_format-images_format-images-1-internal-link.gif\" \/>\n<meta name=\"author\" content=\"InMotion Hosting Contributor\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@InMotionHosting\" \/>\n<meta name=\"twitter:site\" content=\"@InMotionHosting\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"InMotion Hosting Contributor\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/mediawiki\/formatting-images-wiki-code\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/mediawiki\/formatting-images-wiki-code\/\"},\"author\":{\"name\":\"InMotion Hosting Contributor\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/0ba9f3ef6fadef71df5aa120ff996c41\"},\"headline\":\"Formatting images in MediaWiki\",\"datePublished\":\"2013-01-23T16:21:19+00:00\",\"dateModified\":\"2021-08-17T03:23:47+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/mediawiki\/formatting-images-wiki-code\/\"},\"wordCount\":496,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/mediawiki\/formatting-images-wiki-code\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/01\/edu_mediawiki_102_format-images_format-images-1-internal-link.gif\",\"articleSection\":[\"MediaWiki\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/mediawiki\/formatting-images-wiki-code\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/mediawiki\/formatting-images-wiki-code\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/mediawiki\/formatting-images-wiki-code\/\",\"name\":\"Formatting images in MediaWiki | InMotion Hosting\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/mediawiki\/formatting-images-wiki-code\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/mediawiki\/formatting-images-wiki-code\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/01\/edu_mediawiki_102_format-images_format-images-1-internal-link.gif\",\"datePublished\":\"2013-01-23T16:21:19+00:00\",\"dateModified\":\"2021-08-17T03:23:47+00:00\",\"description\":\"MediaWiki requires their own code to format images. This article is a basic list of MediaWiki code to format images.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/mediawiki\/formatting-images-wiki-code\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/mediawiki\/formatting-images-wiki-code\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/mediawiki\/formatting-images-wiki-code\/#primaryimage\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/01\/edu_mediawiki_102_format-images_format-images-1-internal-link.gif\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/01\/edu_mediawiki_102_format-images_format-images-1-internal-link.gif\",\"width\":589,\"height\":265,\"caption\":\"Click here to view the larger image\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/mediawiki\/formatting-images-wiki-code\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.inmotionhosting.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Formatting images in MediaWiki\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"name\":\"InMotion Hosting Support Center\",\"description\":\"Web Hosting Support & Tutorials\",\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\",\"name\":\"InMotion Hosting\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"width\":696,\"height\":696,\"caption\":\"InMotion Hosting\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/inmotionhosting\/\",\"https:\/\/x.com\/InMotionHosting\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/0ba9f3ef6fadef71df5aa120ff996c41\",\"name\":\"InMotion Hosting Contributor\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/author\/jamesr\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Formatting images in MediaWiki | InMotion Hosting","description":"MediaWiki requires their own code to format images. This article is a basic list of MediaWiki code to format images.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.inmotionhosting.com\/support\/edu\/mediawiki\/formatting-images-wiki-code\/","og_locale":"en_US","og_type":"article","og_title":"Formatting images in MediaWiki | InMotion Hosting","og_description":"MediaWiki requires their own code to format images. This article is a basic list of MediaWiki code to format images.","og_url":"https:\/\/www.inmotionhosting.com\/support\/edu\/mediawiki\/formatting-images-wiki-code\/","og_site_name":"InMotion Hosting Support Center","article_publisher":"https:\/\/www.facebook.com\/inmotionhosting\/","article_published_time":"2013-01-23T16:21:19+00:00","article_modified_time":"2021-08-17T03:23:47+00:00","og_image":[{"url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/01\/edu_mediawiki_102_format-images_format-images-1-internal-link.gif","type":"","width":"","height":""}],"author":"InMotion Hosting Contributor","twitter_card":"summary_large_image","twitter_creator":"@InMotionHosting","twitter_site":"@InMotionHosting","twitter_misc":{"Written by":"InMotion Hosting Contributor","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/mediawiki\/formatting-images-wiki-code\/#article","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/mediawiki\/formatting-images-wiki-code\/"},"author":{"name":"InMotion Hosting Contributor","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/0ba9f3ef6fadef71df5aa120ff996c41"},"headline":"Formatting images in MediaWiki","datePublished":"2013-01-23T16:21:19+00:00","dateModified":"2021-08-17T03:23:47+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/mediawiki\/formatting-images-wiki-code\/"},"wordCount":496,"commentCount":0,"publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/mediawiki\/formatting-images-wiki-code\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/01\/edu_mediawiki_102_format-images_format-images-1-internal-link.gif","articleSection":["MediaWiki"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/mediawiki\/formatting-images-wiki-code\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/mediawiki\/formatting-images-wiki-code\/","url":"https:\/\/www.inmotionhosting.com\/support\/edu\/mediawiki\/formatting-images-wiki-code\/","name":"Formatting images in MediaWiki | InMotion Hosting","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/mediawiki\/formatting-images-wiki-code\/#primaryimage"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/mediawiki\/formatting-images-wiki-code\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/01\/edu_mediawiki_102_format-images_format-images-1-internal-link.gif","datePublished":"2013-01-23T16:21:19+00:00","dateModified":"2021-08-17T03:23:47+00:00","description":"MediaWiki requires their own code to format images. This article is a basic list of MediaWiki code to format images.","breadcrumb":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/mediawiki\/formatting-images-wiki-code\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/mediawiki\/formatting-images-wiki-code\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/mediawiki\/formatting-images-wiki-code\/#primaryimage","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/01\/edu_mediawiki_102_format-images_format-images-1-internal-link.gif","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/01\/edu_mediawiki_102_format-images_format-images-1-internal-link.gif","width":589,"height":265,"caption":"Click here to view the larger image"},{"@type":"BreadcrumbList","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/mediawiki\/formatting-images-wiki-code\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inmotionhosting.com\/support\/"},{"@type":"ListItem","position":2,"name":"Formatting images in MediaWiki"}]},{"@type":"WebSite","@id":"https:\/\/www.inmotionhosting.com\/support\/#website","url":"https:\/\/www.inmotionhosting.com\/support\/","name":"InMotion Hosting Support Center","description":"Web Hosting Support & Tutorials","publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.inmotionhosting.com\/support\/#organization","name":"InMotion Hosting","url":"https:\/\/www.inmotionhosting.com\/support\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","width":696,"height":696,"caption":"InMotion Hosting"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/inmotionhosting\/","https:\/\/x.com\/InMotionHosting"]},{"@type":"Person","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/0ba9f3ef6fadef71df5aa120ff996c41","name":"InMotion Hosting Contributor","url":"https:\/\/www.inmotionhosting.com\/support\/author\/jamesr\/"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"primary_category":null,"_links":{"self":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/2200","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/comments?post=2200"}],"version-history":[{"count":2,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/2200\/revisions"}],"predecessor-version":[{"id":85035,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/2200\/revisions\/85035"}],"wp:attachment":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/media?parent=2200"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/categories?post=2200"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/tags?post=2200"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}