{"id":838,"date":"2024-04-08T23:48:35","date_gmt":"2024-04-08T23:48:35","guid":{"rendered":"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/?page_id=838"},"modified":"2024-04-09T04:04:28","modified_gmt":"2024-04-09T04:04:28","slug":"demonstrating-custom-code","status":"publish","type":"page","link":"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/demonstrating-custom-code\/","title":{"rendered":"Demonstrating Custom Code"},"content":{"rendered":"<h2 class=\"wp-block-heading\">1. Demonstrate using Custom HTML block using Gutenberg Editor or any editor you are using<\/h2><!-- Demonstrating Custom Code -->\n\n<h5>This heading is written in custom HTML<\/h5>\n<p><strong>This paragraph is also written in custom HTML.<\/strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p><div style=\"height:16px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><p class=\"wp-block-paragraph\">What the heading and paragraph above look like in the Gutenberg custom HTML block:<\/p><figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"967\" height=\"311\" src=\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/04\/writingHTMLinGutenberg2-1.png\" alt=\"\" class=\"wp-image-858\" srcset=\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/04\/writingHTMLinGutenberg2-1.png 967w, https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/04\/writingHTMLinGutenberg2-1-300x96.png 300w, https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/04\/writingHTMLinGutenberg2-1-768x247.png 768w, https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/04\/writingHTMLinGutenberg2-1-600x193.png 600w\" sizes=\"(max-width: 967px) 100vw, 967px\" \/><\/figure><div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><h2 class=\"wp-block-heading\">2. Demonstrate Editing Your WordPress CSS via the WordPress Customizer<\/h2><div class=\"alignnormal\"><div id=\"metaslider-id-862\" style=\"width: 100%;\" class=\"ml-slider-3-96-0 metaslider metaslider-flex metaslider-862 ml-slider ms-theme-default\" role=\"region\" aria-roledescription=\"Slideshow\" aria-label=\"Customizing CSS with WP Customizer\">\n    <div id=\"metaslider_container_862\">\n        <div id=\"metaslider_862\">\n            <ul class='slides'>\n                <li style=\"display: block; width: 100%;\" class=\"slide-867 ms-image \" aria-roledescription=\"slide\" aria-label=\"slide-867\" data-date=\"2024-04-09 02:04:35\"><img decoding=\"async\" src=\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/04\/beforeCSSChanges-1100x700.png\" height=\"700\" width=\"1100\" alt=\"Custom CSS in WordPress customizer\" class=\"slider-862 slide-867\" title=\"beforeCSSChanges\" \/><div class=\"caption-wrap\"><div class=\"caption\"><div>Zakra page header without custom CSS<\/div><\/div><\/div><\/li>\n                <li style=\"display: none; width: 100%;\" class=\"slide-868 ms-image \" aria-roledescription=\"slide\" aria-label=\"slide-868\" data-date=\"2024-04-09 02:04:35\"><img decoding=\"async\" src=\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/04\/cssCustomizer-1100x700.png\" height=\"700\" width=\"1100\" alt=\"Custom CSS in WordPress customizer\" class=\"slider-862 slide-868\" title=\"cssCustomizer\" \/><div class=\"caption-wrap\"><div class=\"caption\"><div>Page header after custom CSS. The header has been shrunk, the background color has changed slightly, and a dotted border has been added to the top while a solid border has been added to the bottom.\u00a0<\/div><\/div><\/div><\/li>\n                <li style=\"display: none; width: 100%;\" class=\"slide-869 ms-image \" aria-roledescription=\"slide\" aria-label=\"slide-869\" data-date=\"2024-04-09 02:04:35\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/04\/cssCustomizer2-1001x637.png\" height=\"700\" width=\"1100\" alt=\"Custom CSS in WordPress customizer\" class=\"slider-862 slide-869\" title=\"cssCustomizer2\" \/><div class=\"caption-wrap\"><div class=\"caption\"><div>A 1px solid black border has been added to the top of the footer<\/div><\/div><\/div><\/li>\n            <\/ul>\n        <\/div>\n        \n    <\/div>\n<\/div><\/div><div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><h2 class=\"wp-block-heading\">3. Demonstrate how to edit HTML, CSS, JavaScript, PhP in WordPress pages<\/h2><div class=\"alignnormal\"><div id=\"metaslider-id-874\" style=\"width: 100%;\" class=\"ml-slider-3-96-0 metaslider metaslider-flex metaslider-874 ml-slider ms-theme-default\" role=\"region\" aria-roledescription=\"Slideshow\" aria-label=\"How to Edit Page HTML\/CSS\">\n    <div id=\"metaslider_container_874\">\n        <div id=\"metaslider_874\">\n            <ul class='slides'>\n                <li style=\"display: block; width: 100%;\" class=\"slide-877 ms-image \" aria-roledescription=\"slide\" aria-label=\"slide-877\" data-date=\"2024-04-09 02:18:37\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/04\/editAsHTML-1100x700.png\" height=\"700\" width=\"1100\" alt=\"Selecting &quot;edit as HTML&quot; WP option\" class=\"slider-874 slide-877\" title=\"editAsHTML\" \/><div class=\"caption-wrap\"><div class=\"caption\"><div>I selected an element and clicked the \"edit as HTML\" option from the drop down menu.\u00a0<\/div><\/div><\/div><\/li>\n                <li style=\"display: none; width: 100%;\" class=\"slide-878 ms-image \" aria-roledescription=\"slide\" aria-label=\"slide-878\" data-date=\"2024-04-09 02:20:03\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/04\/editAsHTML2-884x562.png\" height=\"700\" width=\"1100\" alt=\"Editing HTML\" class=\"slider-874 slide-878\" title=\"editAsHTML2\" \/><div class=\"caption-wrap\"><div class=\"caption\"><div>Then I added the \"strong\" tags to make the text appear bold.\u00a0<\/div><\/div><\/div><\/li>\n                <li style=\"display: none; width: 100%;\" class=\"slide-887 ms-image \" aria-roledescription=\"slide\" aria-label=\"slide-887\" data-date=\"2024-04-09 02:27:25\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/04\/codeEditorMode-1078x686.png\" height=\"700\" width=\"1100\" alt=\"Selecting code editor mode\" class=\"slider-874 slide-887\" title=\"codeEditorMode\" \/><div class=\"caption-wrap\"><div class=\"caption\"><div>I opened the drop down menu located in the top right and selected the \"code editor\" feature.\u00a0<\/div><\/div><\/div><\/li>\n                <li style=\"display: none; width: 100%;\" class=\"slide-888 ms-image \" aria-roledescription=\"slide\" aria-label=\"slide-888\" data-date=\"2024-04-09 02:27:25\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/04\/codeEditorMode2-1063x676.png\" height=\"700\" width=\"1100\" alt=\"editing page html\" class=\"slider-874 slide-888\" title=\"codeEditorMode2\" \/><div class=\"caption-wrap\"><div class=\"caption\"><div>Using the code editor, I removed the strong tags I applied earlier.<\/div><\/div><\/div><\/li>\n                <li style=\"display: none; width: 100%;\" class=\"slide-893 ms-image \" aria-roledescription=\"slide\" aria-label=\"slide-893\" data-date=\"2024-04-09 03:17:12\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/04\/usingSimpleCSS-641x408.png\" height=\"700\" width=\"1100\" alt=\"Simple CSS plugin for editing CSS\" class=\"slider-874 slide-893\" title=\"usingSimpleCSS\" \/><div class=\"caption-wrap\"><div class=\"caption\"><div>Editing page specific CSS with the Simple CSS plugin by Tom Usborne.<\/div><\/div><\/div><\/li>\n                <li style=\"display: none; width: 100%;\" class=\"slide-892 ms-image \" aria-roledescription=\"slide\" aria-label=\"slide-892\" data-date=\"2024-04-09 03:17:12\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/04\/usingSimpleCSS2-897x570.png\" height=\"700\" width=\"1100\" alt=\"Simple CSS plugin for editing CSS\" class=\"slider-874 slide-892\" title=\"usingSimpleCSS2\" \/><div class=\"caption-wrap\"><div class=\"caption\"><div>Change made by CSS in last slide (since reverted)<\/div><\/div><\/div><\/li>\n            <\/ul>\n        <\/div>\n        \n    <\/div>\n<\/div><\/div><div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><h2 class=\"wp-block-heading\">4. Demonstrate how to add HTML in your sidebar, header, and footer.<\/h2><div class=\"alignnormal\"><div id=\"metaslider-id-898\" style=\"width: 100%;\" class=\"ml-slider-3-96-0 metaslider metaslider-flex metaslider-898 ml-slider ms-theme-default\" role=\"region\" aria-roledescription=\"Slideshow\" aria-label=\"Custom HTML in Header, Footer, and Slider\">\n    <div id=\"metaslider_container_898\">\n        <div id=\"metaslider_898\">\n            <ul class='slides'>\n                <li style=\"display: block; width: 100%;\" class=\"slide-908 ms-image \" aria-roledescription=\"slide\" aria-label=\"slide-908\" data-date=\"2024-04-09 03:49:11\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/04\/headerHTML-636x404.png\" height=\"700\" width=\"1100\" alt=\"editing header\" class=\"slider-898 slide-908\" title=\"headerHTML\" \/><div class=\"caption-wrap\"><div class=\"caption\"><div>Adding custom HTML to my theme's header from the customizer<\/div><\/div><\/div><\/li>\n                <li style=\"display: none; width: 100%;\" class=\"slide-909 ms-image \" aria-roledescription=\"slide\" aria-label=\"slide-909\" data-date=\"2024-04-09 03:49:11\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/04\/headerHTMLShown-641x407.png\" height=\"700\" width=\"1100\" alt=\"header\" class=\"slider-898 slide-909\" title=\"headerHTMLShown\" \/><div class=\"caption-wrap\"><div class=\"caption\"><div>Text shown in header (since deleted)<\/div><\/div><\/div><\/li>\n                <li style=\"display: none; width: 100%;\" class=\"slide-906 ms-image \" aria-roledescription=\"slide\" aria-label=\"slide-906\" data-date=\"2024-04-09 03:49:11\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/04\/footerHTML-692x440.png\" height=\"700\" width=\"1100\" alt=\"editing footer\" class=\"slider-898 slide-906\" title=\"footerHTML\" \/><div class=\"caption-wrap\"><div class=\"caption\"><div>Adding custom HTML to my theme's footer<\/div><\/div><\/div><\/li>\n                <li style=\"display: none; width: 100%;\" class=\"slide-907 ms-image \" aria-roledescription=\"slide\" aria-label=\"slide-907\" data-date=\"2024-04-09 03:49:11\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/04\/footerHTMLshown-625x398.png\" height=\"700\" width=\"1100\" alt=\"footer\" class=\"slider-898 slide-907\" title=\"footerHTMLshown\" \/><div class=\"caption-wrap\"><div class=\"caption\"><div>Text shown in footer<\/div><\/div><\/div><\/li>\n                <li style=\"display: none; width: 100%;\" class=\"slide-910 ms-image \" aria-roledescription=\"slide\" aria-label=\"slide-910\" data-date=\"2024-04-09 03:49:11\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/04\/sidebarWidgetHTML-790x502.png\" height=\"700\" width=\"1100\" alt=\"editing sidebar widget\" class=\"slider-898 slide-910\" title=\"sidebarWidgetHTML\" \/><div class=\"caption-wrap\"><div class=\"caption\"><div>Creating a widget with custom HTML and adding it to the sidebar<\/div><\/div><\/div><\/li>\n                <li style=\"display: none; width: 100%;\" class=\"slide-905 ms-image \" aria-roledescription=\"slide\" aria-label=\"slide-905\" data-date=\"2024-04-09 03:49:11\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/04\/sidebarWidgetHTMLShown-825x525.png\" height=\"700\" width=\"1100\" alt=\"sidebar widget\" class=\"slider-898 slide-905\" title=\"sidebarWidgetHTMLShown\" \/><div class=\"caption-wrap\"><div class=\"caption\"><div>Widget shown in sidebar<\/div><\/div><\/div><\/li>\n            <\/ul>\n        <\/div>\n        \n    <\/div>\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>1. Demonstrate using Custom HTML block using Gutenberg Editor or any editor you are using This heading is written in custom HTML This paragraph is also written in custom HTML. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"zakra_sidebar_layout":"customizer","zakra_remove_content_margin":false,"zakra_sidebar":"customizer","zakra_transparent_header":"customizer","zakra_logo":0,"zakra_main_header_style":"default","zakra_menu_item_color":"","zakra_menu_item_hover_color":"","zakra_menu_item_active_color":"","zakra_menu_active_style":"","zakra_page_header":true,"footnotes":""},"class_list":["post-838","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Demonstrating Custom Code - Test Site<\/title>\n<meta name=\"description\" content=\"1. Demonstrate using Custom HTML block using Gutenberg Editor or any editor you are using This heading is written in custom HTML This paragraph is also\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/demonstrating-custom-code\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Demonstrating Custom Code - Test Site\" \/>\n<meta property=\"og:description\" content=\"1. Demonstrate using Custom HTML block using Gutenberg Editor or any editor you are using This heading is written in custom HTML This paragraph is also\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/demonstrating-custom-code\/\" \/>\n<meta property=\"og:site_name\" content=\"Test Site\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-09T04:04:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/04\/writingHTMLinGutenberg2-1.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/demonstrating-custom-code\/\",\"url\":\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/demonstrating-custom-code\/\",\"name\":\"Demonstrating Custom Code - Test Site\",\"isPartOf\":{\"@id\":\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/demonstrating-custom-code\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/demonstrating-custom-code\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/04\/writingHTMLinGutenberg2-1.png\",\"datePublished\":\"2024-04-08T23:48:35+00:00\",\"dateModified\":\"2024-04-09T04:04:28+00:00\",\"description\":\"1. Demonstrate using Custom HTML block using Gutenberg Editor or any editor you are using This heading is written in custom HTML This paragraph is also\",\"breadcrumb\":{\"@id\":\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/demonstrating-custom-code\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/demonstrating-custom-code\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/demonstrating-custom-code\/#primaryimage\",\"url\":\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/04\/writingHTMLinGutenberg2-1.png\",\"contentUrl\":\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/04\/writingHTMLinGutenberg2-1.png\",\"width\":967,\"height\":311},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/demonstrating-custom-code\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Demonstrating Custom Code\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/#website\",\"url\":\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/\",\"name\":\"Test Site\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/#\/schema\/person\/f6ec89a131f8e60e173b79fc9e6ec60f\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/#\/schema\/person\/f6ec89a131f8e60e173b79fc9e6ec60f\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/1e0aa4bac4344e06293bd9d4efb6e4c13a384dc49cc65a8a951b7854e913c2c4?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/1e0aa4bac4344e06293bd9d4efb6e4c13a384dc49cc65a8a951b7854e913c2c4?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"logo\":{\"@id\":\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/#\/schema\/person\/image\/\"},\"sameAs\":[\"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Demonstrating Custom Code - Test Site","description":"1. Demonstrate using Custom HTML block using Gutenberg Editor or any editor you are using This heading is written in custom HTML This paragraph is also","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:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/demonstrating-custom-code\/","og_locale":"en_US","og_type":"article","og_title":"Demonstrating Custom Code - Test Site","og_description":"1. Demonstrate using Custom HTML block using Gutenberg Editor or any editor you are using This heading is written in custom HTML This paragraph is also","og_url":"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/demonstrating-custom-code\/","og_site_name":"Test Site","article_modified_time":"2024-04-09T04:04:28+00:00","og_image":[{"url":"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/04\/writingHTMLinGutenberg2-1.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/demonstrating-custom-code\/","url":"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/demonstrating-custom-code\/","name":"Demonstrating Custom Code - Test Site","isPartOf":{"@id":"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/#website"},"primaryImageOfPage":{"@id":"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/demonstrating-custom-code\/#primaryimage"},"image":{"@id":"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/demonstrating-custom-code\/#primaryimage"},"thumbnailUrl":"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/04\/writingHTMLinGutenberg2-1.png","datePublished":"2024-04-08T23:48:35+00:00","dateModified":"2024-04-09T04:04:28+00:00","description":"1. Demonstrate using Custom HTML block using Gutenberg Editor or any editor you are using This heading is written in custom HTML This paragraph is also","breadcrumb":{"@id":"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/demonstrating-custom-code\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/demonstrating-custom-code\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/demonstrating-custom-code\/#primaryimage","url":"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/04\/writingHTMLinGutenberg2-1.png","contentUrl":"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-content\/uploads\/2024\/04\/writingHTMLinGutenberg2-1.png","width":967,"height":311},{"@type":"BreadcrumbList","@id":"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/demonstrating-custom-code\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/"},{"@type":"ListItem","position":2,"name":"Demonstrating Custom Code"}]},{"@type":"WebSite","@id":"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/#website","url":"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/","name":"Test Site","description":"","publisher":{"@id":"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/#\/schema\/person\/f6ec89a131f8e60e173b79fc9e6ec60f"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/#\/schema\/person\/f6ec89a131f8e60e173b79fc9e6ec60f","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/1e0aa4bac4344e06293bd9d4efb6e4c13a384dc49cc65a8a951b7854e913c2c4?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/1e0aa4bac4344e06293bd9d4efb6e4c13a384dc49cc65a8a951b7854e913c2c4?s=96&d=mm&r=g","caption":"admin"},"logo":{"@id":"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/#\/schema\/person\/image\/"},"sameAs":["https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite"]}]}},"_links":{"self":[{"href":"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-json\/wp\/v2\/pages\/838","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-json\/wp\/v2\/comments?post=838"}],"version-history":[{"count":19,"href":"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-json\/wp\/v2\/pages\/838\/revisions"}],"predecessor-version":[{"id":912,"href":"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-json\/wp\/v2\/pages\/838\/revisions\/912"}],"wp:attachment":[{"href":"https:\/\/sickleswebdesign.webhostingforstudents.com\/testsite\/wp-json\/wp\/v2\/media?parent=838"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}