{"id":4306,"date":"2020-04-20T20:56:22","date_gmt":"2020-04-20T20:56:22","guid":{"rendered":"http:\/\/wordpress.creativegigs.net\/docly\/docs\/rogan-wordpress-theme-documentation\/content\/code\/"},"modified":"2026-06-06T14:06:02","modified_gmt":"2026-06-06T14:06:02","slug":"code-default-theme","status":"publish","type":"docs","link":"https:\/\/aghm.eu\/?docs=docly-documentation\/code\/code-default-theme","title":{"rendered":"Code Default Theme"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"4306\" class=\"elementor elementor-4306\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f384f88 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f384f88\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2b0daed\" data-id=\"2b0daed\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6d242f6 elementor-widget elementor-widget-heading\" data-id=\"6d242f6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Inline code<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-031ee28 elementor-widget elementor-widget-text-editor\" data-id=\"031ee28\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Wrap inline snippets of code with<code class=\" language-html\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span><span class=\"token tag-id\">code<\/span><span class=\"token punctuation\">&gt;<\/span><\/span><\/code>. Be sure to escape HTML angle brackets.<\/p><div class=\"bd-example\">For example,\u00a0<code>&lt;section&gt;<\/code>should be wrapped as inline.<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-568dd84 elementor-widget elementor-widget-code-highlight\" data-id=\"568dd84\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0de44cc elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0de44cc\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-262c5a5\" data-id=\"262c5a5\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-eceb938 elementor-widget elementor-widget-heading\" data-id=\"eceb938\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Code blocks<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9aab9ca elementor-widget elementor-widget-text-editor\" data-id=\"9aab9ca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Use\u00a0<code class=\"highlighter-rouge  language-css\">&lt;pre&gt;<\/code>s for multiple lines of code. Once again, be sure to escape any angle brackets in the code for proper rendering. You may optionally add the\u00a0<code class=\"highlighter-rouge\">.pre-scrollable<\/code>\u00a0class, which will set a max-height of 350px and provide a y-axis scrollbar.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f212067 elementor-widget elementor-widget-code-highlight\" data-id=\"f212067\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4e2a301 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4e2a301\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-12b04a7\" data-id=\"12b04a7\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-210ef8f elementor-widget elementor-widget-heading\" data-id=\"210ef8f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">CSS Code<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c65db09 elementor-widget elementor-widget-code-highlight\" data-id=\"c65db09\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0805243 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0805243\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-fa86f33\" data-id=\"fa86f33\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3c7d6b9 elementor-widget elementor-widget-heading\" data-id=\"3c7d6b9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">JavaScript Code<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dfea7aa elementor-widget elementor-widget-code-highlight\" data-id=\"dfea7aa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Inline code Wrap inline snippets of code with&lt;code&gt;. Be sure to escape HTML angle brackets. For example,\u00a0&lt;section&gt;should be wrapped as inline. console.log( &lsquo;Code is Poetry&rsquo; ); Code blocks Use\u00a0&lt;pre&gt;s for multiple lines of code. Once again, be sure to escape any angle brackets in the code for proper rendering. You may optionally add the\u00a0.pre-scrollable\u00a0class, which [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":4632,"menu_order":16,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[68,82,114],"class_list":["post-4306","docs","type-docs","status-publish","hentry","doc_tag-code","doc_tag-example","doc_tag-new","no-post-thumbnail"],"acf":[],"_links":{"self":[{"href":"https:\/\/aghm.eu\/index.php?rest_route=\/wp\/v2\/docs\/4306","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aghm.eu\/index.php?rest_route=\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/aghm.eu\/index.php?rest_route=\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/aghm.eu\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aghm.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4306"}],"version-history":[{"count":1,"href":"https:\/\/aghm.eu\/index.php?rest_route=\/wp\/v2\/docs\/4306\/revisions"}],"predecessor-version":[{"id":14695,"href":"https:\/\/aghm.eu\/index.php?rest_route=\/wp\/v2\/docs\/4306\/revisions\/14695"}],"up":[{"embeddable":true,"href":"https:\/\/aghm.eu\/index.php?rest_route=\/wp\/v2\/docs\/4632"}],"wp:attachment":[{"href":"https:\/\/aghm.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4306"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/aghm.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fdoc_tag&post=4306"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}