{"id":14942,"date":"2018-07-13T15:04:54","date_gmt":"2018-07-13T19:04:54","guid":{"rendered":"https:\/\/www.boldgrid.com\/support\/?p=14942"},"modified":"2020-03-12T14:39:23","modified_gmt":"2020-03-12T18:39:23","slug":"using-widgets-in-gutenberg-for-wordpress","status":"publish","type":"post","link":"https:\/\/www.boldgrid.com\/support\/wordpress-tutorials\/using-widgets-in-gutenberg-for-wordpress\/","title":{"rendered":"Using Widgets in Gutenberg for WordPress"},"content":{"rendered":"\n

Using widgets in Gutenberg does not include all of the normal widgets found within WordPress. The widgets block include shortcode, categories, and latest posts. We will briefly discuss each widget that you can use and the options available.<\/p>\n

Note: As of WordPress 5.0, Gutenberg has been integrated directly into the WordPress Administrator.  If you are using a separate editor for your pages and posts, you will need to select the default WordPress editor (Gutenberg) for the steps in the article below.<\/p>\n

If you are using BoldGrid you can switch editors by doing the following:
\n1. Login to the WordPress Administrator<\/a>
\n2. Click on Add New or Edit Post\/Page
\n<\/strong>3. In the top right corner next the block labeled “Editor”, click on the drop-down editor indicating the editor that you’re using.  If you’re in BoldGrid, it will show Post and Page Builder.  To use the Gutenberg editor, click on WordPress editor.
\n4. The page will then re-load and you can start working in that editor.<\/p>\n

Using the Widgets block – Shortcode<\/h2>\n

Shortcode is a specific snippet of code typically enclosed in square brackets used in WordPress. Shortcodes are used for macros in a post’s content that can activate various functions. To use the Shortcode block:<\/p>\n

Click on the circled plus sign to the left of your content in order to add the block. Remember that you can easily reposition the block using the up and down arrows
\nScroll down in the window that appears and find Widgets<\/strong>. Click on Widgets<\/strong>
\nClick on Shortcode<\/strong>
\nClick on the field to add your code
\nClick on Save Draft<\/strong> or Publish<\/strong> to save your changes<\/p>\n

For more information on shortcodes, please see this WordPress Codex page on Shortcode<\/a>.<\/p>\n

Using the Widgets block – Categories<\/h2>\n

The Categories widget displays a list of your categories.
\nTo use the Categories block:<\/p>\n

    \n
  1. Click on the circled plus sign to the left of your content in order to add the block. Remember that you can easily reposition the block using the up and down arrows<\/li>\n
  2. Scroll down in the window that appears and find Widgets<\/strong>. Click on Widgets<\/strong><\/li>\n
  3. Click on Categories<\/strong><\/li>\n
  4. Click on the alignment options to arrange how you want the Categories<\/strong> to appear<\/li>\n
  5. Additionally, in the menu column at right, click on Block. If you don’t see the column at right, then click on the gear icon in the top right corner to make it appear. You will see 3 options: Display as drop down, show post counts and show hierarchy. Click on the slider to enable the item as needed.<\/li>\n
  6. Click on Save Draft<\/strong> or Publish<\/strong> to save your changes<\/li>\n<\/ol>\n

    Using Widgets – Latest Posts<\/h2>\n

    The latest posts widget simply displays your latest published posts. To use the Latest Posts block:<\/p>\n

      \n
    1. Click on the circled plus sign to the left of your content in order to add the block. Remember that you can easily reposition the block using the up and down arrows<\/li>\n
    2. Scroll down in the window that appears and find Widgets<\/strong>. Click on Widgets<\/strong><\/li>\n
    3. Click on Latest Posts<\/strong><\/li>\n
    4. Select how you want to display your posts using the options in the top left corner of the block: Align center, list view, or grid view<\/em>.<\/li>\n
    5. Additionally, in the menu column at right, click on Block<\/strong>. If you don’t see the column at right, then click on the gear icon in the top right corner to make it appear. You will see the following options for ordering your posts:
      \n\n\n\n\n\n\n\n
      Order by<\/th>\nThis option lets you order the posts by time or alphabetically<\/td>\n<\/tr>\n
      Category<\/th>\nYou can display the posts from a specific category<\/td>\n<\/tr>\n
      Number of items<\/th>\nSpecify the number of posts using a slider<\/td>\n<\/tr>\n
      Display post date<\/th>\nClick on the slider to show the post date<\/td>\n<\/tr>\n
      Advanced<\/th>\nAdd CSS code for additional formatting needs<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/li>\n
    6. Click on Save Draf<\/strong>t or Publish<\/strong> to save your changes<\/li>\n<\/ol>\n<\/body><\/html>\n","protected":false},"excerpt":{"rendered":"

      Using widgets in Gutenberg does not include all of the normal widgets found within WordPress. The widgets block include shortcode, categories, and latest posts. We will briefly discuss each widget that you can use and the options available. Note: As of WordPress 5.0, Gutenberg has been integrated directly into the WordPress Administrator.  If you are […]<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"bgseo_title":"","bgseo_description":"","bgseo_robots_index":"index","bgseo_robots_follow":"follow","footnotes":""},"categories":[151],"tags":[691],"class_list":["post-14942","post","type-post","status-publish","format-standard","hentry","category-wordpress-tutorials","tag-gutenberg"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/14942","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/comments?post=14942"}],"version-history":[{"count":8,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/14942\/revisions"}],"predecessor-version":[{"id":17892,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/14942\/revisions\/17892"}],"wp:attachment":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/media?parent=14942"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/categories?post=14942"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/tags?post=14942"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}