{"id":51104,"date":"2023-11-07T15:43:07","date_gmt":"2023-11-07T23:43:07","guid":{"rendered":"https:\/\/gingerscraps.net\/gsblog\/?p=51104"},"modified":"2023-11-15T00:51:14","modified_gmt":"2023-11-15T08:51:14","slug":"tutorial-tuesday-potpourri-28","status":"publish","type":"post","link":"https:\/\/gingerscraps.net\/gsblog\/2023\/11\/tutorial-tuesday-potpourri-28\/","title":{"rendered":"Tutorial Tuesday (Potpourri)"},"content":{"rendered":"<p><strong>Yes! You Can Add a QR Code to Tour Layouts!<\/strong><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-50957\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2023\/10\/GS_blog_TeachYouIWill_Header-500x17.jpg\" alt=\"\" width=\"600\" height=\"21\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2023\/10\/GS_blog_TeachYouIWill_Header-500x17.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2023\/10\/GS_blog_TeachYouIWill_Header-768x26.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2023\/10\/GS_blog_TeachYouIWill_Header.jpg 783w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>PDF Version : <a href=\"https:\/\/bit.ly\/3MKBAsF\">https:\/\/bit.ly\/3MKBAsF<\/a><\/p>\n<p>And omigosh, you won&#8217;t believe how easy it is!! Last month the <span style=\"color: #ff6600\"><a style=\"color: #ff6600\" href=\"https:\/\/forums.gingerscraps.net\/showthread.php?70584-October-2023-Journaling-Challenge-with-Lisa-Rosa&amp;p=787177#post787177\"><strong>Journaling Challenge<\/strong><\/a><\/span> had two options for topics: Where do you see yourself in 5 years? Or tell us about the last time you cried. I chose the latter and created my layout, as shown below.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium\" src=\"https:\/\/gallery.gingerscraps.net\/data\/1277\/Cowboy_Poet_GS.jpg\" width=\"600\" height=\"600\" \/><\/p>\n<p>I ugly-cried when, while watching a country music awards show with my son, I heard Toby Keith sing <strong>Don&#8217;t Let the Old Man In<\/strong>, looking gaunt and pale from his battle with stomach cancer. I lost a close friend 5 years ago to the same cruel disease and I found myself sobbing. I used the lyrics as my journaling but never even thought to include a QR code linked to the video of his performance until much later. Let me tell you how I did it.<\/p>\n<p>First, I did some <strong>Googling<\/strong> to find the <span style=\"text-decoration: underline\">safest,<\/span> <span style=\"text-decoration: underline\">most reliable, completely free<\/span> converter out there. The one I chose to use is found <span style=\"color: #0000ff\"><a style=\"color: #0000ff\" href=\"http:\/\/www.free-qr-code-generator.com\"><strong>here<\/strong><\/a><\/span>. (Click on &#8220;here&#8221;.) Or type in the URL from the screenshot below. Look at all the options for file source you can use for your code! And it&#8217;s completely customizable.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-51105\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2023\/11\/1-500x268.jpg\" alt=\"\" width=\"600\" height=\"322\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2023\/11\/1-500x268.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2023\/11\/1-768x412.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2023\/11\/1-1536x825.jpg 1536w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2023\/11\/1-875x470.jpg 875w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2023\/11\/1.jpg 1831w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>I&#8217;m linking to a <strong>YouTube<\/strong> video, so I clicked the <strong>YouTube<\/strong> icon and <strong>Copy-Pasted<\/strong> the <strong>URL<\/strong> (<strong>U<\/strong>niversal <strong>R<\/strong>esource <strong>L<\/strong>ocator, or web address) into the source bar. For this step you need two tabs open, one with your source and one with the <strong>QR code generator<\/strong> website. <strong>Highlight<\/strong> the <strong>URL<\/strong> on your computer screen by <strong>click-dragging<\/strong> your cursor over it. <strong>Right-click<\/strong> and choose <strong>Copy<\/strong>, or <strong>CTRL\/CMD&gt;C<\/strong>. Then go to the <strong>QR generator<\/strong> and put your cursor in the source box. <strong>Right-click<\/strong> and choose <strong>Paste<\/strong>, or <strong>CTRL\/CMD&gt;V<\/strong>. Last, <strong>click<\/strong> on the green bar to <strong>Generate QR Code<\/strong>.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-51106\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2023\/11\/2-500x166.jpg\" alt=\"\" width=\"600\" height=\"199\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2023\/11\/2-500x166.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2023\/11\/2-768x255.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2023\/11\/2-1536x510.jpg 1536w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2023\/11\/2-875x290.jpg 875w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2023\/11\/2.jpg 1799w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>Your <strong>QR code<\/strong> appears instantly as shown. Before you go any further, get your phone and test the code to make sure it works. Most phones these days don&#8217;t need a separate QR code scanner app, just the camera. Try mine!<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-51107\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2023\/11\/3-500x233.jpg\" alt=\"\" width=\"600\" height=\"279\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2023\/11\/3-500x233.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2023\/11\/3-768x357.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2023\/11\/3-1536x715.jpg 1536w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2023\/11\/3-875x407.jpg 875w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2023\/11\/3.jpg 1827w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>There are so many options for customizing your code. I don&#8217;t want to add a logo, but the instructions are very straight-forward if you choose to add one. I DO want to make the colour fit into my layout better, so I&#8217;ll show you how I did that. <strong>Click Set Colors<\/strong>.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-51108\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2023\/11\/4-500x244.jpg\" alt=\"\" width=\"600\" height=\"293\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2023\/11\/4-500x244.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2023\/11\/4-768x375.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2023\/11\/4-1536x749.jpg 1536w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2023\/11\/4-875x427.jpg 875w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2023\/11\/4.jpg 1833w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>I had my layout&#8217;s <strong>PSD<\/strong> file open in <strong>Elements<\/strong> so I used the <strong>Eye Dropper Color Picker<\/strong> to choose a russet-brown shade from one of the flowers. Keep the <strong>Color Picker dialog box<\/strong> open, you&#8217;ll need it! I tried to <strong>Copy<\/strong> the <strong>hex code<\/strong> for the colour &#8211; the one with the # symbol in front of it in the blue box &#8211; into the <strong>code generator<\/strong> but it wouldn&#8217;t let me do it.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-51109\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2023\/11\/5-500x273.jpg\" alt=\"\" width=\"600\" height=\"327\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2023\/11\/5-500x273.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2023\/11\/5-768x419.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2023\/11\/5-1536x837.jpg 1536w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2023\/11\/5-875x477.jpg 875w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2023\/11\/5.jpg 1559w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>So I tried <strong>typing<\/strong> the numbers shown in the <strong>R, G<\/strong> and <strong>B<\/strong> boxes on the <strong>Color Picker<\/strong> into the <strong>R, G<\/strong> and <strong>B<\/strong> boxes on the <strong>code generator<\/strong>. It worked. Here&#8217;s a closer look at the <strong>Color Picker<\/strong> so you can see what I mean.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-51110\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2023\/11\/6-500x373.jpg\" alt=\"\" width=\"600\" height=\"447\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2023\/11\/6-500x373.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2023\/11\/6.jpg 569w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>The colour of the <strong>QR code<\/strong> changed automatically. I verified that the <strong>hex code<\/strong> matches with the <strong>Elements Color Picker<\/strong>. It does!<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-51111\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2023\/11\/7-500x228.jpg\" alt=\"\" width=\"600\" height=\"274\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2023\/11\/7-500x228.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2023\/11\/7-768x350.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2023\/11\/7-875x399.jpg 875w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2023\/11\/7.jpg 1315w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>I could use the code as is, but decided to add a border.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-51112\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2023\/11\/8-500x218.jpg\" alt=\"\" width=\"600\" height=\"262\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2023\/11\/8-500x218.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2023\/11\/8-768x335.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2023\/11\/8-875x382.jpg 875w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2023\/11\/8.jpg 1313w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>I changed the default colour to one from my layout in the same way. There&#8217;s even an option to change the text inside the border, and the font too. To save it so I can add it to my layout, I chose to go with a <strong>PNG<\/strong> file so it would have a transparent background.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-51113\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2023\/11\/9-500x256.jpg\" alt=\"\" width=\"600\" height=\"307\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2023\/11\/9-500x256.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2023\/11\/9-768x393.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2023\/11\/9-1536x786.jpg 1536w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2023\/11\/9-875x448.jpg 875w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2023\/11\/9.jpg 1658w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>Here it is, added to my layout next to the lyrics. I&#8217;ve tested it in its location and at this size, as shown on my computer screen and it works perfectly! I may have to do this again (a few times) for other layouts.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-51114\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2023\/11\/10-500x275.jpg\" alt=\"\" width=\"600\" height=\"330\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2023\/11\/10-500x275.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2023\/11\/10-768x423.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2023\/11\/10-1536x845.jpg 1536w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2023\/11\/10-875x482.jpg 875w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2023\/11\/10.jpg 1546w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>Does this look like something you&#8217;ll try? It can add so much context to our layouts that just won&#8217;t fit into a journal box. And it&#8217;s easy-peasy-free!<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-50958\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2023\/10\/GS_footer_Jan-500x19.jpg\" alt=\"\" width=\"600\" height=\"23\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2023\/10\/GS_footer_Jan-500x19.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2023\/10\/GS_footer_Jan-575x22.jpg 575w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2023\/10\/GS_footer_Jan.jpg 586w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Yes! You Can Add a QR Code to Tour Layouts! PDF Version : https:\/\/bit.ly\/3MKBAsF And omigosh, you won&#8217;t believe how easy it is!! Last month the Journaling Challenge had two options for topics: Where do you see yourself in 5 years? Or tell us about the last time you cried. I chose the latter and [&hellip;]<\/p>\n","protected":false},"author":42,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[229,102,284,92,66,293,62],"tags":[373],"publishpress_future_action":{"enabled":false,"date":"2026-05-08 08:04:09","action":"change-status","newStatus":"private","terms":[],"taxonomy":"category"},"publishpress_future_workflow_manual_trigger":{"enabledWorkflows":[]},"_links":{"self":[{"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/posts\/51104"}],"collection":[{"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/users\/42"}],"replies":[{"embeddable":true,"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/comments?post=51104"}],"version-history":[{"count":4,"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/posts\/51104\/revisions"}],"predecessor-version":[{"id":51172,"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/posts\/51104\/revisions\/51172"}],"wp:attachment":[{"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/media?parent=51104"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/categories?post=51104"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/tags?post=51104"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}