{"id":12332,"date":"2024-10-23T11:53:21","date_gmt":"2024-10-23T11:53:21","guid":{"rendered":"https:\/\/easy.jobs\/?post_type=docs&#038;p=12332"},"modified":"2024-10-23T11:53:57","modified_gmt":"2024-10-23T11:53:57","password":"","slug":"how-to-design-company-career-page-with-gutenberg","status":"publish","type":"docs","link":"https:\/\/easy.jobs\/nn\/docs\/how-to-design-company-career-page-with-gutenberg\/","title":{"rendered":"How to Design Your Company Career Page or Job Posting Page with Gutenberg?"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Using <a href=\"https:\/\/easy.jobs\/nn\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>easy.jobs<\/strong><\/a> and Gutenberg block editor, you can easily design a company career page or job posting page in WordPress as you want without any custom coding. A stunning career page helps your potential candidates get an overview of ongoing job openings as well as a way to apply for those openings directly.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>How to Design a Company Career Page Using Gutenberg?<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Using easy.jobs and the Gutenberg block editor in WordPress, you can create a stunning and informative career page without any coding knowledge.&nbsp; Follow these easy steps to design your company career page and start attracting qualified candidates:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 1: Connect easy.jobs to Your WordPress Dashboard<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">You can create your profile in easy.jobs <a href=\"https:\/\/app.easy.jobs\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>directly from the website<\/strong><\/a> or from your WordPress dashboard by installing <a href=\"https:\/\/wordpress.org\/plugins\/easyjobs\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>easy.jobs plugin<\/strong><\/a>. If you already have created an account, then <a href=\"https:\/\/easy.jobs\/nn\/docs\/generate-app-key\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>retrieve the App Key<\/strong><\/a> from your company profile and connect it to your WordPress dashboard.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img title=\"How to Design Your Company Career Page or Job Posting Page with Gutenberg? 1\" fetchpriority=\"high\" decoding=\"async\" width=\"1600\" height=\"760\" src=\"https:\/\/easy.jobs\/wp-content\/uploads\/2024\/10\/image-17.gif\" alt=\"Company Career Page\" class=\"wp-image-12419\"\/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 2: Design Your Company Career Page in Gutenberg<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">To design your company career page in Gutenberg add a new page or go to an existing page and click on \u2018<strong>Edit Page<\/strong>\u2019 to open the Gutenberg editor. Now, click on <strong>\u2018+\u2019<\/strong> where you like, search the \u2018<strong>Karriereside<\/strong>\u2019 block, and add it to the page. A default company career page will appear with your easy.jobs account pieces of information.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img title=\"How to Design Your Company Career Page or Job Posting Page with Gutenberg? 2\" decoding=\"async\" width=\"1600\" height=\"760\" src=\"https:\/\/easy.jobs\/wp-content\/uploads\/2024\/10\/image-24.gif\" alt=\"Company Career Page\" class=\"wp-image-12426\"\/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 3: Customize Your Company Career Page in Gutenberg<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">In the Gutenberg editor, the easy.jobs <strong>Karriereside<\/strong> block is a combination of three easy.jobs blocks: <strong>firma profil<\/strong>, <strong>Job List,<\/strong> og <strong>Company Gallery<\/strong>. You need to customize these blocks individually to make them appear as you like.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img title=\"How to Design Your Company Career Page or Job Posting Page with Gutenberg? 3\" decoding=\"async\" width=\"1600\" height=\"760\" src=\"https:\/\/easy.jobs\/wp-content\/uploads\/2024\/10\/image-18.gif\" alt=\"Company Career Page\" class=\"wp-image-12420\"\/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">To customize the company profile select on the block and customize its content, style and more with your preferences. To know more about customizing this block you can follow this <a href=\"https:\/\/easy.jobs\/nn\/docs\/design-company-profile-in-gutenberg-with-easy-jobs\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>documentation on the Company Profile block<\/strong><\/a>.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img title=\"How to Design Your Company Career Page or Job Posting Page with Gutenberg? 4\" loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"760\" src=\"https:\/\/easy.jobs\/wp-content\/uploads\/2024\/10\/image-19.gif\" alt=\"Company Career Page\" class=\"wp-image-12421\"\/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">To change how the Job List looks, click on the block, and you will find settings to customize it. You can make it look different or add new things to it. If you want to learn <strong>how to display the job list<\/strong> better, you can read the <a href=\"https:\/\/easy.jobs\/nn\/docs\/display-job-listings-on-your-career-page\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>guide about the Job List<\/strong><\/a>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img title=\"How to Design Your Company Career Page or Job Posting Page with Gutenberg? 5\" loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"760\" src=\"https:\/\/easy.jobs\/wp-content\/uploads\/2024\/10\/image-20.gif\" alt=\"Company Career Page\" class=\"wp-image-12422\"\/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">To change how the Company Gallery looks, click on the block. You can then adjust the pictures, colors, and other things to make it fit your style. If you need more help, you can read this documentation about <a href=\"https:\/\/easy.jobs\/nn\/docs\/showcase-company-gallery-using-gutenberg\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>how to showcase Company Gallery<\/strong><\/a>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img title=\"How to Design Your Company Career Page or Job Posting Page with Gutenberg? 6\" loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"760\" src=\"https:\/\/easy.jobs\/wp-content\/uploads\/2024\/10\/image-23.gif\" alt=\"How to Design Your Company Career Page or Job Posting Page with Gutenberg?\" class=\"wp-image-12425\"\/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">After customizing your preferred settings to all the blocks in the career page block, hit on the \u2018<strong>publisere<\/strong>\u2019 button to make it available on your site.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img title=\"How to Design Your Company Career Page or Job Posting Page with Gutenberg? 7\" loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"760\" src=\"https:\/\/easy.jobs\/wp-content\/uploads\/2024\/10\/image-21.gif\" alt=\"How to Design Your Company Career Page or Job Posting Page with Gutenberg?\" class=\"wp-image-12423\"\/><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\"><strong>Final Outcome<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Following these steps and utilizing the easy.jobs plugin with Gutenberg, you will have a fully functional and customizable company career page. Now you can create a visually appealing and informative career page that attracts top talent to your organization.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img title=\"How to Design Your Company Career Page or Job Posting Page with Gutenberg? 8\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"486\" src=\"https:\/\/easy.jobs\/wp-content\/uploads\/2024\/10\/image-22-1024x486.gif\" alt=\"How to Design Your Company Career Page or Job Posting Page with Gutenberg?\" class=\"wp-image-12424\" srcset=\"https:\/\/easy.jobs\/wp-content\/uploads\/2024\/10\/image-22-1024x486.gif 1024w, https:\/\/easy.jobs\/wp-content\/uploads\/2024\/10\/image-22-300x143.gif 300w, https:\/\/easy.jobs\/wp-content\/uploads\/2024\/10\/image-22-768x365.gif 768w, https:\/\/easy.jobs\/wp-content\/uploads\/2024\/10\/image-22-1536x730.gif 1536w, https:\/\/easy.jobs\/wp-content\/uploads\/2024\/10\/image-22-18x9.gif 18w, https:\/\/easy.jobs\/wp-content\/uploads\/2024\/10\/image-22-360x171.gif 360w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">If you have any questions or need help, please <a href=\"https:\/\/easy.jobs\/nn\/contact\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>contact our support team<\/strong><\/a>. <\/p>","protected":false},"excerpt":{"rendered":"<p>Design stunning company career pages in WordPress with Gutenberg editor &amp; easy.jobs plugin. No coding is needed to attract top talent.<\/p>","protected":false},"author":38,"featured_media":12424,"template":"","meta":{"_eb_attr":"","inline_featured_image":false,"_thinkrank_schema_form_data":"","_thinkrank_selected_schema_type":"","_thinkrank_additional_schemas":"","_thinkrank_canonical_url":"","_thinkrank_og_title":"","_thinkrank_og_description":"","_thinkrank_og_image":"","_thinkrank_twitter_title":"","_thinkrank_twitter_description":"","_thinkrank_twitter_image":"","_thinkrank_imported_from":"rankmath","_thinkrank_focus_keywords":["Company Career Page","Company Career Page in Gutenberg","Job Posting Page"],"_thinkrank_focus_keyword":"Company Career Page","_thinkrank_robots_meta_enabled":0,"_thinkrank_robots_meta":"","_thinkrank_advanced_robots_meta":"","_thinkrank_primary_category":0,"footnotes":""},"doc_category":[19],"doc_tag":[115,10,57,20],"class_list":["post-12332","docs","type-docs","status-publish","has-post-thumbnail","hentry","doc_category-wordpress-plugin","doc_tag-configuration","doc_tag-easy-jobs-2","doc_tag-job-openings","doc_tag-wordpress"],"year_month":"2026-08","word_count":484,"total_views":"993","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Galib Hayder","author_nicename":"galib","author_url":"https:\/\/easy.jobs\/nn\/blog\/author\/galib\/"},"doc_category_info":[{"term_name":"WordPress Plugin","term_url":"https:\/\/easy.jobs\/nn\/docs-category\/wordpress-plugin\/"}],"doc_tag_info":[{"term_name":"Configuration","term_url":"https:\/\/easy.jobs\/nn\/docs-tag\/configuration\/"},{"term_name":"Easy.Jobs","term_url":"https:\/\/easy.jobs\/nn\/docs-tag\/easy-jobs-2\/"},{"term_name":"job openings","term_url":"https:\/\/easy.jobs\/nn\/docs-tag\/job-openings\/"},{"term_name":"WordPress","term_url":"https:\/\/easy.jobs\/nn\/docs-tag\/wordpress\/"}],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/easy.jobs\/nn\/wp-json\/wp\/v2\/docs\/12332","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/easy.jobs\/nn\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/easy.jobs\/nn\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/easy.jobs\/nn\/wp-json\/wp\/v2\/users\/38"}],"version-history":[{"count":6,"href":"https:\/\/easy.jobs\/nn\/wp-json\/wp\/v2\/docs\/12332\/revisions"}],"predecessor-version":[{"id":12431,"href":"https:\/\/easy.jobs\/nn\/wp-json\/wp\/v2\/docs\/12332\/revisions\/12431"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/easy.jobs\/nn\/wp-json\/wp\/v2\/media\/12424"}],"wp:attachment":[{"href":"https:\/\/easy.jobs\/nn\/wp-json\/wp\/v2\/media?parent=12332"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/easy.jobs\/nn\/wp-json\/wp\/v2\/doc_category?post=12332"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/easy.jobs\/nn\/wp-json\/wp\/v2\/doc_tag?post=12332"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}