Title: Easy Move Docs Layout Author: forkanhossain Published: Oktober 14, 2026 Last modified: Oktober 14, 2026 --- Search plugins ![](https://ps.w.org/easy-move-docs-layout/assets/banner-772x250.png?rev=3745171) ![](https://ps.w.org/easy-move-docs-layout/assets/icon-256x256.png?rev=3745171) # Easy Move Docs Layout By [forkanhossain](https://profiles.wordpress.org/forkanhossain/) [Download](https://downloads.wordpress.org/plugin/easy-move-docs-layout.1.0.2.zip) * [Details](https://su.wordpress.org/plugins/easy-move-docs-layout/#description) * [Reviews](https://su.wordpress.org/plugins/easy-move-docs-layout/#reviews) * [Installation](https://su.wordpress.org/plugins/easy-move-docs-layout/#installation) * [Development](https://su.wordpress.org/plugins/easy-move-docs-layout/#developers) [Support](https://wordpress.org/support/plugin/easy-move-docs-layout/) ## Description Easy Move Docs Layout gives your pages a developer-documentation look: * A left navigation list that shows the parent page and its child pages, with the current page highlighted. Groups with child pages have an arrow to expand and collapse them. * The article with a title box: breadcrumbs, page title and “Last updated” date. * An “On this page” list on the right that follows your scroll. * Tablet: sidebar and article. Phone: a menu button that opens the navigation drawer. * Single TOC Layout on tablet and phone: an “On this page” button that opens the list in a popup. * Links and markers use your theme color, or a color you choose. * The layout matches the width of your theme’s header and footer. It uses core blocks only. One small stylesheet and one small script load only on pages that use the layout. No libraries and no external requests. Video guide, showing how to customize it: #### Included * Templates: Docs Page (navigation, article and “On this page”) and Single TOC Layout (article and one “On this page” list). Both work on block themes and classic themes. * Patterns: Docs Page, Article Header, Callouts, Numbered Steps, Code Samples. * Group block styles: Docs Note, Docs Tip, Docs Warning. ### How to use #### Make a documentation section 1. Create a parent page, for example “Docs”. 2. In the page settings on the right, open Template and choose “Docs Page”. 3. Create child pages. For each one, set Parent to your parent page (Page Attributes) and set the Template to “Docs Page”. 4. Add headings (H2 and H3) to the article. The “On this page” list is built from them. #### Single TOC Layout (no documentation pages) Use this for one long page or a blog post that only needs an “On this page” list. 1. Open the page or post. In the settings on the right, open Template and choose“ Single TOC Layout”. 2. Add headings (H2 and H3). The list is built from them. 3. To move the list, go to Settings > General and set “Single TOC position” to Left or Right. Set “Single TOC area width (px)” to change its width. The content uses all the remaining space. 4. On tablets and phones, the list becomes an “On this page” button pinned below the header. Tap it to open the list in a popup, then tap a heading to jump there. The popup closes by itself. #### Patterns and callouts * Patterns: click the + button, open Patterns, choose “Docs Layouts”. * Callouts: select a Group block, open Styles and choose Docs Note, Docs Tip or Docs Warning. #### Change the colors and sizes Go to Settings > General and scroll down to the “Docs” fields: * **Docs brand color**: a color code such as #17c996. Used for links and markers. Empty means your theme color. * **Docs left area width (px)**: width of the left menu. Default 240. Type 280 for a wider menu. * **Docs middle content max width (px)**: width of the article. Empty means it uses all the space between the two side columns. Type 800 for a narrower article. * **Docs right area width (px)**: width of the “On this page” column. Default 240. * **Single TOC position**: Left or Right. For the Single TOC Layout only. * **Single TOC area width (px)**: width of the “On this page” area in the Single TOC Layout. Default 240. The content uses the rest. Click Save Changes at the bottom, then refresh your page. To go back to the default, empty the field and save. ### External services This plugin does not connect to any external service. It sends no data anywhere, and the code examples in the Code Samples pattern are plain text only. ## Screenshots [⌊Docs Page on desktop: navigation, article with title box, and "On this page" list.⌉⌊ Docs Page on desktop: navigation, article with title box, and "On this page" list .⌉[ Docs Page on desktop: navigation, article with title box, and “On this page” list. [⌊Docs Page on a phone: the menu bar.⌉⌊Docs Page on a phone: the menu bar.⌉[ Docs Page on a phone: the menu bar. [⌊Docs Page on a phone: the navigation drawer.⌉⌊Docs Page on a phone: the navigation drawer.⌉[ Docs Page on a phone: the navigation drawer. [⌊Choose the "Docs Page" template.⌉⌊Choose the "Docs Page" template.⌉[ Choose the “Docs Page” template. [⌊Set the parent page to build a documentation section.⌉⌊Set the parent page to build a documentation section.⌉[ Set the parent page to build a documentation section. [⌊Single TOC Layout with the "On this page" list on the left.⌉⌊Single TOC Layout with the "On this page" list on the left.⌉[ Single TOC Layout with the “On this page” list on the left. [⌊Choose the "Single TOC Layout" template.⌉⌊Choose the "Single TOC Layout" template .⌉[ Choose the “Single TOC Layout” template. [⌊Settings > General: brand color, column widths and Single TOC position.⌉⌊Settings > General: brand color, column widths and Single TOC position.⌉[ Settings > General: brand color, column widths and Single TOC position. ## Installation 1. Go to Plugins > Add New > Upload Plugin, choose the zip file and click Install Now. Or upload the folder to /wp-content/plugins/. 2. Click Activate. ## FAQ ### The breadcrumbs do not show. The Breadcrumbs block is part of recent WordPress versions. On older versions it stays empty. ### The layout looks the same after I changed a setting. Clear your cache plugin or browser cache, then refresh. ### Does it work with classic themes? Yes. Docs Page and Single TOC Layout appear in the Template list and use your theme’s header and footer. ### Does it collect data or call other sites? No. ## Reviews There are no reviews for this plugin. ## Contributors & Developers “Easy Move Docs Layout” is open source software. The following people have contributed to this plugin. Contributors * [ forkanhossain ](https://profiles.wordpress.org/forkanhossain/) [Translate “Easy Move Docs Layout” into your language.](https://translate.wordpress.org/projects/wp-plugins/easy-move-docs-layout) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/easy-move-docs-layout/), check out the [SVN repository](https://plugins.svn.wordpress.org/easy-move-docs-layout/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/easy-move-docs-layout/) by [RSS](https://plugins.trac.wordpress.org/log/easy-move-docs-layout/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.0.2 * New: pages with child pages now have an arrow in the left navigation to expand and collapse them. The group with the current page opens automatically. * Improved: every setting now has its own fixed sanitize callback. * Improved: the Code Samples pattern uses plain examples with no web addresses. * Docs: readme now states that the plugin uses no external services. #### 1.0.1 * Initial release. ## Meta * Version **1.0.2** * Last updated **12 jam ago** * Active installations **Fewer than 10** * WordPress version ** 6.7 or higher ** * Tested up to **7.1.3** * PHP version ** 7.4 or higher ** * Language * [English (US)](https://wordpress.org/plugins/easy-move-docs-layout/) * Tags * [block patterns](https://su.wordpress.org/plugins/tags/block-patterns/)[docs](https://su.wordpress.org/plugins/tags/docs/) [documentation](https://su.wordpress.org/plugins/tags/documentation/)[layout](https://su.wordpress.org/plugins/tags/layout/) [table of contents](https://su.wordpress.org/plugins/tags/table-of-contents/) * [Advanced View](https://su.wordpress.org/plugins/easy-move-docs-layout/advanced/) ## Ratings No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/easy-move-docs-layout/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/easy-move-docs-layout/reviews/) ## Contributors * [ forkanhossain ](https://profiles.wordpress.org/forkanhossain/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/easy-move-docs-layout/)