{"id":50349,"date":"2025-01-02T14:21:27","date_gmt":"2025-01-02T13:21:27","guid":{"rendered":"https:\/\/plugin.carerix.com\/?page_id=50349"},"modified":"2025-04-17T15:05:45","modified_gmt":"2025-04-17T14:05:45","slug":"custom-layouts-with-shortcodes","status":"publish","type":"page","link":"https:\/\/plugin.carerix.com\/en\/custom-layouts-with-shortcodes\/","title":{"rendered":"Custom layouts with Shortcodes"},"content":{"rendered":"<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\n<style>\n        body {\n            font-family: 'Arial', sans-serif;\n            line-height: 1.6;\n            margin: 0;\n            padding: 0;\n            color: #333;\n        }\n        .hero {\n            background: linear-gradient(45deg, #008cd6, #008cd6cc);\n            color: white;\n            padding: 4rem 2rem;\n            text-align: center;\n        }\n        .hero h1 { color: white; }\n        .content {\n            max-width: 1200px;\n            margin: 6rem auto;\n            padding: 3rem 2rem;\n        }\n        .feature-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 2rem;\n            margin: 3rem 0;\n        }\n        .feature-card {\n            background: #fff;\n            padding: 2rem;\n            border-radius: 10px;\n            box-shadow: 0 2px 15px rgba(0,0,0,0.1);\n        }\n        .feature-card.wide {\n            grid-column: span 2;\n        }\n        @media (max-width: 768px) {\n            .feature-card.wide {\n                grid-column: span 1;\n            }\n        }\n        .code-block {\n            background: #f5f5f5;\n            padding: 1.5rem;\n            border-radius: 5px;\n            font-family: monospace;\n            margin: 1rem 0;\n        }\n        .highlight {\n            background: #fff3dc;\n            border-left: 3px solid #ffc107;\n            padding: 1rem;\n            margin: 1rem 0;\n        }\n    <\/style>\n<div class=\"content\">\n<h2 class=\"uagb-heading-text\">Custom Layouts with Shortcodes<\/h2>\n<p><BR><br \/>\nCreate custom job layouts and application forms using our extensive shortcode library. Combine shortcodes with HTML to create professional job listings. See some shortcode examples below:<\/p>\n<p><small><i class=\"fas fa-info-circle\"><\/i>\u00a0Basic knowledge of HTML is recommended<\/small><\/p>\n<div class=\"feature-grid\">\n<div class=\"feature-card\">\n<h3><i class=\"fas fa-puzzle-piece\"><\/i> Basic Job Info<\/h3>\n<div class=\"code-block\">&#91;cx_job_title&#93;<br \/>\n&#91;cx_organization&#93;<br \/>\n&#91;cx_work_location&#93;<br \/>\n&#91;cx_employment&#93;<br \/>\n&#8230;<\/div>\n<\/div>\n<div class=\"feature-card\">\n<h3><i class=\"fas fa-layer-group\"><\/i>Content Sections<\/h3>\n<div class=\"code-block\">&#91;cx_intro_information&#93;<br \/>\n&#91;cx_vacancy_information&#93;<br \/>\n&#91;cx_requirements_information&#93;<br \/>\n&#91;cx_offer_information&#93;<br \/>\n&#8230;<\/div>\n<\/div>\n<div class=\"feature-card wide\">\n<h3><i class=\"fas fa-sliders\"><\/i>HTML + Shortcode Example<\/h3>\n<div class=\"code-block\">&lt;div class=&#8221;job-listing&#8221;&gt;<br \/>\n&lt;header class=&#8221;job-header&#8221;&gt;<br \/>\n&#91;cx_job_title container=&#8221;h1&#8243; class=&#8221;job-title&#8221;&#93;<br \/>\n&lt;div class=&#8221;job-meta&#8221;&gt;<br \/>\n&#91;cx_organization&#93; | &#91;cx_work_location&#93; | &#91;cx_employment&#93;<br \/>\n&lt;\/div&gt;<br \/>\n&lt;\/header&gt;&lt;div class=&#8221;job-content&#8221;&gt;<br \/>\n&lt;section class=&#8221;job-intro&#8221;&gt;<br \/>\n&#91;cx_intro_information heading=&#8221;h2&#8243;&#93;<br \/>\n&lt;\/section&gt;<\/p>\n<p>&lt;section class=&#8221;job-requirements&#8221;&gt;<br \/>\n&#91;cx_requirements_information container=&#8221;div&#8221; class=&#8221;requirements&#8221;&#93;<br \/>\n&lt;\/section&gt;<br \/>\n&lt;\/div&gt;<\/p>\n<p>&lt;footer class=&#8221;job-footer&#8221;&gt;<br \/>\n&#91;cx_apply_button class=&#8221;apply-now-button&#8221;&#93;<br \/>\n&lt;\/footer&gt;<br \/>\n&lt;\/div&gt;<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"feature-card\">\n<h3><i class=\"fas fa-code\"><\/i>Advanced Template Example<\/h3>\n<div class=\"code-block\">&#91;cx_job_title container=&#8221;div&#8221; heading=&#8221;h1&#8243;&#93;<br \/>\n&#91;cx_organization class=&#8221;company-name&#8221;&#93;<br \/>\n&#91;cx_intro_information heading=&#8221;h2&#8243;&#93;<br \/>\n&#91;cx_requirements_information container=&#8221;div&#8221; class=&#8221;requirements&#8221;&#93;<br \/>\n&#91;cx_apply_button&#93;<\/div>\n<\/div>\n<p><BR\/><\/p>\n<div class=\"highlight\">\n<h3><i class=\"fas fa-lightbulb\"><\/i> Key Benefits<\/h3>\n<ul>\n<li>Flexible layout with HTML + shortcodes<\/li>\n<li>Consistent styling across all vacancies<\/li>\n<li>SEO optimized<\/li>\n<li>Mobile-friendly layouts<\/li>\n<li>Easy maintenance with templating system<\/li>\n<\/ul>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Custom Layouts with Shortcodes Create custom job layouts and application forms using our extensive shortcode library. Combine shortcodes with HTML to create professional job listings. See some shortcode examples below: \u00a0Basic knowledge of HTML is recommended Basic Job Info &#91;cx_job_title&#93; &#91;cx_organization&#93; &#91;cx_work_location&#93; &#91;cx_employment&#93; &#8230; Content Sections &#91;cx_intro_information&#93; &#91;cx_vacancy_information&#93; &#91;cx_requirements_information&#93; &#91;cx_offer_information&#93; &#8230; HTML + Shortcode Example [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"redux-templates_contained","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-50349","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Custom layouts with Shortcodes - Carerix WordPress Plugin<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Custom layouts with Shortcodes - Carerix WordPress Plugin\" \/>\n<meta property=\"og:description\" content=\"Custom Layouts with Shortcodes Create custom job layouts and application forms using our extensive shortcode library. Combine shortcodes with HTML to create professional job listings. See some shortcode examples below: \u00a0Basic knowledge of HTML is recommended Basic Job Info &#091;cx_job_title&#093; &#091;cx_organization&#093; &#091;cx_work_location&#093; &#091;cx_employment&#093; &#8230; Content Sections &#091;cx_intro_information&#093; &#091;cx_vacancy_information&#093; &#091;cx_requirements_information&#093; &#091;cx_offer_information&#093; &#8230; HTML + Shortcode Example [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/plugin.carerix.com\/en\/custom-layouts-with-shortcodes\/\" \/>\n<meta property=\"og:site_name\" content=\"Carerix WordPress Plugin\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-17T14:05:45+00:00\" \/>\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:\\\/\\\/plugin.carerix.com\\\/en\\\/custom-layouts-with-shortcodes\\\/\",\"url\":\"https:\\\/\\\/plugin.carerix.com\\\/en\\\/custom-layouts-with-shortcodes\\\/\",\"name\":\"Custom layouts with Shortcodes - Carerix WordPress Plugin\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/plugin.carerix.com\\\/#website\"},\"datePublished\":\"2025-01-02T13:21:27+00:00\",\"dateModified\":\"2025-04-17T14:05:45+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/plugin.carerix.com\\\/en\\\/custom-layouts-with-shortcodes\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/plugin.carerix.com\\\/en\\\/custom-layouts-with-shortcodes\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/plugin.carerix.com\\\/en\\\/custom-layouts-with-shortcodes\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/plugin.carerix.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Custom layouts with Shortcodes\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/plugin.carerix.com\\\/#website\",\"url\":\"https:\\\/\\\/plugin.carerix.com\\\/\",\"name\":\"Carerix WordPress Plugin\",\"description\":\"Demo website\",\"publisher\":{\"@id\":\"https:\\\/\\\/plugin.carerix.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/plugin.carerix.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/plugin.carerix.com\\\/#organization\",\"name\":\"Carerix WordPress Plugin\",\"url\":\"https:\\\/\\\/plugin.carerix.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/plugin.carerix.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/plugin.carerix.com\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/Cx-WP-plugin-2.0-logo.png\",\"contentUrl\":\"https:\\\/\\\/plugin.carerix.com\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/Cx-WP-plugin-2.0-logo.png\",\"width\":300,\"height\":119,\"caption\":\"Carerix WordPress Plugin\"},\"image\":{\"@id\":\"https:\\\/\\\/plugin.carerix.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Custom layouts with Shortcodes - Carerix WordPress Plugin","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"Custom layouts with Shortcodes - Carerix WordPress Plugin","og_description":"Custom Layouts with Shortcodes Create custom job layouts and application forms using our extensive shortcode library. Combine shortcodes with HTML to create professional job listings. See some shortcode examples below: \u00a0Basic knowledge of HTML is recommended Basic Job Info &#91;cx_job_title&#93; &#91;cx_organization&#93; &#91;cx_work_location&#93; &#91;cx_employment&#93; &#8230; Content Sections &#91;cx_intro_information&#93; &#91;cx_vacancy_information&#93; &#91;cx_requirements_information&#93; &#91;cx_offer_information&#93; &#8230; HTML + Shortcode Example [&hellip;]","og_url":"https:\/\/plugin.carerix.com\/en\/custom-layouts-with-shortcodes\/","og_site_name":"Carerix WordPress Plugin","article_modified_time":"2025-04-17T14:05:45+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/plugin.carerix.com\/en\/custom-layouts-with-shortcodes\/","url":"https:\/\/plugin.carerix.com\/en\/custom-layouts-with-shortcodes\/","name":"Custom layouts with Shortcodes - Carerix WordPress Plugin","isPartOf":{"@id":"https:\/\/plugin.carerix.com\/#website"},"datePublished":"2025-01-02T13:21:27+00:00","dateModified":"2025-04-17T14:05:45+00:00","breadcrumb":{"@id":"https:\/\/plugin.carerix.com\/en\/custom-layouts-with-shortcodes\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/plugin.carerix.com\/en\/custom-layouts-with-shortcodes\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/plugin.carerix.com\/en\/custom-layouts-with-shortcodes\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/plugin.carerix.com\/en\/"},{"@type":"ListItem","position":2,"name":"Custom layouts with Shortcodes"}]},{"@type":"WebSite","@id":"https:\/\/plugin.carerix.com\/#website","url":"https:\/\/plugin.carerix.com\/","name":"Carerix WordPress Plugin","description":"Demo website","publisher":{"@id":"https:\/\/plugin.carerix.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/plugin.carerix.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/plugin.carerix.com\/#organization","name":"Carerix WordPress Plugin","url":"https:\/\/plugin.carerix.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/plugin.carerix.com\/#\/schema\/logo\/image\/","url":"https:\/\/plugin.carerix.com\/wp-content\/uploads\/2022\/10\/Cx-WP-plugin-2.0-logo.png","contentUrl":"https:\/\/plugin.carerix.com\/wp-content\/uploads\/2022\/10\/Cx-WP-plugin-2.0-logo.png","width":300,"height":119,"caption":"Carerix WordPress Plugin"},"image":{"@id":"https:\/\/plugin.carerix.com\/#\/schema\/logo\/image\/"}}]}},"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"Harold Vogelaar","author_link":"https:\/\/plugin.carerix.com\/en\/author\/haroldcarerix-com\/"},"uagb_comment_info":0,"uagb_excerpt":"Custom Layouts with Shortcodes Create custom job layouts and application forms using our extensive shortcode library. Combine shortcodes with HTML to create professional job listings. See some shortcode examples below: \u00a0Basic knowledge of HTML is recommended Basic Job Info &#91;cx_job_title&#93; &#91;cx_organization&#93; &#91;cx_work_location&#93; &#91;cx_employment&#93; &#8230; Content Sections &#91;cx_intro_information&#93; &#91;cx_vacancy_information&#93; &#91;cx_requirements_information&#93; &#91;cx_offer_information&#93; &#8230; HTML + Shortcode Example&hellip;","_links":{"self":[{"href":"https:\/\/plugin.carerix.com\/en\/wp-json\/wp\/v2\/pages\/50349","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/plugin.carerix.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/plugin.carerix.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/plugin.carerix.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/plugin.carerix.com\/en\/wp-json\/wp\/v2\/comments?post=50349"}],"version-history":[{"count":0,"href":"https:\/\/plugin.carerix.com\/en\/wp-json\/wp\/v2\/pages\/50349\/revisions"}],"wp:attachment":[{"href":"https:\/\/plugin.carerix.com\/en\/wp-json\/wp\/v2\/media?parent=50349"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}