Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

WordPress Visual Editor Mastery


Published on

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.

Published in: Internet, Technology, Business
  • Be the first to comment

WordPress Visual Editor Mastery

  1. 1. Anthony Hortin @maddisondesigns WordPress Visual Editor Mastery
  2. 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. 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. 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
  5. 5. Adding Content Page/Post Editor Your content is added using the easy-to-use Visual Editor
  6. 6. 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
  7. 7. 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
  8. 8. 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
  9. 9. 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
  10. 10. Adding Content Toolbar Toggle The Toolbar Toggle button shows/hides the second row of toolbar buttons.
  11. 11. Adding Content Insert Read More tag Inserts a ‘Read More’ tag into your content. Everything above this tag is considered the excerpt.
  12. 12. Adding Content Style Style your text content by adding various sized headings.
  13. 13. 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.
  14. 14. Adding Content Special Character Used to insert special characters not easily accessible via the keyboard such as ¼, ½, ¾, ©, €.
  15. 15. Adding Content Insert/edit link Highlight your text and then click the Insert/edit link button to add an HTML link to your content.
  16. 16. 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.
  17. 17. Adding Content Distraction Free Writing WordPress allows for fullscreen composing. It provides for complete distraction free editing of your content.
  18. 18. 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.
  19. 19. 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
  20. 20. Adding Content Add Media You can also drag & drop images straight into the editor (WP 3.9+).
  21. 21. 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.
  22. 22. 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
  23. 23. 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.
  24. 24. 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.
  25. 25. 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.
  26. 26. 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
  27. 27. 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.
  28. 28. 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.
  29. 29. 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.
  30. 30. WordPress Codex ! ! Easy WP Guide ! WP Beginner ! SiteGround ! Learn ! WP101 Video Training Where to Go for Help ! ! ! ! !
  31. 31. I’m Anthony Hortin You can find me here ! @maddisondesigns ! @easywpguide ! ! ! ! Thanks! Questions?