{"id":11285129,"date":"2019-03-07T10:19:35","date_gmt":"2019-03-07T10:19:35","guid":{"rendered":"https:\/\/wordpress.org\/support\/?post_type=helphub_article&#038;p=11285129"},"modified":"2023-04-25T14:33:10","modified_gmt":"2023-04-25T14:33:10","slug":"custom-html","status":"publish","type":"helphub_article","link":"https:\/\/wordpress.org\/documentation\/article\/custom-html\/","title":{"rendered":"Custom HTML"},"content":{"rendered":"\n<p><strong>Hypertext Markup Language (HTML)<\/strong>, is language used to describe the semantic content of web pages. This can be added using the&nbsp;<em>custom HTML block<\/em>. This block allows you to insert your code so you can fine-tune your content.&nbsp;<\/p>\n\n\n\n<p>In order to add a&nbsp;<em>custom HTML block<\/em>, click on the&nbsp;<strong>Block Inserter<\/strong>&nbsp;icon.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video autoplay controls loop muted src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/custom-html.mp4\"><\/video><\/figure>\n\n\n\n<p>You can also type \/html and hit enter in a new paragraph block to add one quickly.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/user-images.githubusercontent.com\/1508963\/164263756-13d7432b-f385-4953-bcdb-73e8122ef430.png\" alt=\"\" \/><figcaption class=\"wp-element-caption\">HTML block add typing<\/figcaption><\/figure>\n\n\n\n<p class=\"has-text-align-left has-background\" style=\"background-color:#e5f5fa\"><a href=\"https:\/\/wordpress.org\/documentation\/article\/adding-a-new-block\/\">Detailed instructions on adding blocks<\/a><\/p>\n\n\n\n<p class=\"has-large-font-size\">Editing the Block<\/p>\n\n\n\n<p>Once you&nbsp;<a href=\"https:\/\/wordpress.org\/documentation\/article\/wordpress-editor\/#adding-a-block\">add the block<\/a>, you can add your code and view it right from the block options. You also have all the standard block options.<br><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/user-images.githubusercontent.com\/1508963\/164263762-91c8b6d3-985e-4b45-b908-cde86309fc05.png\" alt=\"\" width=\"414\" height=\"86\" \/><\/figure>\n\n\n\n<p class=\"has-medium-font-size\">Preview block<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/user-images.githubusercontent.com\/1508963\/164263768-4e6a6c16-8e7c-4186-af0e-62464c6daf6c.png\" alt=\"Preview option in HTML block\" width=\"359\" height=\"66\" \/><figcaption class=\"wp-element-caption\">Preview option in HTML block<\/figcaption><\/figure>\n\n\n\n<p class=\"has-medium-font-size\">More Options <\/p>\n\n\n\n<p>These controls give you the option to copy, duplicate, and edit your block as HTML.<\/p>\n\n\n\n<p class=\"has-text-align-left has-background\" style=\"background-color:#e5f5fa\"><a href=\"https:\/\/wordpress.org\/documentation\/article\/adding-a-new-block\/\"><\/a><a href=\"https:\/\/wordpress.org\/documentation\/article\/more-options\/\">Read about these and other settings.<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading has-huge-font-size\" id=\"block-settings-panel\">Block Settings Panel<\/h2>\n\n\n\n<p>While most blocks have specific options in the editor sidebar in addition to the options found in the block toolbar, the HTML block does not have extra options.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/user-images.githubusercontent.com\/1508963\/164263778-594309aa-4b96-45bb-b6c7-ae650f226594.png\" alt=\"Block settings  for the custom HTML block\" width=\"348\" height=\"201\" \/><figcaption class=\"wp-element-caption\">Block settings for the custom HTML block<\/figcaption><\/figure>\n\n\n\n<div id=\"changelog\" class=\"wp-block-group changelog has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"background-color:#dce5ec\">\n<h2 class=\"wp-block-heading has-medium-font-size\">Changelog<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Updated 22-11-26\n<ul class=\"wp-block-list\">\n<li>Removed redudant content <\/li>\n\n\n\n<li>Aligned images for mobile view<\/li>\n\n\n\n<li>Added heading<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Updated 2022-04-20\n<ul class=\"wp-block-list\">\n<li>Update screenshots to 5.9<\/li>\n\n\n\n<li>Add More Options section<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Hypertext Markup Language (HTML), is language used to describe the semantic content of web pages. This can be added using the&nbsp;custom HTML block. This block allows you to insert your code so you can fine-tune your content.&nbsp; In order to add a&nbsp;custom HTML block, click on the&nbsp;Block Inserter&nbsp;icon. You can also type \/html and hit [&hellip;]<\/p>\n","protected":false},"featured_media":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","category":[80,90],"class_list":["post-11285129","helphub_article","type-helphub_article","status-publish","hentry","category-customization","category-widget-blocks"],"revision_note":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/11285129","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles"}],"about":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/types\/helphub_article"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/comments?post=11285129"}],"version-history":[{"count":3,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/11285129\/revisions"}],"predecessor-version":[{"id":16356787,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/11285129\/revisions\/16356787"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/media?parent=11285129"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/category?post=11285129"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}