{"id":89,"date":"2022-07-16T01:42:04","date_gmt":"2022-07-16T00:42:04","guid":{"rendered":"http:\/\/en.jingcs.ml\/?p=89"},"modified":"2022-07-16T01:42:04","modified_gmt":"2022-07-16T00:42:04","slug":"technotes-how-to-post-a-gallery-by-url-images-in-wordpress","status":"publish","type":"post","link":"https:\/\/jingcs.com\/index.php\/technotes-how-to-post-a-gallery-by-url-images-in-wordpress\/","title":{"rendered":"[TechNotes] How to post a gallery by URL images in WordPress\u00a0"},"content":{"rendered":"\n<p>Most of the guidance is about uploading local pictures and designing the format.<br>However, sometimes we would prefer to put all the images to some more manageable image host (or even like GitHub), rather than WordPress. This reduces the pressure on the server memory and manages the image addresses easier.<\/p>\n\n\n\n<p>This post introduces how to design multiple URL pictures&#8217; format. <\/p>\n\n\n\n<p>First, upgrade WordPress to 6.0\/above. Then, the core idea is simple. If we want <em><strong>X<\/strong><\/em> images in a row, copy the\u00a0<strong>bolded code part<\/strong>\u00a0<strong><em>X<\/em><\/strong> times. And change the URL to a different images&#8217; URL.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!-- wp:gallery {\"linkTo\":\"none\"} -->\n&lt;figure class=\"wp-block-gallery has-nested-images columns-default is-cropped\">\n\n<strong>&lt;!-- wp:image {\"sizeSlug\":\"large\",\"linkDestination\":\"none\"} -->\n&lt;figure class=\"wp-block-image size-large\">&lt;img src=\"https:\/\/your pic URL1\" alt=\"\"\/>&lt;\/figure>\n&lt;!-- \/wp:image --><\/strong>\n\n&lt;\/figure>\n&lt;!-- \/wp:gallery -->\n<\/code><\/pre>\n\n\n\n<p>For instance, 2 images in a row.<\/p>\n\n\n\n<figure class=\"wp-container-2 wp-block-gallery-1 wp-block-gallery has-nested-images columns-default is-cropped\">\n<figure class=\"wp-block-image size-large\"><img src=\"https:\/\/cdn.jsdelivr.net\/gh\/jingcs\/picDB\/trips\/Greece\/santorini\/gr_santo4.jpeg\" alt=\"\"\/><figcaption>Fira<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-id=\"28\"  src=\"https:\/\/cdn.jsdelivr.net\/gh\/jingcs\/picDB\/trips\/Greece\/santorini\/gr_santo3.jpeg\" alt=\"\" class=\"wp-image-28\"\/><figcaption>Oia<\/figcaption><\/figure>\n<\/figure>\n\n\n\n<p>The code is <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!-- wp:gallery {\"linkTo\":\"none\"} --&gt;\n&lt;figure class=\"wp-block-gallery has-nested-images columns-default is-cropped\"&gt;&lt;!-- wp:image {\"sizeSlug\":\"large\",\"linkDestination\":\"none\"} --&gt;\n&lt;figure class=\"wp-block-image size-large\"&gt;&lt;img src=\"https:\/\/cdn.jsdelivr.net\/gh\/jingcs\/picDB\/trips\/Greece\/santorini\/gr_santo4.jpeg\" alt=\"\"\/&gt;&lt;figcaption&gt;Fira&lt;\/figcaption&gt;&lt;\/figure&gt;\n&lt;!-- \/wp:image --&gt;\n\n\n&lt;!-- wp:image {\"id\":28,\"sizeSlug\":\"large\",\"linkDestination\":\"none\"} --&gt;\n&lt;figure class=\"wp-block-image size-large\"&gt;&lt;img src=\"https:\/\/cdn.jsdelivr.net\/gh\/jingcs\/picDB\/trips\/Greece\/santorini\/gr_santo3.jpeg\" alt=\"\" class=\"wp-image-28\"\/&gt;&lt;figcaption&gt;Oia&lt;\/figcaption&gt;&lt;\/figure&gt;\n&lt;!-- \/wp:image --&gt;&lt;\/figure&gt;\n&lt;!-- \/wp:gallery --&gt;\n<\/code><\/pre>\n\n\n\n<p>3 images in a row.<\/p>\n\n\n\n<figure class=\"wp-container-4 wp-block-gallery-3 wp-block-gallery has-nested-images columns-default is-cropped\">\n<figure class=\"wp-block-image size-large\"><img src=\"https:\/\/cdn.jsdelivr.net\/gh\/jingcs\/picDB\/trips\/Greece\/santorini\/gr_santo4.jpeg\" alt=\"\"\/><figcaption>Fira<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img src=\"https:\/\/cdn.jsdelivr.net\/gh\/jingcs\/picDB\/trips\/Greece\/santorini\/gr_santo5.jpeg\" alt=\"\"\/><figcaption>Oia<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-id=\"28\"  src=\"https:\/\/cdn.jsdelivr.net\/gh\/jingcs\/picDB\/trips\/Greece\/santorini\/gr_santo3.jpeg\" alt=\"\" class=\"wp-image-28\"\/><figcaption>Oia<\/figcaption><\/figure>\n<\/figure>\n\n\n\n<p>The code is<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!-- wp:gallery {\"linkTo\":\"none\"} -->\n&lt;figure class=\"wp-block-gallery has-nested-images columns-default is-cropped\">\n&lt;!-- wp:image {\"sizeSlug\":\"large\",\"linkDestination\":\"none\"} -->\n&lt;figure class=\"wp-block-image size-large\">&lt;img src=\"https:\/\/cdn.jsdelivr.net\/gh\/jingcs\/picDB\/trips\/Greece\/santorini\/gr_santo4.jpeg\" alt=\"\"\/>&lt;figcaption>Fira&lt;\/figcaption>&lt;\/figure>\n&lt;!-- \/wp:image -->\n\n&lt;!-- wp:image {\"sizeSlug\":\"large\",\"linkDestination\":\"none\"} -->\n&lt;figure class=\"wp-block-image size-large\">&lt;img src=\"https:\/\/cdn.jsdelivr.net\/gh\/jingcs\/picDB\/trips\/Greece\/santorini\/gr_santo6.jpeg\" alt=\"\"\/>&lt;figcaption>Fira&lt;\/figcaption>&lt;\/figure>\n&lt;!-- \/wp:image -->\n\n&lt;!-- wp:image {\"id\":28,\"sizeSlug\":\"large\",\"linkDestination\":\"none\"} -->\n&lt;figure class=\"wp-block-image size-large\">&lt;img src=\"https:\/\/cdn.jsdelivr.net\/gh\/jingcs\/picDB\/trips\/Greece\/santorini\/gr_santo3.jpeg\" alt=\"\" class=\"wp-image-28\"\/>&lt;figcaption>Oia&lt;\/figcaption>&lt;\/figure>\n&lt;!-- \/wp:image -->&lt;\/figure>\n&lt;!-- \/wp:gallery --><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Most of the guidance is about uploading local pictures and designing the format.However, sometimes we would prefer to put all the images to some more manageable image host (or even like GitHub), rather than WordPress. This reduces the pressure on the server memory and manages the image addresses easier. This post introduces how to design<\/p><\/div>\n<div class=\"blog-btn\"><a href=\"https:\/\/jingcs.com\/index.php\/technotes-how-to-post-a-gallery-by-url-images-in-wordpress\/\" class=\"home-blog-btn\">Read More<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[21,22],"tags":[25,24,23],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.10 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>[TechNotes] How to post a gallery by URL images in WordPress\u00a0 - Jingyu\u2018s Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jingcs.com\/index.php\/technotes-how-to-post-a-gallery-by-url-images-in-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"[TechNotes] How to post a gallery by URL images in WordPress\u00a0 - Jingyu\u2018s Blog\" \/>\n<meta property=\"og:description\" content=\"Most of the guidance is about uploading local pictures and designing the format.However, sometimes we would prefer to put all the images to some more manageable image host (or even like GitHub), rather than WordPress. This reduces the pressure on the server memory and manages the image addresses easier. This post introduces how to designRead More\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jingcs.com\/index.php\/technotes-how-to-post-a-gallery-by-url-images-in-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Jingyu\u2018s Blog\" \/>\n<meta property=\"article:published_time\" content=\"2022-07-16T00:42:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn.jsdelivr.net\/gh\/jingcs\/picDB\/trips\/Greece\/santorini\/gr_santo4.jpeg\" \/>\n<meta name=\"author\" content=\"jingyu\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"jingyu\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated 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:\/\/jingcs.com\/index.php\/technotes-how-to-post-a-gallery-by-url-images-in-wordpress\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/jingcs.com\/index.php\/technotes-how-to-post-a-gallery-by-url-images-in-wordpress\/\"},\"author\":{\"name\":\"jingyu\",\"@id\":\"https:\/\/jingcs.com\/#\/schema\/person\/c073eb7c1955a530dece0ad363304379\"},\"headline\":\"[TechNotes] How to post a gallery by URL images in WordPress\u00a0\",\"datePublished\":\"2022-07-16T00:42:04+00:00\",\"dateModified\":\"2022-07-16T00:42:04+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/jingcs.com\/index.php\/technotes-how-to-post-a-gallery-by-url-images-in-wordpress\/\"},\"wordCount\":127,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\/\/jingcs.com\/#\/schema\/person\/c073eb7c1955a530dece0ad363304379\"},\"keywords\":[\"Html\",\"Visual\",\"WordPress\"],\"articleSection\":[\"TechNotes\",\"UI\"],\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/jingcs.com\/index.php\/technotes-how-to-post-a-gallery-by-url-images-in-wordpress\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/jingcs.com\/index.php\/technotes-how-to-post-a-gallery-by-url-images-in-wordpress\/\",\"url\":\"https:\/\/jingcs.com\/index.php\/technotes-how-to-post-a-gallery-by-url-images-in-wordpress\/\",\"name\":\"[TechNotes] How to post a gallery by URL images in WordPress\u00a0 - Jingyu\u2018s Blog\",\"isPartOf\":{\"@id\":\"https:\/\/jingcs.com\/#website\"},\"datePublished\":\"2022-07-16T00:42:04+00:00\",\"dateModified\":\"2022-07-16T00:42:04+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/jingcs.com\/index.php\/technotes-how-to-post-a-gallery-by-url-images-in-wordpress\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/jingcs.com\/index.php\/technotes-how-to-post-a-gallery-by-url-images-in-wordpress\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/jingcs.com\/index.php\/technotes-how-to-post-a-gallery-by-url-images-in-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/jingcs.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"[TechNotes] How to post a gallery by URL images in WordPress\u00a0\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/jingcs.com\/#website\",\"url\":\"https:\/\/jingcs.com\/\",\"name\":\"Jingyu\u2018s Blog\",\"description\":\"About tech, art, trip and more\",\"publisher\":{\"@id\":\"https:\/\/jingcs.com\/#\/schema\/person\/c073eb7c1955a530dece0ad363304379\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/jingcs.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-GB\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/jingcs.com\/#\/schema\/person\/c073eb7c1955a530dece0ad363304379\",\"name\":\"jingyu\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/jingcs.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0c7b4c22ab3b33c396669bc1480d50cd?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0c7b4c22ab3b33c396669bc1480d50cd?s=96&d=mm&r=g\",\"caption\":\"jingyu\"},\"logo\":{\"@id\":\"https:\/\/jingcs.com\/#\/schema\/person\/image\/\"},\"url\":\"https:\/\/jingcs.com\/index.php\/author\/jingyu\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"[TechNotes] How to post a gallery by URL images in WordPress\u00a0 - Jingyu\u2018s Blog","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:\/\/jingcs.com\/index.php\/technotes-how-to-post-a-gallery-by-url-images-in-wordpress\/","og_locale":"en_GB","og_type":"article","og_title":"[TechNotes] How to post a gallery by URL images in WordPress\u00a0 - Jingyu\u2018s Blog","og_description":"Most of the guidance is about uploading local pictures and designing the format.However, sometimes we would prefer to put all the images to some more manageable image host (or even like GitHub), rather than WordPress. This reduces the pressure on the server memory and manages the image addresses easier. This post introduces how to designRead More","og_url":"https:\/\/jingcs.com\/index.php\/technotes-how-to-post-a-gallery-by-url-images-in-wordpress\/","og_site_name":"Jingyu\u2018s Blog","article_published_time":"2022-07-16T00:42:04+00:00","og_image":[{"url":"https:\/\/cdn.jsdelivr.net\/gh\/jingcs\/picDB\/trips\/Greece\/santorini\/gr_santo4.jpeg"}],"author":"jingyu","twitter_card":"summary_large_image","twitter_misc":{"Written by":"jingyu","Estimated reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/jingcs.com\/index.php\/technotes-how-to-post-a-gallery-by-url-images-in-wordpress\/#article","isPartOf":{"@id":"https:\/\/jingcs.com\/index.php\/technotes-how-to-post-a-gallery-by-url-images-in-wordpress\/"},"author":{"name":"jingyu","@id":"https:\/\/jingcs.com\/#\/schema\/person\/c073eb7c1955a530dece0ad363304379"},"headline":"[TechNotes] How to post a gallery by URL images in WordPress\u00a0","datePublished":"2022-07-16T00:42:04+00:00","dateModified":"2022-07-16T00:42:04+00:00","mainEntityOfPage":{"@id":"https:\/\/jingcs.com\/index.php\/technotes-how-to-post-a-gallery-by-url-images-in-wordpress\/"},"wordCount":127,"commentCount":1,"publisher":{"@id":"https:\/\/jingcs.com\/#\/schema\/person\/c073eb7c1955a530dece0ad363304379"},"keywords":["Html","Visual","WordPress"],"articleSection":["TechNotes","UI"],"inLanguage":"en-GB","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/jingcs.com\/index.php\/technotes-how-to-post-a-gallery-by-url-images-in-wordpress\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/jingcs.com\/index.php\/technotes-how-to-post-a-gallery-by-url-images-in-wordpress\/","url":"https:\/\/jingcs.com\/index.php\/technotes-how-to-post-a-gallery-by-url-images-in-wordpress\/","name":"[TechNotes] How to post a gallery by URL images in WordPress\u00a0 - Jingyu\u2018s Blog","isPartOf":{"@id":"https:\/\/jingcs.com\/#website"},"datePublished":"2022-07-16T00:42:04+00:00","dateModified":"2022-07-16T00:42:04+00:00","breadcrumb":{"@id":"https:\/\/jingcs.com\/index.php\/technotes-how-to-post-a-gallery-by-url-images-in-wordpress\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jingcs.com\/index.php\/technotes-how-to-post-a-gallery-by-url-images-in-wordpress\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jingcs.com\/index.php\/technotes-how-to-post-a-gallery-by-url-images-in-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jingcs.com\/"},{"@type":"ListItem","position":2,"name":"[TechNotes] How to post a gallery by URL images in WordPress\u00a0"}]},{"@type":"WebSite","@id":"https:\/\/jingcs.com\/#website","url":"https:\/\/jingcs.com\/","name":"Jingyu\u2018s Blog","description":"About tech, art, trip and more","publisher":{"@id":"https:\/\/jingcs.com\/#\/schema\/person\/c073eb7c1955a530dece0ad363304379"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jingcs.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-GB"},{"@type":["Person","Organization"],"@id":"https:\/\/jingcs.com\/#\/schema\/person\/c073eb7c1955a530dece0ad363304379","name":"jingyu","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/jingcs.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0c7b4c22ab3b33c396669bc1480d50cd?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0c7b4c22ab3b33c396669bc1480d50cd?s=96&d=mm&r=g","caption":"jingyu"},"logo":{"@id":"https:\/\/jingcs.com\/#\/schema\/person\/image\/"},"url":"https:\/\/jingcs.com\/index.php\/author\/jingyu\/"}]}},"_links":{"self":[{"href":"https:\/\/jingcs.com\/index.php\/wp-json\/wp\/v2\/posts\/89"}],"collection":[{"href":"https:\/\/jingcs.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jingcs.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jingcs.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jingcs.com\/index.php\/wp-json\/wp\/v2\/comments?post=89"}],"version-history":[{"count":3,"href":"https:\/\/jingcs.com\/index.php\/wp-json\/wp\/v2\/posts\/89\/revisions"}],"predecessor-version":[{"id":92,"href":"https:\/\/jingcs.com\/index.php\/wp-json\/wp\/v2\/posts\/89\/revisions\/92"}],"wp:attachment":[{"href":"https:\/\/jingcs.com\/index.php\/wp-json\/wp\/v2\/media?parent=89"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jingcs.com\/index.php\/wp-json\/wp\/v2\/categories?post=89"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jingcs.com\/index.php\/wp-json\/wp\/v2\/tags?post=89"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}