{"id":1713,"date":"2018-12-01T09:00:51","date_gmt":"2018-12-01T14:00:51","guid":{"rendered":"https:\/\/2018.toronto.wordcamp.org\/?p=1713"},"modified":"2018-11-30T14:24:27","modified_gmt":"2018-11-30T19:24:27","slug":"gutenberg-the-building-blocks-of-an-online-presence","status":"publish","type":"post","link":"https:\/\/toronto.wordcamp.org\/2018\/gutenberg-the-building-blocks-of-an-online-presence\/","title":{"rendered":"Gutenberg & the building blocks of an online presence."},"content":{"rendered":"

The following is a guest post on behalf of our sponsors at GoDaddy. GoDaddy Pro<\/a>\u00a0provides free tools like delegated account access and a single dashboard to manage all your WordPress sites (no matter where they’re hosted).<\/em><\/p>\n

\"\"<\/p>\n

Let’s go back in time to 2004 when\u00a0WordPress was first spun out of b2\/cafelog<\/a>.<\/p>\n

In these early days, a website\u00a0was<\/em> your online presence.<\/p>\n

Social media wasn’t really a thing yet. Facebook wasn’t conceived until a month after WordPress 1.0 shipped, MySpace didn’t take off until 2005, and Twitter came along a year later in 2006.<\/p>\n

Nobody was vlogging on YouTube or streaming on Twitch or posting stories to Instagram because\u00a0these things didn’t exist yet<\/em>.<\/p>\n

But blogs existed, and the web was full of them. They were tomes of digital text, powered by a plethora of platforms.<\/p>\n

In time, WordPress came to dominate. It gobbled up market share as bloggers moved away from the likes of Movable Type (and others).<\/p>\n

WordPress was great because it provided an elegant writing experience and was open to customization through themes, plugins, and post types.<\/p>\n

Thanks to those capabilities, WordPress eventually grew beyond just being a tool for building blogs – it became a full-blown CMS.<\/p>\n

That’s great for building information-dense, text-heavy websites.<\/p>\n

But the web is so much more than that now.<\/p>\n

<\/p>\n

Enter Gutenberg.<\/h2>\n

WordPress owes its growth as a CMS, in large part, to the hodgepodge of metaboxes, shortcodes, widgets, and inline HTML that came to define the editor.<\/p>\n

Gutenberg does away with all of that. Now we’re using blocks for everything.<\/p>\n

This upends over a decade’s worth of experience, acquired knowledge, and standard practices for users.<\/p>\n

It also introduces a whole new world of technology (and a potentially steep learning curve) for developers. You’ll find out about a lot of that during today’s sessions, whether it’s building your first custom block<\/a> or addressing fears about the new editor<\/a>.<\/p>\n

But the new block paradigm also means we can stop thinking about our websites as collections of text documents.<\/p>\n

Instead, we can think about our websites as a hub at the center of a diverse, media-rich online presence.<\/p>\n

A successful online presence is more than just a website.<\/h2>\n

As I mentioned above, back when WordPress was first launched, social media wasn’t really a thing yet.<\/p>\n

But times have changed.<\/p>\n

We’re still hopping through Google when we’re looking for information, but we’re also looking elsewhere.<\/p>\n

YouTube. Instagram. Facebook. Twitter. Pinterest. Just to name a few.<\/p>\n

Then there’s the messenger apps, aka “dark social”, and good ol’ email.<\/p>\n

These are destinations, places where people are spending their time, conversing and creating and publishing content.<\/p>\n

And that content is more than just text – it’s also images and video. And with the rise of smart speakers and voice assistants, audio is making a comeback.<\/p>\n

These diverse platforms, and the media types they cater to, are all touch points of a modern online presence.<\/p>\n

Now imagine your WordPress site at the center of it all.<\/p>\n

Let’s pull it together with an example.<\/h2>\n

Let’s say you’re working with a small business that sells handmade fashion accessories.<\/p>\n

They have a domain name and a professional email address to go with it. They have an Instagram account with a few thousand followers, a Facebook page, an email newsletter, and an Etsy shop.<\/p>\n

They don’t have a website. Their domain name redirects to their Etsy shop, and they collect email addresses by sending people to a signup form hosted by their email marketing service.<\/p>\n

But they’re starting to think about building a website. So they talk to you, because you know WordPress.<\/p>\n

You’re planning for a fresh WordPress build, and you know Gutenberg will be in core by the time the site launches.<\/p>\n

How can you pull all of their things together with the help of the new editor?<\/p>\n

You create contact forms.<\/strong> These forms go directly to their professional email address. You create different forms for different use cases, like contest entries or custom requests or general inquiries. The forms are added to posts and pages via blocks.<\/p>\n

You add a newsletter subscription plugin.\u00a0<\/strong>Now they can send people directly to their website to sign up. And the business can drop in that newsletter subscription block wherever they like.<\/p>\n

You create a weekly blog post template<\/strong>. Using blocks and the Duplicate Post<\/a> plugin, you create a template to clone for each week’s post. It includes placeholder blocks for adding updates from Instagram or products from Etsy. The bottom of the blog post includes the newsletter subscription block, so anyone who views the post can easily sign up.<\/p>\n

You train the business to use the new editor<\/strong>. There’s no shortcodes for them to memorize, no custom fields to fill in. What they see in the editor is pretty darn close to what they get in the published post.<\/p>\n

They publish.\u00a0<\/strong>Once a week they go in and publish their blog post.<\/p>\n

They share their weekly blog post on Facebook and Instagram.<\/strong>\u00a0They share it as a Facebook page update with a link back to the blog post. On Instagram, it’s a story update that links to their blog post.<\/p>\n

The weekly blog post also becomes newsletter content<\/strong>. Using their email marketing service (e.g. GoDaddy Email Marketing<\/a>), they can drop in additional content that’s exclusive to their subscribers.<\/p>\n

See the pattern?<\/p>\n

Everything comes together as a compilation of blocks. We’re not stuffing shortcodes or inline HTML into a text document.<\/p>\n

Blocks level things out. They flatten the hierarchy of page elements.<\/p>\n

And as it goes with these blocks on a page, so it goes with an online presence.<\/h2>\n

An online presence is more than just a website.<\/p>\n

The other points of presence – social media, messaging, email, voice, or whatever else – are just as important, in their own way.<\/p>\n

But your domain, and the email and website that goes with it, are the hub that connects them all together.<\/p>\n

Thanks to the new Gutenberg editor in WordPress, that’s now less of an abstract concept. Now we have the building blocks for everyone to do it.<\/p>\n

Want to learn more about helping your clients build a great online presence?\u00a0<\/strong>Check out the growing library of free web developer resources from GoDaddy Pro.<\/a><\/p>\n

Featured image photo by\u00a0La-Rel Easter<\/a>\u00a0on\u00a0Unsplash<\/a><\/em><\/p>\n","protected":false},"excerpt":{"rendered":"

The following is a guest post on behalf of our sponsors at GoDaddy. GoDaddy Pro\u00a0provides free tools like delegated account access and a single dashboard to manage all your WordPress sites (no matter where they’re hosted). Let’s go back in … Continue reading Gutenberg & the building blocks of an online presence.<\/span> →<\/span><\/a><\/p>\n","protected":false},"author":6358608,"featured_media":1725,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1256529],"tags":[],"class_list":["post-1713","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-featured-sponsor"],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/toronto.wordcamp.org\/2018\/files\/2018\/11\/la-rel-easter-1139552-unsplash.jpg?fit=4959%2C3306&ssl=1","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/pa1ZDU-rD","jetpack_likes_enabled":true,"jetpack-related-posts":[{"id":1546,"url":"https:\/\/toronto.wordcamp.org\/2018\/sponsor-spotlight-bluehost\/","url_meta":{"origin":1713,"position":0},"title":"Sponsor spotlight: Bluehost","author":"Andy McIlwain","date":"November 27, 2018","format":false,"excerpt":"Thanks to our sponsors at Bluehost for helping make WordCamp Toronto 2018 possible.\ufeff","rel":"","context":"In "Featured Sponsors"","block_context":{"text":"Featured Sponsors","link":"https:\/\/toronto.wordcamp.org\/2018\/category\/featured-sponsor\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/2018.toronto.wordcamp.org\/files\/2018\/06\/bh_logo_2015.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/2018.toronto.wordcamp.org\/files\/2018\/06\/bh_logo_2015.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/2018.toronto.wordcamp.org\/files\/2018\/06\/bh_logo_2015.png?resize=525%2C300&ssl=1 1.5x"},"classes":[]},{"id":4,"url":"https:\/\/toronto.wordcamp.org\/2018\/call-for-sponsors\/","url_meta":{"origin":1713,"position":1},"title":"Call for Sponsors","author":"Alex Sirota","date":"August 23, 2018","format":false,"excerpt":"We need sponsors to help make WordCamp engage and grow the WordPress community in Toronto. If you or your business have benefited from using WordPress,\u00a0now\u00a0is the perfect time to give something back. Become a sponsor of WordCamp Toronto 2018 Sponsoring WordCamp is a great opportunity to demonstrate your support for\u2026","rel":"","context":"With 1 comment","block_context":{"text":"With 1 comment","link":"https:\/\/toronto.wordcamp.org\/2018\/call-for-sponsors\/#comments"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/toronto.wordcamp.org\/2018\/files\/2018\/10\/cropped-cn_tower-fav.png?fit=512%2C512&resize=350%2C200#038;ssl=1","width":350,"height":200},"classes":[]},{"id":1697,"url":"https:\/\/toronto.wordcamp.org\/2018\/sponsor-spotlight-woocommerce\/","url_meta":{"origin":1713,"position":2},"title":"Sponsor spotlight: WooCommerce","author":"Andy McIlwain","date":"November 30, 2018","format":false,"excerpt":"Thanks to WooCommerce for helping make WordCamp Toronto 2018 possible. 28% of all online stores are powered by WooCommerce. Built on WordPress, WooCommerce is a fully customizable, open source\u00a0eCommerce\u00a0solution. 3+ million active installations 34+ million downloads 450+ extensions to add functionality Whether you\u2019re selling a few handcrafted items to a\u2026","rel":"","context":"In "Featured Sponsors"","block_context":{"text":"Featured Sponsors","link":"https:\/\/toronto.wordcamp.org\/2018\/category\/featured-sponsor\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/2018.toronto.wordcamp.org\/files\/2018\/06\/woocommerce_logo-300x60.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":1497,"url":"https:\/\/toronto.wordcamp.org\/2018\/hello-from-dreamhost\/","url_meta":{"origin":1713,"position":3},"title":"Hello from DreamHost!","author":"Andy McIlwain","date":"November 26, 2018","format":false,"excerpt":"The following is a guest post from our sponsors at DreamHost. Pop quiz - Where can you go in 2018 AD to see raptors walking through maple leaves? (And ok, let\u2019s just assume Jurassic Park is still in ruins.) The answer is Toronto! DreamHost loves Toronto! Once we realized that\u2026","rel":"","context":"In "Featured Sponsors"","block_context":{"text":"Featured Sponsors","link":"https:\/\/toronto.wordcamp.org\/2018\/category\/featured-sponsor\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/toronto.wordcamp.org\/2018\/files\/2018\/11\/dreamhost-loves-toronto.jpg?fit=1000%2C560&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/toronto.wordcamp.org\/2018\/files\/2018\/11\/dreamhost-loves-toronto.jpg?fit=1000%2C560&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/toronto.wordcamp.org\/2018\/files\/2018\/11\/dreamhost-loves-toronto.jpg?fit=1000%2C560&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/toronto.wordcamp.org\/2018\/files\/2018\/11\/dreamhost-loves-toronto.jpg?fit=1000%2C560&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":1670,"url":"https:\/\/toronto.wordcamp.org\/2018\/wordcamp-toronto-is-tomorrow-saturday-dec-1st\/","url_meta":{"origin":1713,"position":4},"title":"WordCamp Toronto is tomorrow Saturday Dec. 1st","author":"Kristine Black","date":"November 30, 2018","format":false,"excerpt":"We wanted to send some important bits of info to get you ready for WordCamp on Saturday. If you are unable to attend, please remember to modify your reservation to give others the chance to register for this informative day-long event bringing dozens of experts together to talk about the\u2026","rel":"","context":"With 3 comments","block_context":{"text":"With 3 comments","link":"https:\/\/toronto.wordcamp.org\/2018\/wordcamp-toronto-is-tomorrow-saturday-dec-1st\/#comments"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/toronto.wordcamp.org\/2018\/files\/2018\/10\/cropped-cn_tower-fav.png?fit=512%2C512&resize=350%2C200#038;ssl=1","width":350,"height":200},"classes":[]},{"id":1161,"url":"https:\/\/toronto.wordcamp.org\/2018\/wordcamp-toronto-free-registration\/","url_meta":{"origin":1713,"position":5},"title":"WordCamp Toronto is now free to attend!","author":"Kristine Black","date":"November 16, 2018","format":false,"excerpt":"Reserve your free ticket for WordCamp Toronto 2018 on Saturday, December 1, 2018 at the North York Civic Centre. WPToronto, as a not-for-profit community group within the WordPress meetup chapter program, has reserved space for WordCamp in the City of Toronto civic centres at no cost to the group. Our\u2026","rel":"","context":"With 20 comments","block_context":{"text":"With 20 comments","link":"https:\/\/toronto.wordcamp.org\/2018\/wordcamp-toronto-free-registration\/#comments"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/toronto.wordcamp.org\/2018\/files\/2018\/10\/cropped-cn_tower-fav.png?fit=512%2C512&resize=350%2C200#038;ssl=1","width":350,"height":200},"classes":[]}],"_links":{"self":[{"href":"https:\/\/toronto.wordcamp.org\/2018\/wp-json\/wp\/v2\/posts\/1713","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/toronto.wordcamp.org\/2018\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/toronto.wordcamp.org\/2018\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/toronto.wordcamp.org\/2018\/wp-json\/wp\/v2\/users\/6358608"}],"replies":[{"embeddable":true,"href":"https:\/\/toronto.wordcamp.org\/2018\/wp-json\/wp\/v2\/comments?post=1713"}],"version-history":[{"count":15,"href":"https:\/\/toronto.wordcamp.org\/2018\/wp-json\/wp\/v2\/posts\/1713\/revisions"}],"predecessor-version":[{"id":1731,"href":"https:\/\/toronto.wordcamp.org\/2018\/wp-json\/wp\/v2\/posts\/1713\/revisions\/1731"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/toronto.wordcamp.org\/2018\/wp-json\/wp\/v2\/media\/1725"}],"wp:attachment":[{"href":"https:\/\/toronto.wordcamp.org\/2018\/wp-json\/wp\/v2\/media?parent=1713"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/toronto.wordcamp.org\/2018\/wp-json\/wp\/v2\/categories?post=1713"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/toronto.wordcamp.org\/2018\/wp-json\/wp\/v2\/tags?post=1713"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}