{"id":480,"date":"2026-04-01T14:39:19","date_gmt":"2026-04-01T21:39:19","guid":{"rendered":"https:\/\/blogs.ubc.ca\/criticaljoy\/?page_id=480"},"modified":"2026-04-02T14:58:49","modified_gmt":"2026-04-02T21:58:49","slug":"template","status":"publish","type":"page","link":"https:\/\/blogs.ubc.ca\/criticaljoy\/template\/","title":{"rendered":"Template"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To add the template below: <\/p>\n\n\n\n<div class=\"wp-block-group explanatory has-background\" style=\"background-color:#f1f1f1\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"wp-block-paragraph\"><strong>Explanatory Boxes<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Explanatory boxes description <\/p>\n<\/div><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Copy the code below:<\/li>\n\n\n\n<li>Go to option (3 dotted menu beside &#8220;save&#8221; )>Code Editor<\/li>\n\n\n\n<li>Paste the code below in any place of the code editor. <\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"\" style=\"font-size:clamp(16px, 1rem, 24px);--cbp-line-number-color:#d8dee9ff;--cbp-line-number-width:calc(2 * 0.6 * 1rem);line-height:clamp(24px, 1.5rem, 36px);--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:flex;align-items:center;padding:16px 0 0 16px;width:100%;text-align:left;background-color:#2e3440\"><span style=\"background:#c8d0e0;padding:0.3rem 0.5rem 0.2rem;border-radius:1rem;font-size:0.8em;line-height:1;height:1.25rem;text-align:center;display:inline-flex;align-items:center;justify-content:center;color:#2e3440\">HTML<\/span><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#d8dee9ff;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>&lt;!-- wp:group {\"metadata\":{\"name\":\"Explanatory boxes\",\"categories\":[],\"patternName\":\"core\/block\/329\"},\"className\":\"explanatory\",\"style\":{\"color\":{\"background\":\"#f1f1f1\"}},\"layout\":{\"type\":\"constrained\"}} -->\n&lt;div class=\"wp-block-group explanatory has-background\" style=\"background-color:#f1f1f1\">&lt;!-- wp:paragraph -->\n&lt;p>&lt;strong>Explanatory Boxes&lt;\/strong>&lt;\/p>\n&lt;!-- \/wp:paragraph -->\n\n&lt;!-- wp:paragraph -->\n&lt;p>Explanatory boxes description &lt;\/p>\n&lt;!-- \/wp:paragraph -->&lt;\/div>\n&lt;!-- \/wp:group -->\n\n&lt;!-- wp:paragraph -->\n&lt;p>&lt;\/p>\n&lt;!-- \/wp:paragraph -->\n<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.5 12.75l6 6 9-13.5\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M16.5 8.25V6a2.25 2.25 0 00-2.25-2.25H6A2.25 2.25 0 003.75 6v8.25A2.25 2.25 0 006 16.5h2.25m8.25-8.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-7.5A2.25 2.25 0 018.25 18v-1.5m8.25-8.25h-6a2.25 2.25 0 00-2.25 2.25v6\"><\/path><\/svg><\/span><pre class=\"shiki nord\" style=\"background-color: #2e3440ff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #616E88\">&lt;!-- wp:group {&quot;metadata&quot;:{&quot;name&quot;:&quot;Explanatory boxes&quot;,&quot;categories&quot;:[],&quot;patternName&quot;:&quot;core\/block\/329&quot;},&quot;className&quot;:&quot;explanatory&quot;,&quot;style&quot;:{&quot;color&quot;:{&quot;background&quot;:&quot;#f1f1f1&quot;}},&quot;layout&quot;:{&quot;type&quot;:&quot;constrained&quot;}} --&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;div<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">class<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">wp-block-group explanatory has-background<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">style<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">background-color:#f1f1f1<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">&gt;<\/span><span style=\"color: #616E88\">&lt;!-- wp:paragraph --&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;p&gt;&lt;strong&gt;<\/span><span style=\"color: #D8DEE9FF\">Explanatory Boxes<\/span><span style=\"color: #81A1C1\">&lt;\/strong&gt;&lt;\/p&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #616E88\">&lt;!-- \/wp:paragraph --&gt;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #616E88\">&lt;!-- wp:paragraph --&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;p&gt;<\/span><span style=\"color: #D8DEE9FF\">Explanatory boxes description <\/span><span style=\"color: #81A1C1\">&lt;\/p&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #616E88\">&lt;!-- \/wp:paragraph --&gt;<\/span><span style=\"color: #81A1C1\">&lt;\/div&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #616E88\">&lt;!-- \/wp:group --&gt;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #616E88\">&lt;!-- wp:paragraph --&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;p&gt;&lt;\/p&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #616E88\">&lt;!-- \/wp:paragraph --&gt;<\/span><\/span>\n<span class=\"line\"><\/span><\/code><\/pre><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">4. Click &#8220;exit code&#8221; to switch back to visual editor<\/p>\n","protected":false},"excerpt":{"rendered":"<p>To add the template below: Explanatory Boxes Explanatory boxes description 4. Click &#8220;exit code&#8221; to switch back to visual editor<\/p>\n","protected":false},"author":10679,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-480","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/blogs.ubc.ca\/criticaljoy\/wp-json\/wp\/v2\/pages\/480","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.ubc.ca\/criticaljoy\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blogs.ubc.ca\/criticaljoy\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.ubc.ca\/criticaljoy\/wp-json\/wp\/v2\/users\/10679"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.ubc.ca\/criticaljoy\/wp-json\/wp\/v2\/comments?post=480"}],"version-history":[{"count":12,"href":"https:\/\/blogs.ubc.ca\/criticaljoy\/wp-json\/wp\/v2\/pages\/480\/revisions"}],"predecessor-version":[{"id":594,"href":"https:\/\/blogs.ubc.ca\/criticaljoy\/wp-json\/wp\/v2\/pages\/480\/revisions\/594"}],"wp:attachment":[{"href":"https:\/\/blogs.ubc.ca\/criticaljoy\/wp-json\/wp\/v2\/media?parent=480"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}