{"id":4108,"date":"2025-10-29T21:56:20","date_gmt":"2025-10-30T01:56:20","guid":{"rendered":"https:\/\/www.bates.edu\/wordpress\/?page_id=4108"},"modified":"2026-03-20T13:42:37","modified_gmt":"2026-03-20T17:42:37","slug":"top-toolbar","status":"publish","type":"page","link":"https:\/\/www.bates.edu\/wordpress\/block-editor\/popular-features\/top-toolbar\/","title":{"rendered":"Top Toolbar Controls"},"content":{"rendered":"\n
\n\n\n\n

Exploring The Top Toolbar<\/h2>\n\n\n\n
<\/div>\n\n\n\n
\"toolbar\"<\/figure>\n\n\n\n
<\/div>\n\n\n\n

The “Top Toolbar”<\/strong> in the WordPress block editor interface is useful for previewing, organizing, and saving your work more efficiently<\/strong>. The toolbar gives you quick access<\/strong> to key tools, no matter where you are in your page or post editor.<\/p>\n\n\n\n

<\/div>\n\n\n\n

View Page<\/h3>\n\n\n\n
<\/div>\n\n\n\n
\"view\"<\/figure>\n\n\n\n
<\/div>\n\n\n\n

The “View Page”<\/strong> icon appears once you click the “Save” <\/strong>button. Clicking this icon will allow you to view your page\/post in its live or published state. The view page toolbar control is useful for quickly checking the layout of your site without leaving the editor.<\/p>\n\n\n\n

\n\n\n\n
<\/div>\n\n\n\n

View (Device Preview)<\/h3>\n\n\n\n
<\/div>\n\n\n\n
\"device<\/figure>\n\n\n\n
<\/div>\n\n\n\n

The “View”<\/strong> or “Device Preview”<\/strong> toolbar control allows you to preview your page formatted for different devices. This feature is useful for ensuring your site is readable<\/strong> and fits properly on every screen. Previews are generated in realtime \u2014 you don’t need to click “Save” to see Preview your page\/post changes.<\/p>\n\n\n\n

To use this feature, first click the View<\/strong> icon in your toolbar. A drop-down menu will appear with three options: “Desktop<\/strong>,” “Tablet<\/strong>,” or “Mobile<\/strong>.” Selecting any of these options formats your page to mimic how it will appear on each type of device. Once you have chosen your format, select “Preview in New Tab”<\/strong> from the drop-down menu to preview your content on your site.<\/p>\n\n\n\n

\n\n\n\n
<\/div>\n\n\n\n

Clone \/ Export<\/h3>\n\n\n\n
<\/div>\n\n\n\n
\"clone\/expore\"<\/figure>\n\n\n\n

The “Clone \/ Export”<\/strong> toolbar control has two functions: <\/p>\n\n\n\n

<\/div>\n\n\n\n
Clone:<\/h5>\n\n\n\n

First, select the Clone\/Export<\/strong> icon, then the “Clone Now”<\/strong> option in your sidebar. <\/p>\n\n\n\n

Next, a message will pop-up to inform you if your item has been cloned. From this message, click the underlined text “Edit the Cloned Item”<\/strong> to open a new editor tab and make changes. <\/p>\n\n\n\n

Cloning allows you to make an exact copy<\/strong> of your page including all files and the entire database. This feature is helpful for reusing layouts or designs without rebuilding from scratch.<\/p>\n\n\n\n

<\/div>\n\n\n\n
Export:<\/h5>\n\n\n\n

First, select the Clone\/Export<\/strong> icon, then the “Export Now”<\/strong> option in your sidebar. Copy the code from the textbox that appears. <\/p>\n\n\n\n

Next, click on “Tools”<\/strong> in the left-hand side admin menu, then “Import Single Item<\/strong>.”<\/p>\n\n\n\n

Finally, paste your code into the empty textbox, and select “Import<\/strong>.”<\/p>\n\n\n\n

Exporting allows you to move content from pages and blog posts to another site, or save and back up only your written content. Exporting will not <\/strong>transfer themes, plugins, or full media files.<\/p>\n\n\n\n

\n\n\n\n
<\/div>\n\n\n\n

Table of Contents<\/h3>\n\n\n\n
\"table<\/figure>\n\n\n\n
<\/div>\n\n\n\n

For help editing using this tool, we have a dedicated section on editing your Table of Contents.<\/strong><\/a><\/p>\n\n\n\n

\n\n\n\n
<\/div>\n\n\n\n

SEO and Sharing<\/h3>\n\n\n\n
\"seo\/sharing\"<\/figure>\n\n\n\n
<\/div>\n\n\n\n

The “SEO & Sharing”<\/strong> toolbar control allows you to customize how your content will appear on different search engines or social media platforms. First, click on the SEO & Sharing<\/strong> toolbar control icon. Multiple drop-down menus will appear in your sidebar.<\/p>\n\n\n\n

Sharing: Image<\/h5>\n\n\n\n

This feature allows you to customize the image<\/strong> that is shown when your page\/post is shared. The default setting is “No override<\/strong>,” meaning either the sitewide fallback image, or the posts featured image will be shown when shared. To change this, click the drop-down arrow next to “Sharing:Image<\/strong>,” and select “Choose Image”<\/strong> and upload your picture.<\/p>\n\n\n\n

This feature also<\/strong> allows you to select a separate<\/strong> image that will show exclusively when the page\/post is shared on Twitter<\/strong>. to activate this feature, toggle the switch under “Twitter-Specific Image<\/strong>,” then select “Choose Image”<\/strong> and upload your picture.<\/p>\n\n\n\n

<\/div>\n\n\n\n
Sharing: Customize Title<\/h5>\n\n\n\n

This feature allows you to customize the title<\/strong> that will be used when your page\/post is shared. This feature is useful when sharing your site to social media platforms that have word limits<\/strong> for titles, or if you want a more attention-grabbing<\/strong> title to appear for users before clicking on your site. <\/p>\n\n\n\n

To use this feature, simply click the drop-down arrow next to “Sharing: Customize Title<\/strong>,” and type your page title in the textbox labeled “Custom Title<\/strong>.”<\/p>\n\n\n\n

<\/div>\n\n\n\n
Sharing\/SEO: Customize Description<\/h5>\n\n\n\n

This feature allows you to customize the description<\/strong> that appears beneath your title in search results. A good description will summarize your content, and give readers a reason to click on your site by incorporating important keywords<\/strong>.<\/p>\n\n\n\n

To use this feature, click the drop-down arrow next to “Sharing\/SEO: Customize Description<\/strong>,” and enter your text in the box labeled “Meta Description<\/strong>.”<\/p>\n\n\n\n

<\/div>\n\n\n\n
Search Indexing<\/h5>\n\n\n\n

This feature allows you to decide whether or not you want search engines to index your page. If your page is not indexed, it will not appear in search results. By default<\/strong>, your page will appear in search results when published. To change<\/strong> this, click on the drop-down arrow next to “Search Indexing<\/strong>,” then toggle the switch next to “Do not index page<\/strong>.” <\/p>\n\n\n\n

The “Search Index<\/strong>” feature is useful when you want to share a page\/post with a specific audience, but you don’t want search engines to display its contents prematurely. For instance, you could send a bulk email <\/strong>to your audience with a public link, allowing recipients to access and click through to your page\/post while keeping it out of search results.<\/p>\n\n\n\n

<\/div>\n\n\n\n
Canonical URL<\/strong><\/h5>\n\n\n\n

This feature prevents issues with potential duplicate content by telling search engines the preferred<\/strong> version of your page. By manually entering a canonical URL, you are choosing the version of your page you want to appear first <\/strong>in searches. This is useful if multiple URL’s have similar content to ensure search engines rank search results correctly.<\/p>\n\n\n\n

To use this feature, first click the drop-down arrow next to “Canonical URL<\/strong>,” then enter the URL for the preferred version of your page in the textbox below “Manually Set the Canonical URL<\/strong>.”<\/p>\n\n\n\n

\n\n\n\n
<\/div>\n\n\n\n

Restrict Modification<\/h3>\n\n\n\n
\"restrict<\/figure>\n\n\n\n
<\/div>\n\n\n\n

The “Restrict Modification” <\/strong>toolbar control allows you to prevent certain users or roles from editing a page\/post. This feature is useful for ensuring your content is not accidentally changed by other editors or contributors.<\/p>\n\n\n\n

To enable this feature, first click on the Restrict Modification<\/strong> icon in your toolbar, the toggle the switch next to “Restrict modification to admins<\/strong>.” This will not allow any users other than “administrators”<\/strong> to edit your content.<\/p>\n\n\n\n

For help editing admins, we have a page dedicated to Adding \/ Removing Administrators.<\/strong><\/a><\/p>\n\n\n\n

<\/div>\n","protected":false},"excerpt":{"rendered":"

Exploring The Top Toolbar The “Top Toolbar” in the WordPress block editor…<\/p>\n","protected":false},"author":1925,"featured_media":0,"parent":4310,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_hide_ai_chatbot":false,"_ai_chatbot_style":"","associated_faculty":[],"_Page_Specific_Css":"","_bates_restrict_mod":false,"_batesModPostContentOverride_prepend":false,"_batesModPostContentOverride_append":false,"_batesModPostContentOverride_append_before_footer":false,"_dimp_site_id":"","_dimp_override_contact":false,"_table_of_contents_display":true,"_table_of_contents_location":"","_table_of_contents_disableSticky":false,"_is_featured":false,"footnotes":"","_bates_seo_meta_description":"","_bates_seo_block_robots":false,"_bates_seo_sharing_image_id":0,"_bates_seo_sharing_image_twitter_id":0,"_bates_seo_share_title":"","_bates_seo_canonical_overwrite":"","_bates_seo_twitter_template":""},"class_list":["post-4108","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.bates.edu\/wordpress\/wp-json\/wp\/v2\/pages\/4108","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bates.edu\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.bates.edu\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.bates.edu\/wordpress\/wp-json\/wp\/v2\/users\/1925"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bates.edu\/wordpress\/wp-json\/wp\/v2\/comments?post=4108"}],"version-history":[{"count":17,"href":"https:\/\/www.bates.edu\/wordpress\/wp-json\/wp\/v2\/pages\/4108\/revisions"}],"predecessor-version":[{"id":4435,"href":"https:\/\/www.bates.edu\/wordpress\/wp-json\/wp\/v2\/pages\/4108\/revisions\/4435"}],"up":[{"embeddable":true,"href":"https:\/\/www.bates.edu\/wordpress\/wp-json\/wp\/v2\/pages\/4310"}],"wp:attachment":[{"href":"https:\/\/www.bates.edu\/wordpress\/wp-json\/wp\/v2\/media?parent=4108"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}