{"id":15301,"date":"2021-08-14T13:48:42","date_gmt":"2021-08-14T12:48:42","guid":{"rendered":"https:\/\/johnjohnston.info\/blog\/?p=15301"},"modified":"2021-08-14T13:48:44","modified_gmt":"2021-08-14T12:48:44","slug":"wordpress-patterns","status":"publish","type":"post","link":"https:\/\/johnjohnston.info\/blog\/wordpress-patterns\/","title":{"rendered":"WordPress Patterns"},"content":{"rendered":"\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:80%\">\n<figure class=\"wp-block-gallery columns-3 is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" data-attachment-id=\"15086\" data-permalink=\"https:\/\/johnjohnston.info\/blog\/barassie-beach-4\/common-blue-2\/\" data-orig-file=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2021\/07\/common-blue.jpg\" data-orig-size=\"1200,900\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;6.5&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;Canon PowerShot SX70 HS&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;1626186020&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;247&quot;,&quot;iso&quot;:&quot;100&quot;,&quot;shutter_speed&quot;:&quot;0.0015625&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;,&quot;ExifVersion&quot;:&quot;0231&quot;}\" data-image-title=\"common-blue\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2021\/07\/common-blue-1024x768.jpg\" src=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2021\/07\/common-blue-1024x768.jpg\" alt=\"\" data-id=\"15086\" data-full-url=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2021\/07\/common-blue.jpg\" data-link=\"https:\/\/johnjohnston.info\/blog\/barassie-beach-4\/common-blue-2\/\" class=\"wp-image-15086\" srcset=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2021\/07\/common-blue-1024x768.jpg 1024w, https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2021\/07\/common-blue-620x465.jpg 620w, https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2021\/07\/common-blue-768x576.jpg 768w, https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2021\/07\/common-blue-668x501.jpg 668w, https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2021\/07\/common-blue.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"blocks-gallery-item__caption\">Common Blue<\/figcaption><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" data-attachment-id=\"15167\" data-permalink=\"https:\/\/johnjohnston.info\/blog\/small-white-or-green-veined-white\/img_4692\/\" data-orig-file=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2021\/07\/IMG_4692.jpg\" data-orig-size=\"1200,900\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;5.6&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;Canon PowerShot SX70 HS&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;1627211856&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;158.81&quot;,&quot;iso&quot;:&quot;100&quot;,&quot;shutter_speed&quot;:&quot;0.002&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;,&quot;ExifVersion&quot;:&quot;0231&quot;}\" data-image-title=\"IMG_4692\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2021\/07\/IMG_4692-1024x768.jpg\" src=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2021\/07\/IMG_4692-1024x768.jpg\" alt=\"Small White 0r Green Veined White\" data-id=\"15167\" data-full-url=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2021\/07\/IMG_4692.jpg\" data-link=\"https:\/\/johnjohnston.info\/blog\/small-white-or-green-veined-white\/img_4692\/\" class=\"wp-image-15167\" srcset=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2021\/07\/IMG_4692-1024x768.jpg 1024w, https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2021\/07\/IMG_4692-620x465.jpg 620w, https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2021\/07\/IMG_4692-768x576.jpg 768w, https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2021\/07\/IMG_4692-668x501.jpg 668w, https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2021\/07\/IMG_4692.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"blocks-gallery-item__caption\">White (green veined or small)<\/figcaption><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" data-attachment-id=\"14996\" data-permalink=\"https:\/\/johnjohnston.info\/blog\/14997-2\/354da7640d5d45d78853f1ee110fea02-jpg\/\" data-orig-file=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2021\/06\/354da7640d5d45d78853f1ee110fea02.jpg\" data-orig-size=\"1800,1801\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"354da7640d5d45d78853f1ee110fea02.jpg\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2021\/06\/354da7640d5d45d78853f1ee110fea02-1024x1024.jpg\" src=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2021\/06\/354da7640d5d45d78853f1ee110fea02-1024x1024.jpg\" alt=\"\" data-id=\"14996\" data-full-url=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2021\/06\/354da7640d5d45d78853f1ee110fea02.jpg\" data-link=\"https:\/\/johnjohnston.info\/blog\/14997-2\/354da7640d5d45d78853f1ee110fea02-jpg\/\" class=\"wp-image-14996\" srcset=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2021\/06\/354da7640d5d45d78853f1ee110fea02-1024x1024.jpg 1024w, https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2021\/06\/354da7640d5d45d78853f1ee110fea02-620x620.jpg 620w, https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2021\/06\/354da7640d5d45d78853f1ee110fea02-150x150.jpg 150w, https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2021\/06\/354da7640d5d45d78853f1ee110fea02-768x768.jpg 768w, https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2021\/06\/354da7640d5d45d78853f1ee110fea02-1536x1536.jpg 1536w, https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2021\/06\/354da7640d5d45d78853f1ee110fea02-668x668.jpg 668w, https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2021\/06\/354da7640d5d45d78853f1ee110fea02-45x45.jpg 45w, https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2021\/06\/354da7640d5d45d78853f1ee110fea02-50x50.jpg 50w, https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2021\/06\/354da7640d5d45d78853f1ee110fea02.jpg 1800w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"blocks-gallery-item__caption\">Small Tortoiseshell<\/figcaption><\/figure><\/li><\/ul><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-bottom is-layout-flow wp-block-column-is-layout-flow\" style=\"padding-bottom:15px;flex-basis:20%\">\n<p style=\"font-size:13px\">I just switched to the block editor to test out the new <a href=\"https:\/\/wordpress.org\/patterns\">WordPress Block patterns<\/a> feature. <\/p>\n\n\n\n<p><\/p>\n<\/div>\n<\/div>\n\n\n\n<p class=\"has-small-font-size\">You go to the pattern library, copy a pattern and paste it into your editor. I did that here and replace the 3 images that it came with. I added some captions. Using <a href=\"https:\/\/wordpress.org\/patterns\/pattern\/three-images-and-text\/\">this pattern<\/a>.<\/p>\n\n\n\n<p>Here is <a href=\"https:\/\/wordpress.org\/patterns\/pattern\/image-and-quote-on-a-background\/\">another pattern<\/a>.<\/p>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile is-vertically-aligned-center has-background\" style=\"background-color:#fffdea\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1880\" height=\"915\" data-attachment-id=\"15304\" data-permalink=\"https:\/\/johnjohnston.info\/blog\/wordpress-patterns\/pexels-photo-209053\/\" data-orig-file=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2021\/08\/pexels-photo-209053.jpeg\" data-orig-size=\"1880,915\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;Photo by Pixabay on &lt;a href=\\&quot;https:\/\/www.pexels.com\/photo\/animal-apodemus-sylvaticus-blur-brown-209053\/\\&quot; rel=\\&quot;nofollow\\&quot;&gt;Pexels.com&lt;\/a&gt;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;animal apodemus sylvaticus blur brown&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"pexels-photo-209053\" data-image-description=\"\" data-image-caption=\"&lt;p&gt;Photo by Pixabay on &lt;a href=&quot;https:\/\/www.pexels.com\/photo\/animal-apodemus-sylvaticus-blur-brown-209053\/&quot; rel=&quot;nofollow&quot;&gt;Pexels.com&lt;\/a&gt;&lt;\/p&gt;\n\" data-large-file=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2021\/08\/pexels-photo-209053-1024x498.jpeg\" src=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2021\/08\/pexels-photo-209053.jpeg\" alt=\"animal apodemus sylvaticus blur brown\" class=\"wp-image-15304 size-full\" srcset=\"https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2021\/08\/pexels-photo-209053.jpeg 1880w, https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2021\/08\/pexels-photo-209053-620x302.jpeg 620w, https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2021\/08\/pexels-photo-209053-1024x498.jpeg 1024w, https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2021\/08\/pexels-photo-209053-768x374.jpeg 768w, https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2021\/08\/pexels-photo-209053-1536x748.jpeg 1536w, https:\/\/johnjohnston.info\/blog\/wp-content\/uploads\/2021\/08\/pexels-photo-209053-668x325.jpeg 668w\" sizes=\"auto, (max-width: 1880px) 100vw, 1880px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<div class=\"wp-block-group\" style=\"padding-top:2em;padding-right:2em;padding-bottom:2em;padding-left:2em\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<p>And the days are not full enough.<\/p>\n\n\n\n<p>And the nights are not full enough<\/p>\n\n\n\n<p>And life slips by like a field mouse<\/p>\n\n\n\n<p>Not shaking the grass<\/p>\n\n\n\n<p> <\/p>\n\n\n\n<p class=\"has-extra-small-font-size\">\u2013 Ezra Pound<\/p>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<p>I don&#8217;t think I am quite ready for the Block Editor yet but these look interesting. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>I just switched to the block editor to test out the new WordPress Block patterns feature. You go to the pattern library, copy a pattern and paste it into your editor. I did that here and replace the 3 images that it came with. I added some captions. Using this pattern. Here is another pattern. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"mf2_syndication":[],"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"webmentions_disabled_pings":false,"webmentions_disabled":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[660],"tags":[],"post_format":[],"class_list":{"0":"post-15301","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-micro","7":"kind-article","9":"h-entry","10":"hentry"},"better_featured_image":null,"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p57zFQ-3YN","jetpack_likes_enabled":false,"jetpack_sharing_enabled":true,"kind":false,"_links":{"self":[{"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/posts\/15301","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/comments?post=15301"}],"version-history":[{"count":4,"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/posts\/15301\/revisions"}],"predecessor-version":[{"id":15306,"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/posts\/15301\/revisions\/15306"}],"wp:attachment":[{"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/media?parent=15301"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/categories?post=15301"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/tags?post=15301"},{"taxonomy":"post_format","embeddable":true,"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/post_format?post=15301"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}