wordpress acclimated to getting - 2016 wordcamp ann … · 2016. 10. 10. · custom post types....

67
GETTING ACCLIMATED TO WORDPRESS

Upload: others

Post on 09-Oct-2020

1 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: WORDPRESS ACCLIMATED TO GETTING - 2016 WordCamp Ann … · 2016. 10. 10. · Custom Post Types. Important: The main difference between Categories and Tags is Categories are hierarchical

GETTING ACCLIMATED TO

WORDPRESS

Page 2: WORDPRESS ACCLIMATED TO GETTING - 2016 WordCamp Ann … · 2016. 10. 10. · Custom Post Types. Important: The main difference between Categories and Tags is Categories are hierarchical

Hello!I am Anthony Montalbano

WordPress developer since 2007.

Hosted the first 3 WordCamps in

Detroit. Cofounder of AMBR Detroit.

You can find me at:@italianst4 or ambrdetroit.com

Page 3: WORDPRESS ACCLIMATED TO GETTING - 2016 WordCamp Ann … · 2016. 10. 10. · Custom Post Types. Important: The main difference between Categories and Tags is Categories are hierarchical

Let’s craft the perfect story.

1.The Basics of Content Creation

Page 4: WORDPRESS ACCLIMATED TO GETTING - 2016 WordCamp Ann … · 2016. 10. 10. · Custom Post Types. Important: The main difference between Categories and Tags is Categories are hierarchical

WordPress Post Editor

Page 5: WORDPRESS ACCLIMATED TO GETTING - 2016 WordCamp Ann … · 2016. 10. 10. · Custom Post Types. Important: The main difference between Categories and Tags is Categories are hierarchical

The “What You See Is What You Get” Editor gives you some basic content formatting.

Important:

What you actually see is dependent on the theme.

WYSIWYG Editor

Page 6: WORDPRESS ACCLIMATED TO GETTING - 2016 WordCamp Ann … · 2016. 10. 10. · Custom Post Types. Important: The main difference between Categories and Tags is Categories are hierarchical

WYSIWYG Editor

Page 7: WORDPRESS ACCLIMATED TO GETTING - 2016 WordCamp Ann … · 2016. 10. 10. · Custom Post Types. Important: The main difference between Categories and Tags is Categories are hierarchical

WYSIWYG Editor

Start the demo

Page 8: WORDPRESS ACCLIMATED TO GETTING - 2016 WordCamp Ann … · 2016. 10. 10. · Custom Post Types. Important: The main difference between Categories and Tags is Categories are hierarchical

Adding Images

Page 9: WORDPRESS ACCLIMATED TO GETTING - 2016 WordCamp Ann … · 2016. 10. 10. · Custom Post Types. Important: The main difference between Categories and Tags is Categories are hierarchical

Adding Images

Page 10: WORDPRESS ACCLIMATED TO GETTING - 2016 WordCamp Ann … · 2016. 10. 10. · Custom Post Types. Important: The main difference between Categories and Tags is Categories are hierarchical

Adding Images

Page 11: WORDPRESS ACCLIMATED TO GETTING - 2016 WordCamp Ann … · 2016. 10. 10. · Custom Post Types. Important: The main difference between Categories and Tags is Categories are hierarchical

Adding Images

Page 12: WORDPRESS ACCLIMATED TO GETTING - 2016 WordCamp Ann … · 2016. 10. 10. · Custom Post Types. Important: The main difference between Categories and Tags is Categories are hierarchical

Adding Images

Page 13: WORDPRESS ACCLIMATED TO GETTING - 2016 WordCamp Ann … · 2016. 10. 10. · Custom Post Types. Important: The main difference between Categories and Tags is Categories are hierarchical

Third-Party Embeds

Page 14: WORDPRESS ACCLIMATED TO GETTING - 2016 WordCamp Ann … · 2016. 10. 10. · Custom Post Types. Important: The main difference between Categories and Tags is Categories are hierarchical

Third-Party Embeds

Page 15: WORDPRESS ACCLIMATED TO GETTING - 2016 WordCamp Ann … · 2016. 10. 10. · Custom Post Types. Important: The main difference between Categories and Tags is Categories are hierarchical

Third-Party Embeds

Page 16: WORDPRESS ACCLIMATED TO GETTING - 2016 WordCamp Ann … · 2016. 10. 10. · Custom Post Types. Important: The main difference between Categories and Tags is Categories are hierarchical

Third-Party Embeds

Page 17: WORDPRESS ACCLIMATED TO GETTING - 2016 WordCamp Ann … · 2016. 10. 10. · Custom Post Types. Important: The main difference between Categories and Tags is Categories are hierarchical

Third-Party Embeds

Page 18: WORDPRESS ACCLIMATED TO GETTING - 2016 WordCamp Ann … · 2016. 10. 10. · Custom Post Types. Important: The main difference between Categories and Tags is Categories are hierarchical

DocumentsMixcloudReverbNationSoundCloudSpotify

VideoCollegeHumorDailyMotionHuluVimeoVineYoutube

ImagesFlickrImgurInstagramPhotobucket

Third-Party Embeds

and More!KickstarterMeetup.comPollDaddyRedditScribdSlideshareSpeaker DeckTwitter

All Available Embeds: https://codex.wordpress.org/Embeds

Page 19: WORDPRESS ACCLIMATED TO GETTING - 2016 WordCamp Ann … · 2016. 10. 10. · Custom Post Types. Important: The main difference between Categories and Tags is Categories are hierarchical

Adding Links

Page 20: WORDPRESS ACCLIMATED TO GETTING - 2016 WordCamp Ann … · 2016. 10. 10. · Custom Post Types. Important: The main difference between Categories and Tags is Categories are hierarchical

Adding Links

Page 21: WORDPRESS ACCLIMATED TO GETTING - 2016 WordCamp Ann … · 2016. 10. 10. · Custom Post Types. Important: The main difference between Categories and Tags is Categories are hierarchical

Adding Links

Page 22: WORDPRESS ACCLIMATED TO GETTING - 2016 WordCamp Ann … · 2016. 10. 10. · Custom Post Types. Important: The main difference between Categories and Tags is Categories are hierarchical

Visual vs Text Editors

Page 23: WORDPRESS ACCLIMATED TO GETTING - 2016 WordCamp Ann … · 2016. 10. 10. · Custom Post Types. Important: The main difference between Categories and Tags is Categories are hierarchical

Visual vs Text Editors

For Advanced/Technical Users Only!

Page 24: WORDPRESS ACCLIMATED TO GETTING - 2016 WordCamp Ann … · 2016. 10. 10. · Custom Post Types. Important: The main difference between Categories and Tags is Categories are hierarchical

Post Formats can display a post differently based on its format.

Important:

You may not see some or any Post Formats. If feature is theme dependent. Not all themes support Post Formats.

Post Formats

Page 25: WORDPRESS ACCLIMATED TO GETTING - 2016 WordCamp Ann … · 2016. 10. 10. · Custom Post Types. Important: The main difference between Categories and Tags is Categories are hierarchical

Post Formats - Standard Example

Standard Post Format Example from Fable Theme

Page 26: WORDPRESS ACCLIMATED TO GETTING - 2016 WordCamp Ann … · 2016. 10. 10. · Custom Post Types. Important: The main difference between Categories and Tags is Categories are hierarchical

Post Formats - Quote Example

Quote Post Format Example from Fable Theme

Page 27: WORDPRESS ACCLIMATED TO GETTING - 2016 WordCamp Ann … · 2016. 10. 10. · Custom Post Types. Important: The main difference between Categories and Tags is Categories are hierarchical

Post Formats - Gallery Example

Gallery Post Format Example from Fable Theme

Page 28: WORDPRESS ACCLIMATED TO GETTING - 2016 WordCamp Ann … · 2016. 10. 10. · Custom Post Types. Important: The main difference between Categories and Tags is Categories are hierarchical

Post Formats - Video Example

Video Post Format Example from Fable Theme

Page 29: WORDPRESS ACCLIMATED TO GETTING - 2016 WordCamp Ann … · 2016. 10. 10. · Custom Post Types. Important: The main difference between Categories and Tags is Categories are hierarchical

Let’s tell the world.

2.Publishing

Page 30: WORDPRESS ACCLIMATED TO GETTING - 2016 WordCamp Ann … · 2016. 10. 10. · Custom Post Types. Important: The main difference between Categories and Tags is Categories are hierarchical

The Publish Box - Preview

Page 31: WORDPRESS ACCLIMATED TO GETTING - 2016 WordCamp Ann … · 2016. 10. 10. · Custom Post Types. Important: The main difference between Categories and Tags is Categories are hierarchical

The Publish Box - Status

Page 32: WORDPRESS ACCLIMATED TO GETTING - 2016 WordCamp Ann … · 2016. 10. 10. · Custom Post Types. Important: The main difference between Categories and Tags is Categories are hierarchical

The Publish Box - Visibility

Page 33: WORDPRESS ACCLIMATED TO GETTING - 2016 WordCamp Ann … · 2016. 10. 10. · Custom Post Types. Important: The main difference between Categories and Tags is Categories are hierarchical

The Publish Box - Post Date

Page 34: WORDPRESS ACCLIMATED TO GETTING - 2016 WordCamp Ann … · 2016. 10. 10. · Custom Post Types. Important: The main difference between Categories and Tags is Categories are hierarchical

The Publish Box - Permalinks

Page 35: WORDPRESS ACCLIMATED TO GETTING - 2016 WordCamp Ann … · 2016. 10. 10. · Custom Post Types. Important: The main difference between Categories and Tags is Categories are hierarchical

The Publish Box - The Trash

Page 36: WORDPRESS ACCLIMATED TO GETTING - 2016 WordCamp Ann … · 2016. 10. 10. · Custom Post Types. Important: The main difference between Categories and Tags is Categories are hierarchical

The TrashDon’t fret, when you delete something, it isn’t deleted, it goes into the Post trash. If you clear the trash, well, now it’s really gone.

PermalinksWhen Permalinks is enabled, you can customize the URL of the post. This is good for SEO!

The Publish Box Summary

PreviewAs long as you’re logged in, you can preview what a post will look like before it goes live.

VisibilityMake it public, password protected for site, or only for Authors and Admins. You can also force the post to always show (sticky).

Publish DateBy default, publishes immediately, but you can also schedule a post in the future or set the date a post was published to the past.

StatusSave the post as a draft for later. Publish a contributor’s pending post or publish new content yourself.

Page 37: WORDPRESS ACCLIMATED TO GETTING - 2016 WordCamp Ann … · 2016. 10. 10. · Custom Post Types. Important: The main difference between Categories and Tags is Categories are hierarchical

Let’s paint a masterpiece.

3.Media Library and Management

Page 38: WORDPRESS ACCLIMATED TO GETTING - 2016 WordCamp Ann … · 2016. 10. 10. · Custom Post Types. Important: The main difference between Categories and Tags is Categories are hierarchical

Media Library and Management

Page 39: WORDPRESS ACCLIMATED TO GETTING - 2016 WordCamp Ann … · 2016. 10. 10. · Custom Post Types. Important: The main difference between Categories and Tags is Categories are hierarchical

Editing an Image

Page 40: WORDPRESS ACCLIMATED TO GETTING - 2016 WordCamp Ann … · 2016. 10. 10. · Custom Post Types. Important: The main difference between Categories and Tags is Categories are hierarchical

Editing an Image

Image Manipulation by● Crop● Rotate Left/Right● Flip Horizontal/Vertical● Undo/redo● Scale● Aspect Ratio● Fine Tuning

Page 41: WORDPRESS ACCLIMATED TO GETTING - 2016 WordCamp Ann … · 2016. 10. 10. · Custom Post Types. Important: The main difference between Categories and Tags is Categories are hierarchical

Important:

Changing image sizes does not affect existing images. Try using a plugin such as Regenerate Thumbnails by ViperBond007

Image Sizes

Page 42: WORDPRESS ACCLIMATED TO GETTING - 2016 WordCamp Ann … · 2016. 10. 10. · Custom Post Types. Important: The main difference between Categories and Tags is Categories are hierarchical

4.Understanding Post Types and Taxonomies

Let’s get organized.

Page 43: WORDPRESS ACCLIMATED TO GETTING - 2016 WordCamp Ann … · 2016. 10. 10. · Custom Post Types. Important: The main difference between Categories and Tags is Categories are hierarchical

Posts vs Pages

Page 44: WORDPRESS ACCLIMATED TO GETTING - 2016 WordCamp Ann … · 2016. 10. 10. · Custom Post Types. Important: The main difference between Categories and Tags is Categories are hierarchical

Posts vs Pages

Page 45: WORDPRESS ACCLIMATED TO GETTING - 2016 WordCamp Ann … · 2016. 10. 10. · Custom Post Types. Important: The main difference between Categories and Tags is Categories are hierarchical

“Posts.Pages.

Notice a difference?

Page 46: WORDPRESS ACCLIMATED TO GETTING - 2016 WordCamp Ann … · 2016. 10. 10. · Custom Post Types. Important: The main difference between Categories and Tags is Categories are hierarchical

Posts Pages

Time sensitive Timeless

Organized by Categories and Tags Organize by Hierarchy

Available in feeds Not available in feeds

Layouts by Post Formats Layouts by Page Templates

Ordered by reverse chronological date Ordered by order number

Post vs. Page Comparison

Page 47: WORDPRESS ACCLIMATED TO GETTING - 2016 WordCamp Ann … · 2016. 10. 10. · Custom Post Types. Important: The main difference between Categories and Tags is Categories are hierarchical

Important:

Adding custom post types is a developer feature. There are plugins that allow you to create them in the dashboard, but proceed with caution.

Custom Post Types

Page 48: WORDPRESS ACCLIMATED TO GETTING - 2016 WordCamp Ann … · 2016. 10. 10. · Custom Post Types. Important: The main difference between Categories and Tags is Categories are hierarchical

Important:

Adding custom post types is a developer feature. There are plugins that allow you to create them in the dashboard, but proceed with caution.

Custom Post Types

Page 49: WORDPRESS ACCLIMATED TO GETTING - 2016 WordCamp Ann … · 2016. 10. 10. · Custom Post Types. Important: The main difference between Categories and Tags is Categories are hierarchical

Important:

The main difference between Categories and Tags is Categories are hierarchical.

Post Taxonomies

Page 50: WORDPRESS ACCLIMATED TO GETTING - 2016 WordCamp Ann … · 2016. 10. 10. · Custom Post Types. Important: The main difference between Categories and Tags is Categories are hierarchical

5.Advanced Content Creation

Let’s be power users.

Page 51: WORDPRESS ACCLIMATED TO GETTING - 2016 WordCamp Ann … · 2016. 10. 10. · Custom Post Types. Important: The main difference between Categories and Tags is Categories are hierarchical

Important:

Featured images are only available on themes that support this.

Featured Image

Page 52: WORDPRESS ACCLIMATED TO GETTING - 2016 WordCamp Ann … · 2016. 10. 10. · Custom Post Types. Important: The main difference between Categories and Tags is Categories are hierarchical

Quick Edit

Page 53: WORDPRESS ACCLIMATED TO GETTING - 2016 WordCamp Ann … · 2016. 10. 10. · Custom Post Types. Important: The main difference between Categories and Tags is Categories are hierarchical

Bulk Edit

Page 54: WORDPRESS ACCLIMATED TO GETTING - 2016 WordCamp Ann … · 2016. 10. 10. · Custom Post Types. Important: The main difference between Categories and Tags is Categories are hierarchical

Bulk Edit

Page 55: WORDPRESS ACCLIMATED TO GETTING - 2016 WordCamp Ann … · 2016. 10. 10. · Custom Post Types. Important: The main difference between Categories and Tags is Categories are hierarchical

Keyboard Shortcuts

Page 56: WORDPRESS ACCLIMATED TO GETTING - 2016 WordCamp Ann … · 2016. 10. 10. · Custom Post Types. Important: The main difference between Categories and Tags is Categories are hierarchical

Keyboard Shortcuts

Page 57: WORDPRESS ACCLIMATED TO GETTING - 2016 WordCamp Ann … · 2016. 10. 10. · Custom Post Types. Important: The main difference between Categories and Tags is Categories are hierarchical

Keyboard Shortcuts

Page 58: WORDPRESS ACCLIMATED TO GETTING - 2016 WordCamp Ann … · 2016. 10. 10. · Custom Post Types. Important: The main difference between Categories and Tags is Categories are hierarchical

Revisions

Page 59: WORDPRESS ACCLIMATED TO GETTING - 2016 WordCamp Ann … · 2016. 10. 10. · Custom Post Types. Important: The main difference between Categories and Tags is Categories are hierarchical

Important:

Press This also has a bookmark for mobile devices to quickly add found content on the go.

Press This

Page 60: WORDPRESS ACCLIMATED TO GETTING - 2016 WordCamp Ann … · 2016. 10. 10. · Custom Post Types. Important: The main difference between Categories and Tags is Categories are hierarchical

Press This

Page 61: WORDPRESS ACCLIMATED TO GETTING - 2016 WordCamp Ann … · 2016. 10. 10. · Custom Post Types. Important: The main difference between Categories and Tags is Categories are hierarchical

6.Additional Resources

Let’s keep learning.

Page 62: WORDPRESS ACCLIMATED TO GETTING - 2016 WordCamp Ann … · 2016. 10. 10. · Custom Post Types. Important: The main difference between Categories and Tags is Categories are hierarchical

Additional Resources - Plugin

Page 63: WORDPRESS ACCLIMATED TO GETTING - 2016 WordCamp Ann … · 2016. 10. 10. · Custom Post Types. Important: The main difference between Categories and Tags is Categories are hierarchical

Additional Resources - Plugin

Page 64: WORDPRESS ACCLIMATED TO GETTING - 2016 WordCamp Ann … · 2016. 10. 10. · Custom Post Types. Important: The main difference between Categories and Tags is Categories are hierarchical

Additional Resources - Plugin

Page 65: WORDPRESS ACCLIMATED TO GETTING - 2016 WordCamp Ann … · 2016. 10. 10. · Custom Post Types. Important: The main difference between Categories and Tags is Categories are hierarchical

Additional Resources - Plugin

Page 67: WORDPRESS ACCLIMATED TO GETTING - 2016 WordCamp Ann … · 2016. 10. 10. · Custom Post Types. Important: The main difference between Categories and Tags is Categories are hierarchical

Thank you!Any questions?

You can find me at:@[email protected]

Download these slides http://bit.ly/wp101-oct2016