Skip to content

Commit 2349803

Browse files
committed
final tweaks
1 parent c2cdeed commit 2349803

File tree

1 file changed

+6
-8
lines changed
  • src/pages/docs/how-to/customize-the-toolbar

1 file changed

+6
-8
lines changed

src/pages/docs/how-to/customize-the-toolbar/index.mdx

Lines changed: 6 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -4,11 +4,9 @@ export const metadata = {
44
"Learn how to customize the Faust.js Toolbar using the toolbarNodes filter. We'll walk you through the process of enabling the experimental toolbar feature, adding authentication, and creating a custom plugin to extend the Toolbar with new menu items and submenus.",
55
};
66

7-
This guide covers how to customize your sites Toolbar utilizing the `toolbarNodes` filter.
7+
This guide covers how to customize your site's Toolbar utilizing the `toolbarNodes` filter.
88

9-
## Steps
10-
11-
### 0. Prerequisites
9+
## 0. Prerequisites
1210

1311
Ensure that you have completed the steps in the following pages before proceeding.
1412

@@ -29,7 +27,7 @@ The Faust Toolbar shares mostly the the same HTML as the WordPress core Toolbar.
2927
import "@faustwp/core/dist/css/toolbar.css";
3028
```
3129

32-
Add `experimentalToolbar: true` to your projects `faust.config.js`.
30+
Add `experimentalToolbar: true` to your project's `faust.config.js`.
3331

3432
```js title="faust.config.js"
3533
import { setConfig } from "@faustwp/core";
@@ -43,14 +41,14 @@ export default setConfig({
4341
});
4442
```
4543

46-
### Step 2. Login to your WP Admin
44+
## 2. Login to your WP Admin
4745

4846
The Toolbar was designed to only load for the authenticated user.
4947

5048
> [!IMPORTANT]
5149
> A WordPress user will be automatically authenticated with your site when previewing a post. This approach can be used as a quick way to view the Toolbar for development purposes.
5250
53-
### Step 3. Create The Plugin
51+
## 3. Create The Plugin
5452

5553
Create a new file in your Faust project: `plugins/CustomPlugin.tsx`.
5654

@@ -145,7 +143,7 @@ export function CustomNodeWithSubmenu() {
145143
}
146144
```
147145

148-
### Step 4. Register The Plugin
146+
## 4. Register The Plugin
149147

150148
Import and register your new plugin in `faust.config.js`:
151149

0 commit comments

Comments
 (0)