{"id":4306,"date":"2020-04-20T20:56:22","date_gmt":"2020-04-20T20:56:22","guid":{"rendered":"https:\/\/wordpress-theme.spider-themes.net\/docly\/docs\/rogan-wordpress-theme-documentation\/content\/code\/"},"modified":"2025-11-02T12:10:43","modified_gmt":"2025-11-02T12:10:43","slug":"code-default-theme","status":"publish","type":"docs","link":"https:\/\/sangamap.store\/?docs=docly-documentation\/code\/code-default-theme","title":{"rendered":"Code Default Theme"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t

Inline code<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Wrap inline snippets of code with<<\/span>code<\/span>><\/span><\/span><\/code>. Be sure to escape HTML angle brackets.<\/p>

For example,\u00a0<section><\/code>should be wrapped as inline.<\/div>\t\t\t\t\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
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\n\t\t\t\t\tFor example, <code><section><\/code> should be wrapped as inline.\t\t\t\t<\/code>\n\t\t\t<\/pre>\n            <\/div>\n                \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
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
Code blocks<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
Use\u00a0<pre><\/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.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
\n\t\t\t\t
\n\t\t\t\t\t                    
\n\t\t\t
\n\t\t\t\t\n\t\t\t\t\t<ul class="list-unstyled f_social_icon">\r\n    <li><a href="#"><i class="social_facebook"><i><a><li>\r\n    <li><a href="#"><i class="social_twitter"><i><a><li>\r\n    <li><a href="#"><i class="social_vimeo"><i><a><li>\r\n    <li><a href="#"><i class="social_linkedin"><i><a><li>\r\n<ul>\t\t\t\t<\/code>\n\t\t\t<\/pre>\n            <\/div>\n                \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
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
CSS Code<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t                    
\n\t\t\t
\n\t\t\t\t\n\t\t\t\t\t.footnotes-link::before {\r\n    display: none;\r\n}\r\n\r\n.footnotes-link {\r\n    color: #10b3d6;\r\n}\r\n\r\n.tip_content p {\r\n    font-size: 14px;\r\n}\r\n\r\n.tip_content p:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n.footnotes_item strong {\r\n    position: relative;\r\n}\r\n\r\nspan.top-arrow {\r\n    position: absolute;\r\n    top: -3px;\r\n}\t\t\t\t<\/code>\n\t\t\t<\/pre>\n            <\/div>\n                \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
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
JavaScript Code<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t                    
\n\t\t\t
\n\t\t\t\t\n\t\t\t\t\t$(".img_popup").each(function () {\r\n    $(".img_popup").magnificPopup({\r\n        type: 'image',\r\n        closeOnContentClick: true,\r\n        closeBtnInside: false,\r\n        fixedContentPos: true,\r\n        removalDelay: 300,\r\n        mainClass: 'mfp-no-margins mfp-with-zoom',\r\n        image: {\r\n            enabled: true,\r\n            navigateByImgClick: true,\r\n            preload: [0, 1]\r\n        }\r\n    });\r\n})\t\t\t\t<\/code>\n\t\t\t<\/pre>\n            <\/div>\n                \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":"
Inline code Wrap inline snippets of code with<code>. Be sure to escape HTML angle brackets. For example,\u00a0<section>should be wrapped as inline. For example, <code><section><\/code> should be wrapped as inline. Code blocks Use\u00a0<pre>s for multiple lines of code. Once again, be sure to escape any angle brackets in the code for proper rendering. You may optionally […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":4632,"menu_order":1,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-4306","docs","type-docs","status-publish","hentry","no-post-thumbnail"],"acf":[],"_links":{"self":[{"href":"https:\/\/sangamap.store\/index.php?rest_route=\/wp\/v2\/docs\/4306","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sangamap.store\/index.php?rest_route=\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/sangamap.store\/index.php?rest_route=\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/sangamap.store\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sangamap.store\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4306"}],"version-history":[{"count":1,"href":"https:\/\/sangamap.store\/index.php?rest_route=\/wp\/v2\/docs\/4306\/revisions"}],"predecessor-version":[{"id":5565,"href":"https:\/\/sangamap.store\/index.php?rest_route=\/wp\/v2\/docs\/4306\/revisions\/5565"}],"up":[{"embeddable":true,"href":"https:\/\/sangamap.store\/index.php?rest_route=\/wp\/v2\/docs\/4632"}],"wp:attachment":[{"href":"https:\/\/sangamap.store\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4306"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/sangamap.store\/index.php?rest_route=%2Fwp%2Fv2%2Fdoc_tag&post=4306"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}