{"id":2273,"date":"2013-03-08T17:13:24","date_gmt":"2013-03-08T17:13:24","guid":{"rendered":"https:\/\/www.inmotionhosting.com\/support\/2013\/03\/08\/inserting-an-image-in-movable-type\/"},"modified":"2021-08-16T23:19:46","modified_gmt":"2021-08-17T03:19:46","slug":"inserting-an-image-in-movable-type","status":"publish","type":"post","link":"https:\/\/www.inmotionhosting.com\/support\/edu\/movable-type\/inserting-an-image-in-movable-type\/","title":{"rendered":"How to insert an Image in Movable Type"},"content":{"rendered":"

In Movable Type, you can add almost any type of content you want. You can upload Images through the Admin Dashboard and place them in your pages. This article will explain how to upload and insert an image in Movable Type.<\/p>\n

Steps to insert an Image in Movable Type<\/h2>\n
    \n
  1. Log into your Moveable Type Dashboard<\/a>.<\/li>\n
  2. \"Click<\/a>\n
    <\/div>\n

    Click the pages<\/strong> link at the bottom of the Admin page.
    <\/p><\/li>\n

  3. \"Select<\/a>\n
    <\/div>\n

    Edit the page<\/strong> you want to insert an image into.
    <\/p><\/li>\n

  4. \"Insert<\/a>\n
    <\/div>\n

    Place your cursor where you want the image to show. Click the Insert Image Asset<\/strong> icon in the WYSIWYG editor.
    <\/p><\/li>\n

  5. \"Upload<\/a>\n
    <\/div>\n

    The Insert Image<\/strong> page will load. Click Upload New Image<\/strong>.
    <\/p><\/li>\n

  6. \"Select<\/a>\n
    <\/div>\n

    Browse<\/strong> your local computer for the mage you want to upload. Select<\/strong> it. <\/p>\n

    Click Upload<\/strong>.<\/p>\n


    <\/p><\/li>\n

  7. \"File<\/a>\n
    <\/div>\n

    Set the File Options<\/strong>. The following table explains what each option does. <\/p>\n\n\n\n\n\n\n\n\n
    File Options<\/th>\n<\/tr>\n
    Label<\/th>\nThis is what the file will be described as. By default, Movable Type will put the file name there.<\/td>\n<\/tr>\n
    Description<\/th>\nThe Description is a brief explanation of what the image is.<\/td>\n<\/tr>\n
    Tags<\/th>\nTags allow you to categorize the image in your Movable Type set up.<\/td>\n<\/tr>\n
    Display image in Entry page<\/th>\nIf this is checked, the image will show in the sidebar of the site under the recent Recent Assets of the home page. Uncheck this to have the image only load in the page.<\/td>\n<\/tr>\n
    Image properties<\/th>\nThis allows you to determine the thumbnail width, Alignment (None, Float right or left, and center), and a link to a Full size version of the image.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

    Click Finish<\/strong>.
    <\/p>\n<\/li>\n

  8. \"Update<\/a>\n
    <\/div>\n

    You will see the image in the page where you placed your cursor. When done, click Update<\/strong>.
    <\/p><\/li>\n

  9. \"View<\/a>\n
    <\/div>\n

    You can preview<\/strong> the change or go to your website and view it live. Visit your site and click the page in the navigation to the right.
    <\/p>\n

    \"Final<\/a><\/p>\n

    <\/div>\n

    You should see the image in the page now in your live site. Changes are effective immediately in Movable type so when you make a change, people will see it when they visit your site.
    <\/p>\n<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"

    In Movable Type, you can add almost any type of content you want. You can upload Images through the Admin Dashboard and place them in your pages. This article will explain how to upload and insert an image in Movable Type. Steps to insert an Image in Movable Type Log into your Moveable Type Dashboard. 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":[103],"tags":[],"class_list":["post-2273","post","type-post","status-publish","format-standard","hentry","category-movable-type"],"acf":[],"yoast_head":"\nHow to insert an Image in Movable Type | InMotion Hosting<\/title>\n<meta name=\"description\" content=\"If you need help inserting images in Movable Type, read this article.\" \/>\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\/movable-type\/inserting-an-image-in-movable-type\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to insert an Image in Movable Type | InMotion Hosting\" \/>\n<meta property=\"og:description\" content=\"If you need help inserting images in Movable Type, read this article.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inmotionhosting.com\/support\/edu\/movable-type\/inserting-an-image-in-movable-type\/\" \/>\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-03-08T17:13:24+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-08-17T03:19:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/03\/edu_mt_102_upload-image_upload-image-to-page-1-page.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=\"2 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\/movable-type\/inserting-an-image-in-movable-type\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/movable-type\/inserting-an-image-in-movable-type\/\"},\"author\":{\"name\":\"InMotion Hosting Contributor\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/0ba9f3ef6fadef71df5aa120ff996c41\"},\"headline\":\"How to insert an Image in Movable Type\",\"datePublished\":\"2013-03-08T17:13:24+00:00\",\"dateModified\":\"2021-08-17T03:19:46+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/movable-type\/inserting-an-image-in-movable-type\/\"},\"wordCount\":338,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/movable-type\/inserting-an-image-in-movable-type\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/03\/edu_mt_102_upload-image_upload-image-to-page-1-page.gif\",\"articleSection\":[\"Movable Type\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/movable-type\/inserting-an-image-in-movable-type\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/movable-type\/inserting-an-image-in-movable-type\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/movable-type\/inserting-an-image-in-movable-type\/\",\"name\":\"How to insert an Image in Movable Type | InMotion Hosting\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/movable-type\/inserting-an-image-in-movable-type\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/movable-type\/inserting-an-image-in-movable-type\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/03\/edu_mt_102_upload-image_upload-image-to-page-1-page.gif\",\"datePublished\":\"2013-03-08T17:13:24+00:00\",\"dateModified\":\"2021-08-17T03:19:46+00:00\",\"description\":\"If you need help inserting images in Movable Type, read this article.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/movable-type\/inserting-an-image-in-movable-type\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/movable-type\/inserting-an-image-in-movable-type\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/movable-type\/inserting-an-image-in-movable-type\/#primaryimage\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/03\/edu_mt_102_upload-image_upload-image-to-page-1-page.gif\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/03\/edu_mt_102_upload-image_upload-image-to-page-1-page.gif\",\"width\":461,\"height\":354,\"caption\":\"Click here to view the larger image\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/movable-type\/inserting-an-image-in-movable-type\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.inmotionhosting.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to insert an Image in Movable Type\"}]},{\"@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":"How to insert an Image in Movable Type | InMotion Hosting","description":"If you need help inserting images in Movable Type, read this article.","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\/movable-type\/inserting-an-image-in-movable-type\/","og_locale":"en_US","og_type":"article","og_title":"How to insert an Image in Movable Type | InMotion Hosting","og_description":"If you need help inserting images in Movable Type, read this article.","og_url":"https:\/\/www.inmotionhosting.com\/support\/edu\/movable-type\/inserting-an-image-in-movable-type\/","og_site_name":"InMotion Hosting Support Center","article_publisher":"https:\/\/www.facebook.com\/inmotionhosting\/","article_published_time":"2013-03-08T17:13:24+00:00","article_modified_time":"2021-08-17T03:19:46+00:00","og_image":[{"url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/03\/edu_mt_102_upload-image_upload-image-to-page-1-page.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":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/movable-type\/inserting-an-image-in-movable-type\/#article","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/movable-type\/inserting-an-image-in-movable-type\/"},"author":{"name":"InMotion Hosting Contributor","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/0ba9f3ef6fadef71df5aa120ff996c41"},"headline":"How to insert an Image in Movable Type","datePublished":"2013-03-08T17:13:24+00:00","dateModified":"2021-08-17T03:19:46+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/movable-type\/inserting-an-image-in-movable-type\/"},"wordCount":338,"commentCount":0,"publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/movable-type\/inserting-an-image-in-movable-type\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/03\/edu_mt_102_upload-image_upload-image-to-page-1-page.gif","articleSection":["Movable Type"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/movable-type\/inserting-an-image-in-movable-type\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/movable-type\/inserting-an-image-in-movable-type\/","url":"https:\/\/www.inmotionhosting.com\/support\/edu\/movable-type\/inserting-an-image-in-movable-type\/","name":"How to insert an Image in Movable Type | InMotion Hosting","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/movable-type\/inserting-an-image-in-movable-type\/#primaryimage"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/movable-type\/inserting-an-image-in-movable-type\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/03\/edu_mt_102_upload-image_upload-image-to-page-1-page.gif","datePublished":"2013-03-08T17:13:24+00:00","dateModified":"2021-08-17T03:19:46+00:00","description":"If you need help inserting images in Movable Type, read this article.","breadcrumb":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/movable-type\/inserting-an-image-in-movable-type\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/movable-type\/inserting-an-image-in-movable-type\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/movable-type\/inserting-an-image-in-movable-type\/#primaryimage","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/03\/edu_mt_102_upload-image_upload-image-to-page-1-page.gif","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/03\/edu_mt_102_upload-image_upload-image-to-page-1-page.gif","width":461,"height":354,"caption":"Click here to view the larger image"},{"@type":"BreadcrumbList","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/movable-type\/inserting-an-image-in-movable-type\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inmotionhosting.com\/support\/"},{"@type":"ListItem","position":2,"name":"How to insert an Image in Movable Type"}]},{"@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\/2273","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=2273"}],"version-history":[{"count":2,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/2273\/revisions"}],"predecessor-version":[{"id":84856,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/2273\/revisions\/84856"}],"wp:attachment":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/media?parent=2273"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/categories?post=2273"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/tags?post=2273"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}