Custom Post Screen Example

You may have read our documentation on Screen Options, Modules, and the Menu, but let’s go through an example to show you the real power and flexibility of the possibilities.

Default Layout

Lets take a look at the Add New Post screen. By default is should look similar to the image below.

But what if you never use some of the Modules you see? You’re wasting valuable screen real estate. Don’t worry, Screen Options come to the rescue. You might be running a single author blog, you never send out trackbacks, never edit the post slug, and don’t set an excerpt. We can hide those modules.


They are instantly hidden from the Add New Post screen.

That’s an improvement to the user interface, but still might not be to your liking. Maybe you rarely use tags or make changes to the discussion options. We can close those modules until they are needed. Move your mouse to the upper right corner of a module and click the triangle that appears.


The module will close to a single bar.


After doing the same for tags and discussion, the Add New Post screen should like this:

We’ve saved more space, but there is still work to do. Not only can you show/hide modules through Screen Options and open/close them with the toggle arrow, but you can move most of the modules around the screen as well. If you hover your mouse over the gray bar of a module you’ll notice the 4 arrow cursor appears to let you know it can be moved. Start dragging the module to a new location.


As you drag the module, notice the dotted gray box that also moves. This box indicates where the module will be placed when you release the mouse button.


When the box is showing in the correct location, let go of the mouse button. The screen has adjusted.

We can also move the Publish and Categories modules over to the left column and the user interface will expand to a single column.

If you want to use even more of the browser window, you can collapse the menu to a single column of icons. Click on one of the separators.

The new menu will look like this:


If you want the full menu again, click one of the separators.


Make the editor box a little bigger by dragging the lower right corner.

↑ Table of Contents ↑

Customized Layout

After closing the Publish and Categories modules, the screen would look something like the following:

You can always show a module again from Screen Options or drag the modules back to their original locations. There are endless possibilities to how you can configure your interface. For this example, we’ve been working with the Add New Post screen, but Pages, Dashboard, and Links all work in a similar way.

Still confused?

Contact support.

Not quite what you're looking for?

Get Help