{"id":179216,"date":"2024-03-05T14:42:57","date_gmt":"2024-03-05T07:42:57","guid":{"rendered":"https:\/\/it.telkomuniversity.ac.id\/penggunaan-gutenberg-wordpress-sebagai-editor-halaman-blog-staff-telkom-university\/"},"modified":"2025-11-06T11:33:28","modified_gmt":"2025-11-06T04:33:28","slug":"using-gutenberg-wordpress-as-a-page-editor-for-telkom-university-staff-blogs","status":"publish","type":"post","link":"https:\/\/it.telkomuniversity.ac.id\/en\/using-gutenberg-wordpress-as-a-page-editor-for-telkom-university-staff-blogs\/","title":{"rendered":"Using Gutenberg WordPress as a Page Editor for Telkom University Staff Blogs"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Blog Staff<\/h2>\n\n\n\n<p><\/p>\n\n\n\n<p>Access the staff blog via https:\/\/staff.telkomuniversity.ac.id\/ then click the Login button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"449\" src=\"https:\/\/it.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/03\/Staff-Blog-Telkom-University-1024x449.jpg\" alt=\"Staff Blog Telkom University\" class=\"wp-image-147445\" srcset=\"https:\/\/it.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/03\/Staff-Blog-Telkom-University-1024x449.jpg 1024w, https:\/\/it.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/03\/Staff-Blog-Telkom-University-300x131.jpg 300w, https:\/\/it.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/03\/Staff-Blog-Telkom-University-768x336.jpg 768w, https:\/\/it.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/03\/Staff-Blog-Telkom-University.jpg 1210w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Staff Blog Telkom University<\/figcaption><\/figure>\n\n\n\n<p>Blog Service Features<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Themes and Plugins are limited, cannot be added<\/li>\n\n\n\n<li>Themes using default WordPress support Gutenberg Editor<\/li>\n\n\n\n<li>Login using O365 Single Sign On, via the Staff Blog main page.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"520\" height=\"481\" src=\"https:\/\/it.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/03\/Login-O365.jpg\" alt=\"Login O365\" class=\"wp-image-147447\" srcset=\"https:\/\/it.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/03\/Login-O365.jpg 520w, https:\/\/it.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/03\/Login-O365-300x278.jpg 300w, https:\/\/it.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/03\/Login-O365-255x236.jpg 255w\" sizes=\"auto, (max-width: 520px) 100vw, 520px\" \/><figcaption class=\"wp-element-caption\">Login O365 Blog Staff<\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Gutenberg<\/strong>&nbsp;WordPress Editor<\/h2>\n\n\n\n<p>In the ever-evolving world of web design and content, having a powerful and easy-to-use editor is crucial. Meet&nbsp;&nbsp;<strong>Gutenberg<\/strong>&nbsp;, the revolutionary, game-changing WordPress editor. In this comprehensive guide, we&#8217;ll explore Gutenberg&#8217;s full potential for creating stunning web pages. Whether you&#8217;re a seasoned developer or a curious beginner, let&#8217;s explore the world of block-based editing.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>1. The Rise of Gutenberg: A Paradigm Shift<\/strong><\/h3>\n\n\n\n<h4 class=\"wp-block-heading\"><em>The Birth of a New Era<\/em><\/h4>\n\n\n\n<p>Gutenberg, introduced as the default editor in WordPress 5.0, replaces the traditional TinyMCE editor. Its intuitive interface and responsive design have made it a favorite among creators. But what makes it different? Let&#8217;s find out.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><em>Blocks: The Foundation of Creativity<\/em><\/h4>\n\n\n\n<p>Gutenberg&#8217;s core concept revolves around&nbsp;&nbsp;<strong>blocks<\/strong>&nbsp;. Each block represents a different element\u2014whether it&#8217;s a paragraph, an image, a button, or a video. These blocks can be easily rearranged, customized, and styled. Leave the monotonous layout behind; with Gutenberg, your creativity is limitless.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>2. Getting started with Gutenberg<\/strong><\/h3>\n\n\n\n<h4 class=\"wp-block-heading\"><em>Lifting the Screen<\/em><\/h4>\n\n\n\n<p>Before you begin your Gutenberg journey, make sure you have a running WordPress website. Once you&#8217;re in the admin dashboard, navigate to the post or page you want to edit. Click the &#8220;Edit&#8221; button, and voil\u00e0! You&#8217;re in Gutenberg territory.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><em>The Art of Content Creation<\/em><\/h4>\n\n\n\n<p>Gutenberg uses the concept of&nbsp;&nbsp;<strong>individual content blocks<\/strong>&nbsp;&nbsp;for adding and editing various elements within posts and pages. You can customize the appearance of each of these blocks. For example, you can choose a different background color or width for the entire block without affecting other elements.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>3. Optimizing the Experience with Gutenberg<\/strong><\/h3>\n\n\n\n<h4 class=\"wp-block-heading\"><em>Digging Deeper<\/em><\/h4>\n\n\n\n<p>Gutenberg isn&#8217;t just an editor; it&#8217;s&nbsp;&nbsp;<strong>your creativity in digital form<\/strong>&nbsp;. Let&#8217;s take a look at some of its exciting features:<\/p>\n\n\n\n<h5 class=\"wp-block-heading\"><em>a. Reusable Blocks: Custom Templates<\/em><\/h5>\n\n\n\n<p>Gutenberg lets you create&nbsp;&nbsp;<strong>reusable blocks<\/strong>&nbsp;. It&#8217;s like having a collection of ready-made templates. Create blocks for headers, testimonials, or even full page layouts. Save time and ensure consistency with reusable blocks.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\"><em>b. Drag-and-Drop: Simplicity Itself<\/em><\/h5>\n\n\n\n<p>Gutenberg is a&nbsp;&nbsp;<strong>drag-and-drop<\/strong>&nbsp;editor . Drag and drop content onto web pages without having to fiddle with code. It&#8217;s suitable for both beginners and experienced practitioners.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\"><em>c. Full Site Editing (FSE): Unlimited Design<\/em><\/h5>\n\n\n\n<p>With Gutenberg, you can design&nbsp;&nbsp;<strong>your entire website<\/strong>&nbsp;. Not just posts, but also pages, headers, footers, and other sections. FSE opens the door to limitless creativity.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Page Template<\/h2>\n\n\n\n<p>There are instant templates that can be used to create website pages, so you don&#8217;t need to rely on using themes to get an instant website appearance.<\/p>\n\n\n\n<p>We can preview first, before inserting the page template that we will apply.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"948\" height=\"302\" src=\"https:\/\/it.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/03\/template-library.jpg\" alt=\"template library\" class=\"wp-image-147438\" srcset=\"https:\/\/it.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/03\/template-library.jpg 948w, https:\/\/it.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/03\/template-library-300x96.jpg 300w, https:\/\/it.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/03\/template-library-768x245.jpg 768w, https:\/\/it.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/03\/template-library-255x81.jpg 255w\" sizes=\"auto, (max-width: 948px) 100vw, 948px\" \/><figcaption class=\"wp-element-caption\">template library<\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"509\" src=\"https:\/\/it.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/03\/insert-template-1024x509.jpg\" alt=\"insert template\" class=\"wp-image-147440\" srcset=\"https:\/\/it.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/03\/insert-template-1024x509.jpg 1024w, https:\/\/it.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/03\/insert-template-300x149.jpg 300w, https:\/\/it.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/03\/insert-template-768x381.jpg 768w, https:\/\/it.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/03\/insert-template-255x127.jpg 255w, https:\/\/it.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/03\/insert-template.jpg 1226w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">insert template, lakukan preview untuk melihat contoh halaman<\/figcaption><\/figure>\n\n\n\n<div style=\"height:41px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Block Template<\/h2>\n\n\n\n<p>Block Templates are used to insert certain display forms that you want to appear on a web page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"519\" src=\"https:\/\/it.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/03\/template-block-1024x519.jpg\" alt=\"template block\" class=\"wp-image-147443\" srcset=\"https:\/\/it.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/03\/template-block-1024x519.jpg 1024w, https:\/\/it.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/03\/template-block-300x152.jpg 300w, https:\/\/it.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/03\/template-block-768x389.jpg 768w, https:\/\/it.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/03\/template-block-255x129.jpg 255w, https:\/\/it.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/03\/template-block.jpg 1191w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">template block<\/figcaption><\/figure>\n\n\n\n<div style=\"height:41px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Unit Website<\/h2>\n\n\n\n<p>For the unit website editor, it is also the same, it is highly recommended to use Gutenberg, plugin and theme standards can be read at\u00a0<a href=\"https:\/\/it.telkomuniversity.ac.id\/en\/standar-wordpress-di-tel-u\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/it.telkomuniversity.ac.id\/standar-wordpress-di-tel-u\/<\/a>\u00a0.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Blog Staff Access the staff blog via https:\/\/staff.telkomuniversity.ac.id\/ then click the Login button. Blog Service Features Gutenberg&nbsp;WordPress Editor In the ever-evolving world of web design and content, having a powerful and easy-to-use editor is crucial. Meet&nbsp;&nbsp;Gutenberg&nbsp;, the revolutionary, game-changing WordPress editor. In this comprehensive guide, we&#8217;ll explore Gutenberg&#8217;s full potential for creating stunning web pages. [&hellip;]<\/p>\n","protected":false},"author":17,"featured_media":147446,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"wds_primary_category":95,"footnotes":""},"categories":[95],"tags":[4106,4107],"class_list":["post-179216","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-how-to","tag-panduan"],"blocksy_meta":[],"gutentor_comment":0,"_links":{"self":[{"href":"https:\/\/it.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/posts\/179216","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/it.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/it.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/it.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/it.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/comments?post=179216"}],"version-history":[{"count":2,"href":"https:\/\/it.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/posts\/179216\/revisions"}],"predecessor-version":[{"id":179221,"href":"https:\/\/it.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/posts\/179216\/revisions\/179221"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/it.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/media\/147446"}],"wp:attachment":[{"href":"https:\/\/it.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/media?parent=179216"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/it.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/categories?post=179216"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/it.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/tags?post=179216"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}