• Skip to primary navigation
  • Skip to footer navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer

WP Fangirl

WordPress Consultant Sallie Goetsch

  • speakerdeck icon
  • Home
  • About
  • Why WordPress?
  • How I Work
  • Portfolio
  • Services
  • Blog
  • Contact

Building a Compelling Portfolio with Gutenberg Slides

October 21, 2018 by Sallie Goetsch Leave a Comment

This entry is part 17 of 17 in the series WordCamps
Cover slide for "Building a Compelling Portfolio with Gutenberg" presentation

Okay, truth: I’m posting this in 2021. But the content belongs in 2018. I knew I’d neglected my blog that year, and that I didn’t manage to post anything in 2019, and 2020 was, well, 2020, but I was still surprised I hadn’t posted this, given that I reprised the presentation at the East Bay WordPress Meetup…where it turns out I did at least post my talk description.

I’m back-dating the post because the specifics about the code and the state of Gutenberg are anchored firmly in 2018, before Gutenberg was part of WordPress Core. It seemed like that process was taking forever, but WordPress 5.0 was actually released in time for WordCamp US 2018.

What People Came to This Talk to Learn

The purpose of a portfolio is to convince prospects to work with you. Whether your service is photography, design, development, or construction, your portfolio needs more than beautiful images. If you’re going to convince people to hire you and not your competition, you can’t just show people what you built. You need to explain the business problems you helped your clients solve and the outcomes you helped them achieve.

The first and most important step in creating your portfolio is determining what to put in it, which means knowing who your ideal client is and what they care about. But after you’ve done the content strategy work, what then? How do you create a portfolio with the elements you need, without adding unnecessary features? How do you make it easy for yourself to add new projects? And can you create it without hiring a developer?

It’s already possible to use code to customize WordPress portfolio plugins, and to use page builders to create layouts for portfolio archives and single entries. Those methods will both have a place for some time to come, but the new block-based Gutenberg editor provides a new way to build a portfolio template, and it might be even easier to use than a page-builder.

This session will review the elements of a good portfolio and explain how to combine core blocks and custom blocks into reusable block templates. The speaker will also address the question of where you might still prefer a page-builder and where you might need a developer — at least in the short term. You’ll walk away with a better understanding of how Gutenberg can make it easier to promote your business effectively.

Slides: Building a Compelling Portfolio with Gutenberg

Slide deck for Creating a Compelling Portfolio with Gutenberg

Code Samples

I’d actually forgotten that I’d created a whole repository and not just a Gist. One of these days I’ll clone it and set it up to work with the current version of WordPress. (Whatever that version may be.)

It’s important to know that the code as written will cause a fatal error. I might manage to fix that bit on GitHub, but I might not.

The Complete Plugin

As the summary says (if the embed is working correctly), this plugin creates the portfolio post type and the portfolio taxonomies.

Dark Mode

block-portfolio (this link opens in a new window) by wpfangirl (this link opens in a new window)

Block-Based Portfolio is a WordPress plugin that creates a portfolio CPT (and 3 portfolio taxonomies) and uses a block template to pre-populate new portfolio entries with Gutenberg blocks

2 Subscribers 9 Watchers 0 Forks Check out this repository on GitHub.com (this link opens in a new window)

Block Template for the Portfolio Post Type Plugin

This code may be somewhat more useful in 2021 than the other, because it lets you start with an existing portfolio plugin and add a block template if it doesn’t have one. Though by now, it probably does.

Dark Mode

gutenberg-ppt (this link opens in a new window) by wpfangirl (this link opens in a new window)

Plugin to add Gutenberg support and a block template to Devin Price’s Portfolio Post Type plugin

1 Subscriber 0 Watchers 0 Forks Check out this repository on GitHub.com (this link opens in a new window)

I had these big plans to update my portfolio that year and use this for it. It didn’t work out that way.

WordCamps Series Navigation<< Previous Post

Related Items

  • screwdriver heads for power screwdriver
    My Slides from #WCLAX 2016
  • Cover of Building a WordPress Blog People Want to Read by Scott McNulty
    Building a WordPress Blog People Want to Read
  • Sallie Goetsch presenting on Flexbox at WordCamp Sacramento 2016
    WordCamp Sacramento 2016 Slides and Code

Share this post:

Share on Twitter Share on Facebook Share on Pinterest Share on LinkedIn Share on Email

Filed Under: Using WordPress, WordPress Events Tagged With: #wcsac, Gutenberg

Reader Interactions

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Primary Sidebar

What I Write About

  • Book Reviews
  • Content Strategy
  • Design
  • Hosting and Servers
  • Most Valuable Plugins
  • There's a Plugin for That
  • Using WordPress
  • Widgets
  • WordPress Consulting
  • WordPress Events

Series

  • Interviews (5)
  • Checking Up on Your Website (4)
  • Client from Hell (5)
  • WordCamps (17)
  • WP-Tonic Roundtable (30)
  • Modern Tribe Tutorials (13)


More in this series:

  • I’m Speaking at WordCamp Sacramento-2015
  • I went to WordCamp Sacramento 2015 and all I got was this awesome sweatshirt
  • WordCamp Sacramento 2015 Slides and Notes
  • Watch My WordCamp Sacramento 2015 Presentation on Video
  • I’m speaking at WordCamp Los Angeles 2016
  • My Slides from #WCLAX 2016
  • My WordCamp Sacramento 2016 Speaker Interview
  • WordCamp Sacramento 2016 Slides and Code
  • Video from My WordCamp Los Angeles 2016 Presentation
  • WCLAX 2016 Video
  • Speaking at WCSAC 2017
  • WCSAC 2017 Notes & Slides
  • Final Set of WordCamp Sacramento Tickets Goes on Sale Wednesday!
  • Online Pressroom Video
  • Highlights of WordCamp Sacramento 2017
  • I’m Speaking at WordCamp Sacramento 2018 in September
  • Building a Compelling Portfolio with Gutenberg Slides

RSS Latest News from the East Bay WordPress Meetup

  • Does It Work? Using The New CSS Layout with Rachel Andrew
    Things change rapidly in the WordPress world. The content in this post is more than a year old and may no longer represent best practices.Description Over the past two years, […] The post Does It Work? Using The New CSS Layout with Rachel Andrew appeared first on East Bay WordPress Meetup.
  • Speaker Training
    Get the workbook and slides for the October 2019 speaker training, plus background and pro tips. The post Speaker Training appeared first on East Bay WordPress Meetup.
  • SEO Audit Template & Resources
    Our November speaker, John Locke, graciously provided a template for an SEO audit report. You can download it as a Microsoft Word or PDF document. The post SEO Audit Template & Resources appeared first on East Bay WordPress Meetup.

Footer

Contact Info

2063 Main St #133 · Oakley, CA 94561

+1 (510) 969-9947

author-izer

sallie [at] wpfangirl [dot] com

Location

Map of East Contra Costa County

I live in Oakley, CA and run a WordPress Meetup in Oakland, CA. Don't confuse them!

Subscribe for New Posts

  • Since I blog on an unpredictable schedule, you might want to subscribe by email. I'll also send out occasional announcements about events.

  • Privacy Policy: I will never sell or rent your contact information.

  • This field is for validation purposes and should be left unchanged.
  • Contact
  • Colophon
  • Comment Policy
  • Privacy Policy
  • Five for the Future

Copyright © 2023 · Utility Pro on Genesis Framework · WordPress · Log in

MENU
  • Home
  • About
  • Why WordPress?
  • How I Work
  • Portfolio
  • Services
  • Blog
  • Contact