WordPress Meetup Southwest Florida

Earlier today, I started a Storify to collect all the resources and blog posts about the Gutenberg Editor. It was released in it 0.2 version just around WordCamp Europe. Matt Mullenweg ran a demo video during his interview with Om Malik on WordCamp Europe Second Day.

The Storify has all the links and post from all corners of the WordPress Community.  If you don’t enjoy working with unfinished software just read through some of the blog posts to get an idea of how big the changes will be for you as a user of WordPress. Just read some of the blog posts.

It will not be in the next version 4.9. And it’s not clear when WordPress 5.0 will come out.
It definitely depends on how far the Gutenberg Editor can be pushed forward.

Head-first into Gutenberg Testing

Install the Gutenberg plugin on your non-production site. As long as Gutenberg is not officially released I would not use it on any production site. Be warned. If you don’t have a testing site or development site at your disposal but still want to test it, scroll further down to request access to our test site.

Are you an Accessibility Expert? WordPress needs your help

Are you an accessibility expert? We need your help! #a11y #gutenberg #wordpress https://t.co/QTIJYZHA4X

— WordPress Accessibility Team (@WPAccessibility) July 5, 2017

🚀 New post: "Getting setup for WordPress Gutenberg accessibility testing" https://t.co/JGXlzfKlDt #wordpress #a11y /cc @WPAccessibility

— Scott Vinkle (@svinkle) July 8, 2017

 

What’s new in Gutenberg? (14th July)

The Gutenberg Editor Frequently Asked Questions on GitHub

The design team around Gutenberg Editor published a few questions from the community. For instance: “How do I make my own block?” Or “How will old metaboxes (PHP) work?”. You can read the answers on GitHub.

For Developers  creating your own Blocks for Gutenberg

• James Nylen from Automattic published on Github: Gutenberg Examples
• Amad Awais, WordPress Cord Contributor published on Github: Gutenberg Boilerplates

 

First Steps w/ Gutenberg editor

On our Testing & Training site, I posted small notes about my first steps with Gutenberg.
http://tt.wpswfl.org/paris-3/
http://tt.wpswfl.org/paris-2/
http://tt.wpswfl.org/paris-1/

If you’d like to get an opportunity to test Gutenberg, but don’t have a testing site available, enter your information in this form and I’ll set-up an account on our test site. The only requirement beyond the form is that you answer a few questions via our user survey.

So here is the Storify: WordPress Gutenberg Editor – What is it, how to test and what other people think

Thank you to Peter & Dieter provide The RocketLounge as our new meeting space. We appreciate your hospitality and generosity!

I want to say that this was one of the best ones that I have been too so far. I love the fact that we can be more up close and personal at the new venue. — Ani

Thank you to our new host of our meetup! @RocketLOUNGEFla #incubator #startups in Ft. Myers. #WordPress pic.twitter.com/HP9xoZchci

— WordPress Meets SWFL (@wpswfl) July 1, 2016

Informative MeetUp and met some great people too! — Marcy

Upcoming WordCamps and other WordPress Events

• July 15 + 16 – WPCampus – WordPress in Higher Education, Sarasota
• August 19 + 20 WordSesh 4 like a virtual WordCamp except there is one session per hour for 24 hours.
• Sep 9-11, WordCamp Tampa – Call for Speakers
• Oct 7-9, WordCamp Orlando – Call for Speakers
• Dec 2 – 4th WordCamp US, Philadelphia – Call for Speakers
• June 16-18, 2017 WordCamp Europe
• New wp.org Plugin Directory open in Beta, take a look!
• New Android App version for WordPress
• What’s new in 4.6 target release date Aug 16

Mentioned during discussions

• Eventful.com Live Event Feeds from Florida – They also have a Developer API to check out
• Google Resizer – use to check how your site looks on different screen sizes.

Custom Post Types and Custom Fields made WordPress Enterprise ready

The WordPress Core Team introduced Custom Post Types in 2010 with version 3.0, and it made WordPress enterprise ready as a content management system for lots of different use cases beyond blogging and brochure-like websites.

Custom Post Types Solutions via plugins

• Portfolio & Testimonial via Jetpack Custom Post Types
• Book Reviews Plugin
• WP Ultimate Recipe
• WP MovieLibrary
• Products, Business Directory, etc.

Please share your favorite Custom Post Type plugin in the comments!  

Articles:

• Creating Custom Post Types in WordPress at Elegant Themes
• How to Create Custom Post Types in WordPress at WPBeginner
• Custom Fields 101: Tips, Tricks, and Hacks at WPBeginner

WordPress Codex resources

• Post Types
• Custom Fields

Plugins for Administrators & Developers

• Custom Post Type UI – This plugin provides an easy to use interface to create and administer custom post types and taxonomies in WordPress. The plugin just creates the types. You will need to add them to the theme yourself.
• Advanced Custom Fields – love it because of the repeater field in the pro version,
• Custom Field Suite a visual custom fields management plugin.

Code Examples:

Display of Custom Fields (ACF) per custom post type.

Code, assuming you installed the  ACF plugin.

In your Theme:  If your Custom Post Type’s slug is ‘product’  – copy the single.php template from your theme and save it as single-product.php. WordPress will pick that template automatically.

 

Withing the loop add something like this, assuming ‘product’ is your custom post type and ‘applications’ and ‘twc_options’ are your custom fields, associated with the custom post type.

• get_field () and the_field() are ACF-plugin functions.
• is_singular() is one of  WordPress core functions

<code>

elseif ( is_singular( ‘product’ ) ){

if( get_field(‘applications’) ): ?>

<div class=”acf”>

<h2>Applications</h2>

<?php the_field(‘applications’); ?>

</div>

<?php endif;

if( get_field(‘twc_options’) ): ?>

<div class=”acf”>

<h2>Features and Benefits</h2>

<?php the_field(‘twc_options’); ?>

</div>

<?php endif;

}

 

For a custom post type taxonomy pages you can use the following WordPress core functions

function display_wirescables() {

echo( ‘<ul class=”wirecat”>’ );

foreach (get_terms(‘wires-cables’) as $cat) :

echo( ‘<li>’ );

echo( ‘<a href=”‘ . get_term_link($cat->slug, ‘wires-cables’) . ‘”>’ .  $cat->name . ‘</a>’ );

echo( ‘</li>’ );

endforeach;

echo( ‘</ul>’ );

}

</code>