The Post and Page editors are the sections of the WordPress dashboard that most users will spend the majority of their time in. But there are a lot of hidden gems on these screens that most people aren't aware of. This presentation will walk you through adding and updating your Post and Page content, along with introducing you to some of the other available features when adding your content.

1. Anthony Hortin
@maddisondesigns
maddisondesigns.com
WordPress
Visual Editor Mastery

2. About me
Designer/Developer @ Maddison Designs
!
WordPress Theme & Plugin Developer
!
WordPress Theme & Plugin Directory contributor
!
Provides support on official WordPress Support Forum
!
Created Easy WP Guide (over 100K downloads)
!
Co-Organiser Melbourne WordPress WordCamp 2013
!
Co-Organiser for monthly WP Melbourne WordPress Meetups

3. Writing is like giving yourself homework,
really hard homework, every day, for the
rest of your life. You want glamorous?
Throw glitter at the screen.
“ — Ketrina Monroe

4. Posts
Posts are typically blog entries. A series of articles, listed
(usually) reverse-chronologically.
!
Posts can also be assigned Categories and Tags.
!
Pages
Pages are used for more static content. Content that doesn’t
change or changes infrequently.
!
Pages are also hierarchical and can have individual page
templates.
Adding Content

7. Adding Content
Page/Post Editor
Your content is added using the easy-to-use Visual Editor

8. Adding Content
Page Title & Slug
Give your page a meaningful title. Just below the title is the page
slug. Depending how your Permalinks are set, this typically
appears as part of the URL.
Page Title
Page Slug
This is where you enter
your page title
This is the Page/Post slug.
This typically appears as
part of your URL

9. Adding Content
Visual Editor
Add your page content to the Visual Editor.
Content can be styled using the various toolbar buttons.
Visual Editor
Visual Editor
Your content can be styled
using the editor toolbar
buttons
This is the Visual Editor
where your Page/Post
content is added

10. Adding Content
Visual Editor
Much like a regular word processor, content can be styled using
the editor toolbar buttons. An example of these buttons are:
Bold text
Italic text
Unordered (bullet point) lists
Ordered (numbered) lists
Links

11. Adding Content
Visual Editor
If you’re a keyboard wiz, you can use keyboard shortcuts for
most of the toolbar buttons.
!
Ctrl+c/Cmd+c = Copy
Ctrl+x/Cmd+x = Cut
Ctrl+v/Cmd+v = Paste
Ctrl+z/Cmd+z = Undo
Ctrl+y/Cmd+y = Redo
Ctrl+a/Cmd+a = Select all
!
Use the Ctrl key on a PC or the Command key on a Mac
!
Click the button for a complete list of the available keyboard shortcuts

12. Adding Content
Toolbar Toggle
The Toolbar Toggle button shows/hides the second row of
toolbar buttons.

13. Adding Content
Insert Read More tag
Inserts a ‘Read More’ tag into your content. Everything above
this tag is considered the excerpt.

14. Adding Content
Style
Style your text content by adding various sized headings.

15. Adding Content
Paste as text
Toggles the Paste as text option on/off. When this option is on,
content will be pasted as plain text.
!
The editor will clean up rich text content pasted from MS Word
automatically.

16. Adding Content
Special Character
Used to insert special characters not easily accessible via the
keyboard such as ¼, ½, ¾, ©, €.

17. Adding Content
Insert/edit link
Highlight your text and then click the Insert/edit link button to
add an HTML link to your content.

18. Adding Content
Remove link
To remove a link, click the link within your content so that your
cursor is sitting on it, then click the Remove link button.

19. Adding Content
Distraction Free Writing
WordPress allows for fullscreen composing. It provides for
complete distraction free editing of your content.

20. Adding Content
Distraction Free Writing
The toolbar and editor borders are displayed when first entering
fullscreen mode. After a few seconds, these fade leaving you
with a clean and clutter free editor. To view the toolbar again
once they have faded, move your cursor up towards the top of
the screen.

21. Adding Content
Add Media
The Add Media button allows you to upload and insert media
such as images, audio, video or documents.
!
Media is inserted at the current cursor position.
Add Media
Add media files to your
content using the Add
Media button

22. Adding Content
Add Media
You can also drag & drop images straight into the editor (WP 3.9+).

23. Adding Content
Add Media
Insert images, audio, video and other files (e.g. doc/pdf).
You can also create galleries as well as audio and video playlists.

24. Adding Content
Add Media
After updating the properties, click Insert into page
Add Media
Click Insert into page to
insert the selected image
into your page content

25. Adding Content
Page Attributes
Pages are hierarchical. That is, Pages can have a Parent.
!
Pages can also be customised using different templates.
The templates available will depend on the theme in use.

26. Adding Content
Post Format, Categories & Tags
Posts can be styled by selecting the Post Format. Not all themes
will support Post Formats though.
!
Pages can also have Categories and Tags.

27. Adding Content
Categories Vs Tags
Tags are ad-hoc keywords that identify important information in
your Post (names, subjects, etc) that may or may not recur in
other Posts.
!
Categories are usually pre-determined sections.
!
If you think of your site like a book, the Categories are like the
Table of Contents and the Tags are like the terms in the index.

28. Adding Content
Featured Image
Pages and Posts both support Featured Images.
!
Often called a Post/Page Thumbnail, it’s usually some sort of
image that is representative for that particular Page or Post.
Featured Image
Click the link to upload
and/or select your Featured
Image

29. Adding Content
Saving & Publishing your Content
Once your content is ready, click the Publish button to publish it.
!
Click Save Draft to save your content without publishing.
WordPress will also intermittently AutoSave your content.

30. Adding Content
Saving & Publishing your Content
There are three Status types: Pending Review, Draft, Published
!
Visibility can be: Public, Password Protected, Private
!
Content can be published immediately (default) or can be set to
automatically publish at a future date/time.

31. Adding Content
Screen Options
By default, WordPress hides some infrequently used panels.
!
Click the Screen Options tab to select which ones to hide or show.
Screen Options
Click Screen Options to
show/hide other panels on
the page.

32. WordPress Codex
!
!
Easy WP Guide
!
WP Beginner
!
SiteGround
!
Learn WordPress.com
!
WP101 Video Training
Where to Go for Help
http://codex.wordpress.org
http://codex.wordpress.org/WordPress_Lessons
!
http://easywpguide.com
!
http://www.wpbeginner.com
!
http://www.siteground.com/tutorials/wordpress
!
http://learn.wordpress.com
!
http://code.tutsplus.com/series/wp101-basix-training

33. I’m Anthony Hortin
You can find me here
!
@maddisondesigns
maddisondesigns.com
!
@easywpguide
easywpguide.com
!
!
!
!
Thanks!
Questions?