Anthony Hortin @maddisondesigns maddisondesigns.com

WordPress Visual Editor Mastery

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

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

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

Adding Content

Page/Post Editor Your content is added using the easy-to-use Visual Editor

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

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

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

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

Adding Content

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

Adding Content

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

Adding Content

Style Style your text content by adding various sized headings.

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.

Adding Content

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

Adding Content

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

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.

Adding Content

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

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.

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

Adding Content

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

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.

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

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.

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.

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.

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

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.

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.

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.

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

I’m Anthony Hortin You can find me here

!@maddisondesigns

maddisondesigns.com !

@easywpguide easywpguide.com

!!!!

Thanks! Questions?