WordCamp Denver 2018: In which I learned a lot while preparing to teach something and I talked very fast

Somehow City of the Plains
feels relatively local to me, even though it is 2 full hours in the air to get to and from this high altitude city. Compared to placed like Belgrade or Boston that is basically no real travel time. There are also a lot of similarities between my part of California and that part of Colorado, with all the natural history and airport way outside the downtown area. I was not there for the great outdoors or to sneak into the Underground Music Festival. I got to return to this gem of the West to rejoice with my fellow WordPress community together in person at WordCamp Denver 2018

Food and Fun

Speaker Dinner

No WordCamp would be complete without the speakers, sponsors and organizers getting together for a little celebration for making the whole thing happen. We are all volunteers in this, even those of us who are paid by companies to represent those companies, we still are giving up our weekends and nights and mental energy to make sure the camps happen. It takes a lot of work to organize one of these things, so having a special event where we just celebrate that fact is always a positive experience. This time around we went up to Blackbird Public House for some pizza and craft beverages. Such a great time was had an a new hashtag was born!

Day 1

This camp has a notably later start time, with registration not even starting until 9:00 am, a full hour later than most camps. This meant I could sleep a touch longer and enjoy some coffee before I left the hotel. I gotta say this time around the percolated stuff the volunteers made was superior to the hotel coffee, not an often repeated feat. Candy and snacks flowed throughout the day, thanks in part to the GreenGeeks crew bringing more candy than is healthy for a conference 5 times the size of this one. Lunch was OK. Sandwiches and chips and such.

Sticker Giant’s World Record Sticker Ball

Sticker Giant not only supported this camp by donating lots of awesome stickers, which they do for many a camp, but this time they rolled out the big one! They hold the Guinness World Record for the Largest Ball of Stickers ever!. Coming into the environments at around 231lbs we got to add to it at the event in what was on the schedule as a Goofy Activity. People had a blast adding a whole new layer devoted to the WordPress space. It was a treat to get to help make a record even better.

Dinner and After Party

There has been a noticeable increase in the last couple years of plant based food fans or at least people willing to give it a whirl. Every time I have gone to Denver since making the switch myself, I have been encouraged to go to Watercourse Foods and now I know why. Some of the best prepared and thought through 100% vegan cuisine I have yet to experience. Some of us gathered for a pre-party meal to make sure we had a full stomach before heading to the after party and drinking the wonderful concoctions brewed up by the fine folks at Fermaentra Tap Room. Nothing against their beers, but the real star of their menu had to be the kombucha. Several folks who have never tried it before and folks like me who were so-so on the beverage, were utterly delighted by this bright, refreshing citrusy goodness that they poured. Good job for selecting this sopt and great job to the brewers! Just to not it down, an attempt at WCKaraoke was made over at Ogden Street South, but the evening got away from us before we could make a real collective go of it.

Day 2

The second day was all Workshops. A portion of the previous day’s attendees returned to learn things like SEO and WP-CLI (which I was teaching, more on that later). We were met with coffee and pretty great breakfast burritos, which is one of my favorite breakfast options. The vegan option had corn and mushrooms and I think broccoli. Lunch was pizza. One of the nice things about pizza is that unless you put cheese on it, it can easily be plant based. Unfortunately no tweets exist of either of these offerings I can find, so here is a generic picture of the day with a mention of the food.

Sessions

Opening remarks

Who’s Afraid of the Big Bad Loop?
Chris Reynolds

I’ll admit it. I have never understood The Loop for exactly the same reasons it took Chris so long to wrap his head around it: The name makes it sound like a magic black box. At some point with magic, you have to throw your hands in the air and just say “I can’t explain it, it just works.” We, however, are doing computer science! Chris’ slides were not just informative and broke down The Loop better than I have seen in a talk yet, but they were also hilarious. Using knock knock jokes to explain ‘if ( have_posts )’ will be burned into my memory forever. I can honestly say this was a talk that pulled me over a line of understanding and I will be forever grateful to Chris.

Raw Notes:
Issue is the loop make it sound like a magic black box
What is it?
codex definition. HUh?
wat?
If have posts : whole have posts : the_post
if ( have_posts())
knock knock, do you have posts?
simple conditional that returns if there are posts, 0 or 1
keep going while it returns true
what are we doing
the_post – sets up the current post
think through all ‘the’ functions
the_ID, the_title, ect
the_posts makes all those work
setup_postdata( $post );
what does it al mean?
the magic
DB interactions
/?s=whosis chris reynolds
SQL query
s post status publish
combine all these things
/?s=rynolds&post_type=wcb_speaker
query = new WP_Query([
‘s’ => ‘reynolds’;
code missing
]);
And even more combining and complex searches and refinements
arrays can even be passed in
((-MISSED SOME STUFF DUE TO EMAIL ACCOUNT HACKING ATTEMPT—All good now))
using queries
used query_posts
national park service different pats of the help center different parts of site
s3q.uswcden2018-searchform
take taxonomy term and add to the search form so only search in taxonomy
in this case Museum management
get_posts
difference between this and wp_query
get_post returns: big array of post objects
dump out a query, you get a whole bunch more stuff, array of post is way tat the bottom
it will tell you the SQL query it used to find the posts
you can debug the query itself
beneath that is array of post objects
doing the same things in general but
query_posts (don’t use it!)
set up the posts but does something
codex say don’t use it
it overrides the main query
manipulates the posts you are in, that is bad
Slides: s3q.uswcden2018-loop

The Basics of Building a WooCommerce Website
Jamie Schmid

I love hearing Jamie present. She presents a ton of data and I always walk away with new perspective on at least a few points. This talk met that expectation and I now know that you always, always, always want to have a backup payment processor already fully thought through from the start. I honestly went in with an attitude that “Paypal is good enough for me” and left saying, “Well, let’s make sure I test Stripe….”. Also her quick point on having a client walk you all the way through multiple packaging and shipping scenario is huge. As a small time online store owner, I would never have thought to make a plan for x items vs x+1 items but those shipping conditions matter and will cost a lot of time to figure out after the project is delivered.

Raw Notes:
Intro to WooCommerce talk, her first one
plan, things she ran into people were not expecting
also, general order of setting things up out of the box
Start with planning
Your product, types and attributes
your requirements, POS, billing, accounting
payment processing
shipping and tax
sitemap
products, not all products the same, what is different
Reqs, do they have brick and mortar? Need POS?
a surprise later is expensive
coming from etsy or Shopify or what?
can it be imported at all? is it easy, almost never.
Payment processing
check the requirements, do you need a backup (yes)
company PayPal, stripe, authorize.net, si this determined?
PCI compliance? this is hard for some hosts
Shipping and Tax.
ask the client to map the whole shipping process
figure out the rules with them
shipping rules, scenarios are import to walk through
Site Mapping, super important
terms and conditions
return policy, they absolutely need this
sizing chart
product pages
Now we get to Build it! If we have all the above info, this is ready to start
The Woo Wizard is actually really helpful to get going from scratch
demo time!
Jetpack and TaxJar
wants to drill into payment gateways
don’t process on your site if you can help it

My Website Is Live, Now What Do I Do With It?
Michele Butcher-Jones

Sometimes you wish someone would just sit you down and tell you what the deal is. Like, what you need to know to be successful and what mistakes you can easily avoid if you see warning signs. Michele did exactly this to a room full of freelancers and agency folk at camp. I love this kind of straight talk. No fluff, no ‘touchy feely’ sentiment, just solid advice, learned the hard way by successfully doing this stuff over a career. This is one of the talks I can point to when people ask me what makes FOSS different than other ways of going about software: We stand up and tell the world exactly how to do it better and never hide what we learned under a bushel. We gotta let it shine!

Raw Notes:
when you inherit a site, they are clueless a lot
Expect them not to know and have to explain these pieces
Hosting and FTP info
logging in for the first time
what plugins are there and why?
whats in the media folder
what is a post vs a page, people will ask!
What theme?
always use a child theme
‘it’s what makes it pretty’ when explaining to clueless client
blog
update the site as soon as information changes
security for your sites
update! Update! UPDATE!!!
security plugins
regular checkups
always make backups
off server backups
without doing this, you can(will) get hacked
lose traffic and interest if not updated

Keynote: Why Community is More Important than Networking
Angela Bowman

A Keynote at the end of the day? Yes, that is what they did and I applaud them for it! I love the idea that we can learn all day long and then, before we go our separate ways to get ready for the after party or back to our families, we can get in one place and be on the same page with one big, well presented idea. And boy howdy, was this well presented. Angela took us on a journey and I think illustrated to a lot of folks that no one is born and expert in WP, or anything else. We all learn from and are encouraged by the people around us, so let’s get to it and start encouraging more people. Let’s connect more. Let’s stop asking ‘what do you do?’ and start asking ‘what do you love?’. We have so much knowledge to share and so much to learn. Only together can we keep advancing and growing.

Raw Notes:
(I got in a little late thanks to cleaning up the sponsor booth)
her history, working with Nonprofits
learned some CSS
then learned about CSS
started on WP on v2.0
outside the box thinking
alone, didn’t know anyone else doing this
meetup group of graphic designers
pivoted her life
partners and supporters
possibilities grow so much more
learned dos and don’t together with Bethany Siegler
started teaching classes together to learn
first WordCamp in 2010
WP is bigger on the inside
her first talk soon thereafter
camps are not just about free shirts
also about stickers and such
people put a lot of hope into WordPress
got to learn from each other
build relationships, it is why we are here
don’t begin conversations with what do you do?
something different
asking what they do outside of their job
how can I help you vs what can you do to me
You never know how you are going to affect other people

My Sessions

Nobody wants a website. They want results!

I ended up talking really, really fast. Jamming the same amount of information into half the time it took me to give the same talk last time certainly interjected a lot of energy into the thing. It was fantastic to have a pretty big room reverberating that energy back to me. I loved all the feedback I got afterward and it was super awesome to meet so many new people. I hope I can give this talk a few more times before it evolves into another form. Thanks to all that came out!

WP-CLI – Don’t Fear The Command Line

Giving workshops is fun, but I would put it as a bigger challenge overall than a talk. Both definitely take preparation and time and a lot of mental energy, but in a general lecture style WordCamp session you rarely stop and help someone try to figure out to debug a composer issue. I hope people got a lot out of it and I was thrilled to do it, but wow, I sitting and writing this later the same day I delivered it, I think I need to put many hours into a revamp before I submitted for a 3 hour workshop on this subject again. I also thought that I might just require everyone to install Lando before we started so we would all have the same issues in the same environments. Still, very glad I got the opportunity to learn as much as I did while doing this and hope others found it useful as well.

Wrapping Up

Denver is an interesting town in a lot of ways to me, but the real joy is the community. Being a shorter camp and the fact that I was there solo meant I saw far fewer talks than I normally do, but wow, those hallways conversations that I did not take notes on for public consumption taught me a whole lot. Speaking to people about what they are passionate about and helping to further some of their thoughts around this market and various technology points. I always learn so much. I think that if WordCamp.org was an accredited university I would have a Masters by now.
I am already looking forward to the next time I get to go to Denver for any reason, and though it is a full year out I am already looking forward to an even bigger and better WordCamp Denver 2019!

WordCamp Boston 2018: Summer is wonderful in Boston and teaching people Git is awesome

For the 2nd time in 3 weeks I got to go to “The Athens of America
and got to go there in perhaps the best time of year to go. This time around I was met with very pleasant temperatures and pleasantly surprising light traffic. The city was kind enough to reroute some predicted thunderstorms for us as well, though it did allow a little rain to get through. The people were in full summer celebration mode this time around and it was a joy to be around so many cheerful folks in general. It made for a great WordCamp Boston 2018!

Food and Fun

Pre-camp WP friends dinner

This is one of the fee camps that I go to that does not do their speaker dinner on the night before the camp kicks off. In fact they don’t do a speaker dinner at all, they do a brunch for us, more on that later. This left me an evening on my own, which I will admit has the potential to be a lonely time. Very fortunately for me, one of the most thoughtful folks I am proud to call friend Mike Demo did some groundwork and invited a number of us campers together to a dietary restriction friendly joint near the harbor and only a few minute walk from the old part of town, Warehouse Bar & Grille. A few of us found our way to a few of the oldest bars in the United States where we were treated to some amazing covers by the ‘Best event band in Boston’ The Sweet Beats. It was a wonderful kickoff for a wonderful weekend.

Day 1

Coffee was Starbucks, which always tastes burnt to me when served from a Cambro. Fortunately they had some solid tea choices as well for my caffeine fix. While en general trying to reduce carb intake, the sesame bagels, one of many pastry and fruit options present, called out to me. It was a pretty good fuel for a very busy morning of setup, greetings and Happiness Bar fun.

Lunch was a bag lunch. I had a pretty tasty and spicy red pepper hummus wrap from the university catering with some chips and an apple. No tweets I can find show the camp eating together in the big auditorium where it was served, but it was a beautiful sight. Instead here is a tweet that features one of our afternoon snack options.

After Party

As in the previous year’s event, which I was also lucky enough to attend, we adjourned immediately after the last session down the road to the White Horse Tavern. Having limited plant based options I did a quick side trip with fellow herbivore and local history expert John Eckman down a few blocks to Whole Heart Provisions. The place knocked my socks off with their inventive flavor profiles and killer (but kind to animals) crispy brussel sprouts. Back at the White Horse, we got to enjoy a summer evening out on their back patio and even indulge in a few rounds of corn hole, which just so happened to feature Rachel Cherry’s favorite football team.

WCKaraoke

Not only did we go back to [Limelight Stage and Studios][http://www.limelightboston.com/] for some karaoke fun, but we got to see some of our favorite local regulars while there. For some folks there, it was their first time to ever go out and experience the magic that is the empty orchestra. Some folks who had been passive observers in the past got up and sang for the first time and some folks did old favorites that delighted the whole izakaya. I really do love the energy of this place and I would rank it above Otter’s Saloon as my favorite non-San Francisco karaoke spot if they carried soda water. Still, with such a large turnout from the camp, the experience will rank as one of my favorites.

Speaker Brunch / Day 2

The second day of the event kicked off by the speakers and sponsors and volunteers gathering back at the White Horse for what I would accurately describe as a simple but pretty OK breakfast buffet and really stellar coffee. I hesitate to call it a true brunch because the bar was not open during our special event and no mimosas, the defining beverage of brunch, could not be had. It was still really good since it featured one of my favorite foods of all time, fried breakfast potatoes. Waking up fully by catching up with some old colleagues and meeting some new folks was a real treat and put us all in a great mood for the second day of camp. Huge props to Cory Maass for kindly giving me a ride to the camp afterwards.

Dinner and coffee:

Since Day 2 is a little more than half the day, no lunch is provided. Just a snack break with pastries and more coffee and tea. This meant that by the closing remarks many of us were famished. Again, Mike Demo gets some praise from me for putting forth an option that could meet my diet, Blaze Pizza. This ‘Subway for fast fired pizza’ type establishment not only wins in my book for having great ingredients, but also for having a terrific social media manager that engaged our tweeting and has a great sense of humor. We finished our meal with a trip next door to get some coffee at Blue State Coffee. It was terrific to squeeze a few last moments with my WordPress family before heading off to the airport to return home to my beloved SF after what felt like a blur of a trip.

Sessions

Opening Remarks:

Keynote

The Gutenberg Journey
Tammie Lister

Even with my going to as many sessions as I have about the WordPress 5.0 editor, AKA Gutenberg, and having just heard her give a highly related talk back at WordCamp Europe. This time Tammie gave a much more broad appeal talk about the why of Gutenberg with some great updates on the project’s status and less about the individual features. I walked away with a lot of optimism for what comes next as far as the end user experience.

Raw Notes:
easy to get started but
harder to learn fully
the WP Way is not always what we want
we deal with it and work around
is coping really the way?
It all started out with just words
was a flat way
now we want to publish rich content
Blur of White story
pre-Gutenberg
truly tells story
should be very easy
Plugins
we are too reliant on many
held together with hope and Tetris
creating amazing work but hacking around blockades
this happens to all software
a rethink is needed from time to time
WP was unchallenged for the longest time
new planets being discovered in the publishing universe
not only the obvious choice anymore
SquareSpace, Wix, etc biting at the heels
not self hosted but orbiting and pulling in users
people don’t want the hassle of caring for their own WP
Gutes is not a miracle cure
but it is a step to push us into the future
the foundations are the packaging
Thinking in parts and patterns
components – humans are great at this
principles are the same, all pattern recognition
Block by Block HTML editing prevents breaking whole post
safe container for content
once you understand how to use one block, know how to use all the blocks
Placeholders are very critical to the system
prompts to engage with the block
interactive
this allows for templating
less confusing experience than what is right now
true WYSIWYG path
direct manipulation
change it, you see it
we expect this now actually, we are super use to seeing this due to apps
touch devices trained us to think this way
we have need based options
if want to eat soup, don’t need a utility tool with lots of options
bad experience leads to trust problems
just doing what is needed is primary to the experience Gutenberg is striving for
expected options
not kitchen sink, just what most users will expect
Safe exploration of new options, good for learning
the delight is what we want with Gutes
WP right now is people just coping
move on path to people thriving with the experience
accessible experience is good for everyone
key to this project
tips – welcome guide
the little nudges are helping educate
editor needs to work across any device
mobile or apps are essential
performance is even more important on mobile
WP can be molded to the experience you want it to be
extending the CMS is very key
Gutenberg makes this more accessible
The Journey
3 phases
1. Editor – the one we are in right now
has taken longer due to the need to rebuild foundational level tings
2. Customization – more page builders – templating
3. Theme – not really determined
going to be a really exciting time as we get further along
most stats only show what has happened
v1.0 8/29/17
been 30+ releases
3, 128 closed issues
3,861 PRs closed
8/6/18 v3.2 – feature complete
bug fix and iteration now
Travelers
teams all across the web have joined this journey
Many folks have shaped the direction of the project
atomicblocks.com – new theme, set of blocks and plugins
even on its own its a great Gutes theme
testing and feedback been in the heart of the project
many different resources
booths and user testing
helping guide the
10up.com/blog/user-testing-Gutenberg
the path ahead
lot more work left for sure
-4.9.8 Try Gutenberg callout
-Feedback and iteration – all the wider feedback
stress cases expected
-Ready to get into core
alpha and beta releases
-5.0 – the thing all this phase is leading to
then start the next phase
a busy time for everyone in WP
The Future
personal views, not necessarily facts
the theme elephant needs to be dealt with
we will see more of a shift to style guides
maybe config files but not a lot more in themes
where editor and customizer start/stop will blend
themes create good boundaries
Gutenberg will get us t where we should ave gotten by now
come join the journey

Blobs, Chunks, and Blocks: Structured Content in the Age of Gutenberg
John Eckman

Whenever I get to tell my favorite stories, John and The Southern V always is on that list. A really down to earth and selfless guy who just happens to have a ton of experience running a super successful agency that donates a lot of open source code and furthers the projects in the process. Still, even knowing him as I do, I have never seen him talk about a technical matter and in fact I have not seen him give a session since I started this project of publishing my notes about what I see. This talk was a brilliant use of the case study model to explore multiple ways to solve an issue while discussing the wider implications of these lower level decisions. As someone who does not think a terrible lot about taxonomies and re-usability of components in general, this was a wonderful exploration of how someone should be thinking about it.

Raw Notes:
Interested in the concept of structured content
lot of great opp
We’ve been here before
Blobs
presentational logic and structure in one blob
makes reuse difficult,
but faster to create
Chunks
content broken into small structures components
separate presentation and structure
facilitate reuse
more planning needed to execute
in 2013, he argued WP is blobby but can be made chunky with ACF and such
enter the Gutes
blocks are making it easier to edit content
but is it making us more blobby or chunky
mixed
can get us to easier to develop and use
and preserve structured content
looking into code
it is better than blobs of html we had before
some structured
hypothetical case study
Metadata vs Data
Meta – Album- artist
-title
-Review – author
-date
-score
preGutes
WYSIWYG editor in content
Very blobby
no reuse
Not much consistency
very fast and simple
don’t do this
if doing a one off post, not a bad idea though, bad for a site
round B – could shortcode to insert Album
structures the data slightly
use shortcode UI
still pretty blobby
hard to access data inside the shortcode
hard to track relationship of shortcode to posts using it
better way to do this,
review CPT with specific post meta and taxonomy
template for CPT
more consistency
but what about Multiple albums in a review
in print this is just there – review can account for multiple albums
Round 3 (pre-Gutes)
Review and Album CPT w/relationship
artist or label as CPT or Taxonomy
enables reuse: Show other albums by this artist
Editing is more complex, create album first then review it is mandatory here
Enter the Gutenberg
Round 1
custom blocks for albums
editors can but it anywhere
but inconsistent
but no reuse
Better than the old blobby way?
round 2
Reviews CPT and Block template
consistent layout
some reuse of sections
round 2b reusable, shared, saved blocks for albums
Underneath the hood, saved blocks are just CPT with clock content
not easy to see if they exist already
still pretty blobby
Round 3
reviews and albums as CPT
Album CPT could still use a block template
set taxonomies on review based on Album CPT pull
decent reuse
round 4
Reviews and albums as CPT
if Album does not exist, create it
set taxonomy and relationships on album save enable editing a a blovk
Goal:
Get the editing experience of a blobby system where you edit the things you want
preserve the structured data to be able to reuse it
Why does it matter?
Future proofing
what happens when new devices get introduced and necessitates different combos of output
New features
consistency
single record for each object
Enable relationships
show other albums by this artist
show other albums by category
show other reviews of the a
Conclusions
block based editing can improve the experience
closer to WYSIWYG
more flexibility to move things around
Block based editing can make WP blobby
proper content modeling and planning are required

The Basics of building a Gutenberg Block
Amanda Giles

Given that the theme of so many of the sessions this year slanted toward the WordPress 5.0 editor, project Gutenberg, I decided to embrace it and sit through some sessions that I knew would be over my head technically. This talk, while all topics I had sat through before, actually brought a few concepts together in my head rather nicely. Amanda’s code examples, all in ES5, which needs no build step, made a little more sense to me and I am starting to grasp these concepts, even without having learned JavaScript deeply. I still have yet to actually do anything with this knowledge other than write about it and discuss conceptually with my peers but I do hope to get to explore coding something in the not too distant future for the Gutes.

Raw Notes:
Gutes history
Anatomy of a block
comes with standard blocks
save and reuse blocks
it will soon appear
plugin now
WP 5.0
4.9.8 callout
classic editor plugin
transition
write your own blocks
almost entirely in JS
PHP is just to bring in files
abstraction layer over React
ES% or newer
ES5 2009
ES6 2015
ES8 is the current
they want a release a year
ESNext is the currently being worked on version
JSX is another component, JS XML-like syntax
needs a package manager
node, webpack, etc,
Many Gutes Block tutorial use JSX, but not all
this demo is in ES5
no build step needed
syntax differences
example code
Gutes handbook shows ES5 and ESNext
build a CTA in Gutenberg
block, background, button, etc
on the backend, in admin,
5 steps to building a plugin
1 create plugin main file
2 register backend editor JS, CSS
3 register frontend CSS, JS if dynamic
4 in PHP:Register block type using register_blovk_typle()
5 n hooked JD file, call block in editor
steps 2,3 and 4 happen all together
tagged to the init hook
before we get into JS part
comes with JS libraries as globals
wp.blocks
wp.editor
wp.element
wp.components
wp.i18n
wp.date
others too
registerBlockType()
single JS call containing our complete block code
General info about the block including title, icon, category, keywords
code samples code samples
many resources presented at the end

Use Your WordPress Powers for Good
Michelle Ames

Michelle is one of the nicest folks I know and her passion for teaching people how to WordPress is pretty inspiring. She speaks a less technical jargon in her talks and makes the subject of ‘how do I get started or advance in this stuff’ extremely approachable. Getting into the weeds of the code and technical matters is great, once you are ready to receive that, but this talk was really geared toward folks who are on their way there and are not sure how to get down that path on their own. The short answer is there is no reason you need to do it on your own! That is the raw power of our community. There are hundreds, maybe thousands of people ready to answer any and all WordPress or industry related question so we all win together. If you are down the path already, make sure you are remembering to help those who are not as far along the path of the WordPress way.

Raw Notes:
We have all made bad websites
bad clients
made a little money
but we have fun
but we can do more
we can mentor people
introducing people to WP
giving them advice
that is how Michelle learned
this is what she taught her daughter’s friend
later hired her
maybe can’t mentor
teach classes
nothing to a bad website
why are you teaching other people, are they not competition
nope, internet too vast
she has never been in the same bid as anyone she knows
charge more and teach people
hold a clinic
basically happiness bar you are running yourself
teaching some basics, sometimes they decide they just need to hire someone
like her
one a month Co-Working
just work on won stuff in the same room
gives you a set of resources and not working alone
exchange ideas
Teach someone like someone taught you
Speak up at a meetup
speak at a meetup
got hacked, fixed it, hacked again, learned why, fixed it right
tells this at meetups
organize a meetup
pay it forward
Pay it back to WP
participate in the forums
you likely know the answers to some of the questions
help with videos
can share around even if not as good as WP.tv quality
Help organize or volunteer at a WordCamp – the real heroes of WordCamps
wranglers
Help out at the Happiness Bar
You can just show up and help
she had impostor syndrome
quickly gave way when first person asked about CSS
Participate in a hack-a-thon
What else we get from giving back?
Friends!
we get clients from it!
new jobs!
warm fuzzies
getting started:
meetup
WordCamp
go to co-working
participate in WP Forums
help someone else
tweet
ask

Subscription and Membership Based Income using WooCommerce
Ross Viviano

Lately I have been getting more and more interested in the inner workings of Woo. While I knew it could be possible to have a subscription and content behind sign up, I was very fuzzy on how that actually would work. Ross lifted the veil on this and I have a much better handle on this topic now, which I am super thankful for. A good WordCamp session is worth reading a hundred docs, and for me at least, I retain much more.

Raw Notes:
Recurring vs one time payments
why?
more predictable revenue stream
some clients think easier to match their needs and expectations
one time payment system is scarier
what is needed
WooCommerce!
do need a payment gateway
Stripe or PayPal
paid Woo plugin called Subscriptions
Prospress
payment gateways are not all created easily, needs to have subscriptions built into it
25 officially supported one
Prospress has great docs to add to a plugin
as a personal note, important to have multiple gateways
install and setups
Simple Subscriptions
price
expire after
sign up
free trial – adds time to total expire after
sale price
default subscriptions
viable subscriptions
similar to variable products
add attributes to that subscription
recurring donations for a nonprofit
1 month-6 month-yearly
create variations from attributes
that makes 3 different subscription products
editing monthly subscription, drop downs
multiple variations possible
the possibilities are very extensive
customers can change per
if customer has more control inspires more confidence
status of the subscription and sub number and other meta
was as bulk editor view
lot of control over this screen
subscription details page
customer subscription status
everything can be customized
new email types
4 new coupon types that come with subscriptions
good for rewarding customers
Allow switching subscriptions
go from one plan to the other without re-sign up
simple subscription
recurring, varying periods
full sign up fee when switching
like shipping use case
Memberships is another plugin
by SkyVerge
other plugins for this, but these are the 2 best
why is this needed, if using Subscriptions, you don’t
but can restrict content on site based on groupings
Groups plugin is interesting too
length based memberships
posts category tags
pricing tiers tied to membership
import/export CSV – push to email marketing tools
memberships and subscriptions integrations
subscriptions enable recurring billing
team them up and you can grant access to content based on subscription level
able to use a free trial period
memberships supports that upgrade/downgrade model
only members of the level
example product: Meatball Pizza Bowl from Olive Garden
manage section shows details of subscription
if accessing pages not in subscriptions, no access
remember everything is a post, order number and sub number can’t be the same
every order is a post essentially
there are plugins to get sequential
-Subscribe All The Things
can add subscription options to non-subscription type options
product bundles, mix and match bundles
subscribe to a cart before checkout
-Follow Ups
-WooCommerce Subscription Downloads
Teams for WooCommerce memberships

Just for reference here is the mentioned Meatball Pizza Bowl:

(Slightly) Advanced Topics In Block Development
Josh Pollock

When Josh gives a talk, I do my dang best to keep up but I am so far beneath his technical prowess that I don’t actually absorb all that much while in the session. However, once I sit and think about it and reread my notes and think about it in context, I think these talks are a major driver of my development as a technical person. Josh is also a truly great thought leader around how things can be implemented in a sustainable and scalable way. He thinks in terms of ‘beyond WordPress’ and how to interact with the entire rest of the internet and that is exactly the kind of thinking that is going to make sure WP stays relevant long into the future.

Raw Notes:
How do we
yes this is complex to learn
but it solves so much
should npm/yarn/etc?
pros
dependency management
consistency
automation
sanity is restores
cons
node_module get big
webpack
takes code and make it into browser safe
pros
full featured builder
helps get your files compiles and bundles
can transpile latest JS(babel) and anything else
also for CSS
cons
hard to learn
fast moving eco-system
ESNext
proc
cont, let, arrow,
fetch
async

cons


every block is becoming own packages
npm i @wordpress/element
using react right now
all this stuff is put on wp Global
wp.element
don’t have to build my own
if you enqueue these things can do on admin
or can npm install all these packages
you want core to lead things on the page, have to tell webpack not to bundle this on screen
in a WP plugin npm i -D @wordpress/name
in React App? npm @wordpress/name
the webpack alias is used in Gutenberg core code
Using Jest and Enzyme
component testing
Snapshot testing
DOM testing
a11y testing
compares functionality snapshots to let you know when it breaks
JSX
yes
easiest way into react
Scaffolding tools for Blocks
npx…whatever
“I sort of understand webpack. That’s probably enough” – Josh Pollock
wp-cli scaffold
wp scaffold plugin movies
wp scaffold block movie –tile=”Movie Block”
on github:
Create Gutenberg Block
GutenBlock
react-wp-scripts
hot module replacement
Composing blocks
creating blocks out of modular components
modular building blocks – thinking in react
more usable and more testable, only one concern
using WP state management
Example ‘Checkbox Controls’
Passing data back up
Inspector Controls
onChange

Hiding the Pulleys and Strings
Jesse Friedman

I went into this talk without reading the description based on the fact that I see all the PH CMSes I am involved with as ‘glorified string manipulation’ at its heart (credit to fellow Pantheor Ronan Dowling for the paraphrase). Also based on the fact that Jesse’s twitter handle is @professor, so I knew I would learn a lot. I sat down and was met with something different than I had imagined but something very valuable. I hear a lot about personalization but this talk maybe the best definition of the subject, complete with actionable examples, I have every heard of. If you are interested in Personalization, make sure to check this one out when it hits WordPress.tv!

Raw Notes:
Personalization is not one thing
lady brought in a giant iMac into a Starbucks
a reorder button is not customization
predictive analytics and tracking and predicting actions is key
everyone thinks only the big companies are doing
who is visiting your site
what is their intent
Not everyone is there to purchase that product
don’t tie me to the thing I bought, it might not be for me
Goals of a blog
subscribe and comment
share and stay
Albuquerque journal case study
increased engagement just by turning on related posts
Jetpack made this simple and automatic, reduced server load actually
Back to blog example
what pages visited
did they scroll all the way down ( mark posts as read)
did they do a search?
did they click any links (categories or tag)?
did they share?
did they comment?
let’s take the subscribe button and change it to something personal
grab the category name and sub it in to what page they landed on for subscribe button
understand the path the user has taken
every tag has it’s own RSS feed
you can subscribe to any tag feeds
/tag//feed/
add feed auto on comment forms, lets you reach back out easier
email follow up with commentators
akismet + manual looking at data lets you control this easier
thanks them, recap their visit
give them back quick share links
customized search page
customized 404 search page
Goals
bring in customers
call or Directions
make a reservation
they are there for hours, directions, menus, specials, reservations
just want to get in and out of the site and server the data fast
goal should not be to have time on the site
Boston restaurant Pop Razzi
he just cared about up to date
but let’s look at 2 users
1 is 500+ miles away while closed
2 is 10 minutes away from a location during business hours
we should think of them differently with different goals
level of intent
proximity coupons
Ecommerce sites
search is key
Google actually handles most search actually overall
nice prompt if repeated visits to a type of page
cart abandonment is an area we are focused on a lot in this market
coupon codes are popular now
no one uses this trick: in the email is a cookie
you can track open rates
if you tie a cookie to expiration date you can better understand intent
you can tie that to a campaign to fire off another email
2nd 2nd chances
(I had to go at this point due to setting up for my workshop)

My Session

Let’s learn Git. No more excuses.

When I first heard that I was going to be able to teach a Git workshop at this event, I honestly thought maybe 12 or at most like 15 people would show up and roll up their sleeves. About 50 people showed up. As with every other time I have presented this subject there were people who needed a little more encouragement than others to actually embrace the command line and ‘force-of-will’ their way through this rapid fire curriculum. I was kind of astonished that I saw very few people drop out, which I think mostly was to attend another session that started half way through this workshop spot.

I want to take a second to say the thing that most blew my mind about this experience was the willingness of folks to help their neighbors through the rough spots. I had not asked for, not prepared any assistants for this class (see opening paragraph of this section). Without the dedication of a few specific people who just dropped everything and helped monitor the room and give personal attention to a students that were, in some cases, on the verge of giving up a few times, I don’t think this would have gone nearly as well. This is the very heart of our community. Paying forward the help we all got along the way to stand as tall as we do. In my overexcited mental state wrapping up the class and answering lingering questions from attendees, I did not record the names of my special 2 helpers and can not cite them by twitter handle or, shamefully, by any of their monikers, but your efforts will never be forgotten as long as I can recall this event. Thank you to you if you are reading this. You know who you are.

Happiness Bar

There are few joys greater in my mind than helping a person understand the path forward on a problem. This is the fun of working a Happiness Bar shift. From basic CSS modification to how to go about selecting the right theme to how to default your homepage to be a static page, I was pleased as punch to get to answer any and all questions. I even got to have a great discussion with Dave Ryan about the differences between shared hosting and isolated container architectures along with some other community members. I know I have said it before, but if you do find yourself at or near a WordCamp in the future, sign up for a shift or just go hang out for a bit. I think you would be surprised how much you can learn.

Wrapping Up

I want to call out one person who didn’t get a mention otherwise in this post and that is Mr. Rich Hill. I don’t want to steal his thunder, but he is working on some content that I got to participate in that I think will very much help further many a community conversation. I know it helped me gain some valuable perspective. He is one of the folks giving his all to try and solve a real need with his mind mapping based solution.

Boston is really one of my favorite cities and so many good things happened on this trip, that even with the lengthy report I am still leaving off many details which I will treasure forever. The community is beautiful in what is truly a City on a Hill
with so much rich history and forward looking innovation. I can’t wait to return and reunite with my New England compatriots, hopefully, at a minimum for WordCamp Boston 2019

WordCamp Europe 2018: Belgrade in the rain and understanding jet lag in whole new ways

I do not often get to go to Europe. Not as often as I feel I should. Visiting a place with so much history, with such a differing culture, I always feel so small and inexperienced. This feeling comes with some small level of frustration, resulting from the forced immersion in foreign culture, foreign currency, and foreign everything else, especially time zones. At first I was a little too out of my element but was grateful I found footing quickly. I was superbly happy that there was one thing that was very familiar to me, my amazing WordPress community, who all were gathered for WordCamp Europe 2018

Food and Fun

Tuesday

Arriving in Serbia, between the Sava and Danube rivers after a brief layover in the Munich Lufthansa lounge, I was met with one of the hottest days in recent memory for the city. Fortunately for me I quickly ran into some of my WPLife folks who had a tremendous idea for cooling off, getting some awesome gelato and espresso. It was a fantastic way to start trying to fight the jet lag, which would prove to be a pretty intense battle throughout my entire trip.

Wednesday

Part of the reason that I am so in love with the free and open source community is the spirit of cooperation and competition between the service providers. I work for a website operations platform Pantheon, which can be seen as a GoDaddy competitor from a certain point of view. However, our offerings really address different concerns and use cases at the end of the day. In the spirit of an open and cooperating community the GoDaddy team opened their local office space to anyone who wanted to co-work. I took them up on the offer and got to see so many awesome people and even got some direct help on my Postitnow project on the matter of tagging from the always gracious and oh so talented Alain Schlesser. They even bought us all lunch!

One of the things I was repeatedly told about Eastern Europe was that there would be no vegan or even non-dairy options on the menu anywhere. Based on my experiences in Paris last year I came in with a bit of hopelessness that I could keep to my plant based food options. But this was a completely unfounded fear since it turns out that a) Serbia has some of the best produce I have experienced outside of California and b) vegetarianism is clearly starting to win across all cultures.

Also, I am not alone in this struggle to consume more sustainable and responsible foods in the WP community. I was invited by the just swell Monique Dubbelman to a fantastic vegan dinner at the funky and quality focused Mayka. Sunflower cheese is pretty great though a tad salty. The Belgrade Stake, seitan based, come with an ‘eggplant caviar’ that I am not entirely sure how they made but I will be attempting in my home kitchen in the near future.

Thursday –

I got much more to say about Contributor Day later on, but for this section, just focusing on the food. There were the weird, tiny cups of coffee you only can get from European catering, served and oh so many pastries and fruits for fueling us all day long. the catered lunch options were spot on and very dietary restriction friendly. It was so great to feel welcome and know others felt it too.

Speaker Dinner

It wouldn’t be a WordCamp if there were not a Speaker/Sponsor/Volunteer/Organizer dinner. As a backup workshop presenter I got an invite. We got to party at the top of one of the tallest buildings in all of Belgrade, at the Top Of The Hub, Restaurant and Lounge. While there were some vegan options, including a pretty terrific blackened tofu that even the omnivores were raving about. It was amazing to meet so many new people while seeing so many familiar faces and raising a glass with them all.

Friday

In my experience, Europeans take their pastries very seriously. I was not prepared fully for how seriously, indicated by the sheer quantity of options at the Sava Center where WCEU was held. There were also so many beverage choices that if you got dehydrated, that was on you.

There was so much amazing food for lunch. I have no idea what the omnivorous options were because the vegetarian and vegan options were in their own section. I am not going to keep droning on and on about how our hosts gave plant based options but I find myself just now realizing that I am only verbose on it because it is unexpected, though it should not be. It is kindness. And expecting less that should be a disservice to any organizer. I will refrain from gushing through the rest of this post.

Leaving the venue proved to be a bit of a challenge for some of us.

Do you like ping pong? Thanks to the awesome people at Savvii, the whole community got to come out and play at an event they called WordPint. While my host had paid for wine and beers, I couldn’t help but take advantage of the exchange rate and very, very affordable local prices on highest shelf liquids.

WCKaraoke

One of the things I learned previously ‘on the continent’ is that karaoke is not as well adopted as it is in the ‘new world’. I originally had a bit of despair that all the avenues I investigated left me befuddled at best. Fortunately there exists a most resourceful and energetic man named Vladimir Ranđelović who introduced me and the WCEU crew to SongWars. Imagine playing “Rock Band” with four singers at a time with multiple teams playing a round robin style tournament. This is not the karaoke I am used to, but my goodness, this is one of the most unforgettable nights WCKaraoke has ever known.

Saturday

Day two of sessions brought so many more pastries, fruits, coffee, beverages and rice cakes. It also brought another amazing day of food.

If I could say enough good things about my colleagues, it would take more pages than the whole sum of the world wide web currently have capacity to display. What I can say is it was a true honor to find spectacular vegan food and completely unexpected Experiment unfiltered wine at Radost. This very elegant eatery is also the home to a delightful family of cats, who entertained us endlessly as we dined.

After party:

I could try to explain the after party, but there would be no way to convey it all in text. So here are a few tweets that I think summarize it.

Sunday tour:

Serbia is so full of history and amazing sights. I am grateful for Mike Demo for organizing a walking tour of the city, including the Nikola Tesla Museum and the Serbian Orthodox Church. It was a delightful way to spend a Sunday. Capped off by a wonderful last group diner with the awesome Tina Todorovic and Dejan Markovic and a few others at the tapas joint Ambar.

Sessions

Contributor Day

The main reason I was very excited to go to Belgrade was not the food or the fun or the sessions this year. Those things are all important and I am grateful for all of it, but the real reason I think WordCamps should exists is Contributor Day. A day we dedicate to work on the project collectively and share in the energy of making WordPress together. This is the heart of what Free software is all about. Free as in speech.
Though we are building for a tool set to be used on the internet, the WordPress community and what we are building is far from just code and electrons. We had this shown to us by the internet not working almost all day. Even when we could connect, it was terrible. But you know what? That did not stop us from writing new copy, or from making plans, or from doing the thing we really had meant to do all along and connect as people.
I have rarely been prouder of my team and how far we have come in just one year. Taking the on-boarding process down to a single PDF printout and giving new users clear and simple steps to get to contributing. Things we wished we had, we made. Things we wanted to see, we invented. Getting to be part of the pioneers that made the next level and generation of community happen is unlike any other feeling I have ever had. I am so thankful for it I can barely contain it.

As far as what we actually got done, I am going to be really lazy and just link us over here.

Opening Remarks

JavaScript APIs in WordPress
Adam Silverstein

Fist session up and I thought I had enough caffeine to keep up with anything. Then the session started and Adam went so fast that he actually had to build in rest points to his talk in order to slow down. Basically there is a whole world of WP features that live right in the developer console and are exposed on every page thanks to the REST API. Some things are well documented, some are not. Overall, there is a whole world to explore here. This is an area I know I want to learn and will eventually have to if we keep making everything JS, but other areas are just calling for my time a little more these days.

Raw Notes:
Really about functions and utilities and
On github.com/adamsilverstein/wceu2018
Ma.tt told us to embrace JS deeply
Deeply = learning frameworks and build systems
Hello WP JS
RestAPI and Gutes,
hello window.wp global where JS features live
the wp name space
in console
lot of objects to play with
objects tools
docs are coming, workng on it
demo code
editor
ads.txt plugin
more code, see github
text to rich code editor
wp.media
you can customize the media editor
very complex, not good docs
tips
github.com/ericandrewlewis/wp-media-javascript-guide
plugin
attachment-taxonomies
from Felix
wp-heartbeat
periodic data transmission between client and server
runs at regular pace
data back and forth on schedule from multiple apps
very well documents
some hosts disable heartbeat due to server stress
import category of posts
2 main event, send and tick
5 seconds heartbeat is near enough real time for updates in a progress bar
wp.customize
customizer api
xwp/wp-customize-featured-content-demo
very well documented, start with the handbook
wp.ajax
workhorse in WP
wp.api
client helper library for REST API
post.set();
post.save();
wp.apiRequest
wp.utils.WordCounter
wp.sanatize
wp.a11y – speaks to screenreaders, important to JS heavy sites, annouce events to screenreads
WP NPM packages
npmjs.com/org/wordpress
gutenberg is making packages
github.com/
wp.hooks
lightweight and efficient EventManager for JS
Gutenberg hooks
pretty OK docs right now
github repo is good, but all falling out of date
wp.plugins
fill slots with custom components
wp.data
manage and interact with state
wp.element
similar to DOM construction and HTML
slew of tools in JS and APIs
NPM lets us build for WP and out of WP and in Gutes and out of Gutes
Q&A – When will it be merged?
A: April, don’t know what year… 😀
learn the chrome debugger

When to use the API
Sean Blakeley

Many a great point was made in this intro talk about the consumability of the REST API and I really like that he is talking about grabbing individual elements from any post programmatically. If you know anyone who is just dabbling with the idea of the REST API and WP, this is really solid content to help get them motivated and the creative use cases flowing.
I kinda hate to say it but the biggest lesson I learned from this is do not trust animated slides and conference centers. He still did a fantastic job even though his slides would not cooperate. But as a result, I think I need to rethink some of my animated gif based slides now.

Raw Notes:
Pragmatic
SCRUM based, 12 years or so in WP
API use in existing projects
today?
Why: what: when
tomorrow?
Why use it?
Devs and for the WP project
prior to the REST API WP was a monolithic block box
APi let us move data in and out of system, liberated data
so we can integrate with other services and systems
innovators dilemma
smaller software projects are going to disrupt and dominance means slow to change to react
WP needs to challenge it’s own dominance, REST API and Gutenberg do this
what is it?
API is like a power socket in the wall
not useful into something is plugged in
translation of what we want to another audience
imagine sports company
want to use WP to make content
also want to ingest news feeds
select and publish some with summary and contextualizing
performance overhead is too much for WP directly
build a content API and do not change the WP layer
API delivery system
simpler architecture
start up wanting to show details of swimming pools
public queryable API
elastic search
WP as the GUI, the real work done by alternative storage system
Existing systems
Fairfax and HumanMade case study
presenting integrating experimenting
PIE
plugin Site In Numbers
Personalization
chunking into zones
push and pull into the JS layer
Using the Rest API to integrate into systems
sage ecosystem case study
advice service
Experimenting
Ionic app – run by WP site
WP as a game engine??
football matches
interconnectivity of objects
time and how it persists in the virtual world
Gutes: As we have moved into modular chunks,
POst and Pages are black boxes
display or not
Gutes splits content into discreet blocks
Performance
transients as a way to store data
a-sync transients by 10UP
Tomorrow:
start integrating with other services that was not possible before

Content security policies: a whole new way of securing your website that no one knows about
Miriam Schwab

Do you remember the moment when you realized “Oh, I should be using HTTPS on everything!” If you have not had that moment yet, sorry for the spoiler. This talk effectively was a wake up call about CSP. It makes so much sense to just whitelist assets that the browser should be able to load, think about the render blocking elements you could halt before they start render blocking. I also kinda feel like I should have heard about this before. It is actually on my to do list to figure this out before my next post goes out, I will report how it goes in the post wrap up then.

Raw Notes:
Either going to love this or sleep through it
WP Garage
Strattic
most attacks XSS
Cross Site Scripting
Load their code in your browser
once in that state, has access to your storage, dom, cookies
persistent Originate in the DB – comment injection
reflected: originates in the victim’s request – bad link
DOM-Based – everything on the browser side
OWASP top 10
XSS the user is the victim, not the application
session hijacking/cookie theft, account takeover,redirects, unwanted ads,
browsealoud
a11y extension in the UK and EU mostly
line of script to use
hack library and turned into crypto mining
CrytpoJacking
user resources
CoinHive
a cryptominer for your site
slower devices
100% CPU, etc
55% of orgs affected
weatherfor.us
How do we protect ourselves and users?
CSP constant security policies
just say what the good stuff is and what you want to load
very few people using it now
not included in the whitelist, does not load
CSP Syntax
Directives
Strings specifying type of resources
content-security-policy: default-src ‘self’ https:;
only allow https assets
script-src ‘self’ https://www.google-analytics.com
font-src
never
unsafe inline
unsafe eval
script-src ‘unsafe-inline’ ‘unsafe-eval’
Nonce or Hashes more secure way to do it
upgrade-insecure-requests
subresource integrity – SRI
hashing to allow only when properly matching
don’t use
x-xss, x-frame,
how to add this in?
Server level headers,
a functions
meta tag – can’t be used with everything
also htaccess
header information and how content securit
keycdn has a tool
CSP evaluator from google
SOPHOS security headers
WP plugins Security Headers
https headers
SRI plugin
Report URI – tools for generating headers
telerik fiddler – only one that can read site and tell what need to add to security policy
adoption, 23,690 out of top Million sites
another way to test – script, plug into console

Keynote:

Keynote and Q&A with Matt Mullenweg
Matt Mullenweg

There already is so much written about this already that I don’t feel I can add too much to the conversation. I will say that I am very, very happy to hear Matt and I have the same favorite feature in Gutenberg, copy and pasting Markdown.

Staying Healthy In the Digital Space
Christina Varro

Not even going to lie, Christina gave one of the most useful talks I think I ever saw on the topic of figuring out WordPress update management tooling back at WordCamp Seattle 2016. I should publish those notes, that was before I started this blog format. The world has certainly evolved in 2 years but management tools are slower to change than the front end and it’s JS wizardry. Anyhow, I was excited to see her talk about something else other than tech because I knew she would bring her pragmatic approach to any subject and it would be awesome. Turns out I was right. Well researched and full of little tips and healthy habits, this was a talk that, since it is a lightning talk, you can send around to any department at the office and to any of your relatives and they would probably benefit. Now, sit up straight.

Raw Notes:
Eye strain
improper computer use
20-20-20 rule
position the screen
late night work
insomnia
anxiety
artificial blue light from monitor disrupts
wear blu-blockers
avoid looking at screens for 2-3 hours before bed
turn down all lights 1-2 hours before bed
expose yourself to bright lights in the daytime
anxiety
take a break
meditation
make an effort to connect to a person in person
Set boundaries between work and personal
back pain and wrist pain
Sitting is more dangerous than smoking
More you sit, the more your blood stops flowing
Stand up every 30 minutes
spend 15 minutes per hour standing
drink water
exercise
invest your office set up
learn to sit properly

Easing the anxious mind: dealing with anxiety in the workplace
Laura Nelson

Another lightning talk. They move so fast. It was solid content and took a lot of bravery to stand up on a stage and do something like this in front of a crowd that big. But I know it helped someone, because it helped me. Hearing that other people have unrealistic worries sometimes and that I am not alone out here with the struggle is pretty encouraging. I hope we have talks like this at every camp.

Raw Notes:
Generalized anxiety disorder she manages
define anxiety
often banded around as worry or stress
anxiety is a constant
1. Keep a diary
a worry journal
in real time
rank them and ‘n/10’ score
exhausting stuff
2. Make plans and stick to routine
hard as a freelancer
give yourself time to think about things
3. talk about it
it can be hard at first
You are not alone
60 Million people in the EU suffer from anxiety
4. Be kind to yourself?
give yourself a break
what’s a reasonable adjustment
1. Work starts when they get there, start later
2. Keep a nice working environment
3. promote a healthy work-life balance
4. listen

WordPress and Inclusive Design
John Maeda

John is one of my favorite speakers in the world. His vision is pretty clear as it underlays every talk I have seen him give. That mission is to help us all make a better world through thoughtful communication. I don’t know if he ever would describe it so abruptly but that is what I see in every talk. His passion to do things that make people think rather than fit into the predefined patterns has driven some very interesting conversations and I think put us on a path towards his goals.

Raw Notes:
inclusivity is hard since it requires change
pushing our limits
fashion always pushes limits
design pushes you to think differently
forces interaction by questioning how it is supposed to be
Wapuu silhouette – some anger but creator loves it since people are using it
without change we only have death
wants to start an Automattic design award focused on experience
issue with design in tech – shallow design
engineer and dev, does not work, re-fix it until it does work
too tired to make it usable
too tired to make it feel good
spray design on it
trying hard to make it look not bad
deep design is not like rocket science, it is 4 things
discovering the problem
hypothesize how to fix
deliver the solution
listen and look at how people use it
we love shipping it, we do not like the feedback
we are very focused on delivery
in deep design must spend time on listening and discovering the problem
hypothesize
all about creative, not about the money
but after a while, should he worry about the money
got his MBA
found that it is important to understand the money
Apple control of aluminum and process
not many aluminum
ability to bend wood
teaforte tea bag vs green tea in traditional bag
analogy for our modern day
FOSS vs Free but I will spy on you
best way to enhance that core service is the experience
everyone copies what is better, like the iPhone x clones
we are in less than 5% of the world that

Intro to Drupal (for WP folks)
David Needham

Yes, I do get to work with this guy. My expectations were high, having seen him talk on a few occasions before, but David brought a new level of everything to this session. From the first words out of his mouth drawing us into a story of how he met Drupal, and all OSS really, to the clear explanations he gave of how Drupal works in a different way than WordPress does, David held the whole room transfixed. I have been trying to explain the differenced between the CMSes for a while, but not have a whole slew of data points and this presentation to send them to if I get asked again. He even gave case studies, which I think are the best way to learn the value of a thing. We do have those in WordPress as well by the way (working on more and looking for new ones still).

Raw Notes:
His origin story
in a class, a professor made them write a CMS
then said “That is why you don’t write your own, now use an OSS one”
everyone else chose WP, he was encouraged to use Drupal
he got involved in the community
volunteering is very important
What is Drupal?
Dries in Belgium created one fo the first social networks
a website where friends could share things like photos
he open sources it and that is what Drupal came from
6% of the top 10K websites
that is where it excels, at the top
over 1Million devs and growing
Drupal.org
Free as in beer
free as in speech
free as in puppies
A website also requires feeding and care
D8 is object oriented
Symfony PHP framework
known as being hard to learn, but standardized now
but a professional PHP from a different project can learn it faster
small business owner at a camp hiring Drupal experience
but since D8 move, as long as they know OOP PHP they can work there
A new person with no Drupal background made a core commit on first attempt since he knew PHP OOP
Drupal is modular
the ecosystem is different, no commercial modules
no ongoing support contract around the modules
Also means less fragmentations
OSS from the Drupal community means all the code back to D.O
Drupal is themable,
extremely customizable
down to a per piece of content basis
box of legos, makes it harder to approach
built in data structure, specific content and field calls
meta around that
very good for data analysis or connecting to multiple applications
Structured content
core, very key to how it all works
build your own data structures
and access/roles is built in
staff directory example
Chicago Park District example
facilities – name, type, photos, address, photos, hours
data created elsewhere and pulled in
editors also editing
pushed out to a few other places
Views
kinda ugly interface to be honest
but configurable in any ways to display anything
slideshow, sidebar footer, whatever
block display
custom admin tables
Hong King Trade Development Council
using Views to build a dynamic front page on their site
Drupalcal to meet the community
free Drupal training online too
experiencing like a different country
see the world a little bit different
advocating checking out other communities and out of your comfort zone
in conclusion, the website for his class
it ended up doing very well and
had a fully functional ecommerce store for fake things
not here to convert you
motivation is to show that we are similar
more alike than different
grown together
Drupal had content types: WP Post Types
Drupal query building: WP has this too actually from Plugins
Gutenberg is also being thought of in Drupal form a different philosophical point
but get out there and learn
Davidneedham.me/wceu2018

Origins of Design Inspiration
Simon Cooke

You sometimes see talks that explain a technical trick or pattern that makes the mind really focus in on details. And sometimes you see talks that speak to how the universe works and how we need to widen our perspective. This talk fell into the latter camp and I walked away with a pretty different understanding of how I should be thinking about time and my day then when I walked into the room. Perhaps you don’t resonate with the findings but for me, I found that the ‘morning focus’ and the ‘evening creative’ pattern was spot on. It made me question a number of things along the way. Still processing all this still at the time of writing.

Raw Notes:
Bob Dylan quote
Finding something,
like inspiration was a think
Egyptians thought it was a spirit
Greek thought ti was something that followed you around, genius
map of the mind in modern times
looked at Design theories
many ways to bubble up ideas to the top
at Pragmatic they use “design thinking”
David Kelly thought leader around this
5 sections
Empathy
Define
Ideate <—-where we will spend most time in this talk
Prototype
Test
things start with rough sketches
digitize and
mussli (SP?) mewsly?
mind-mapping input in new chrome windows
ideation is brainstorming
input and output
I don’t believe the value of brainstorming is the ideas generated
value lies in the shared perspective of the people who participated (paraphrase)
Tim Sheiner of Salesforce
Lot of tools available, may be equal, but some can be more inspirational
The Process:
Start with our own habits
Daily Adventures
change it up, do something different, introduce simple change to change frame of mind
drink something different, new coffee shop, take a different path
Rhythm, normally about timing
creative are creative peaks 7-11am AND 4-9pm
ideation meeting, don’t do it at 2:00pm
Daniel H Pink book “When” on mood swings supports this theory
that curve is split in 2
morinng spike is hyper focused state of mind
most ah-ha moments though are in the evening peak 4-9pm
creatives minds need time to chill out, less pressure
brains get to wander and connect the dots of all experiences recently
that is where creativity really happens
Influence is the past major point of ideation for him
Influence = inspiration
they are equal
transformed in equal quantity
digital environment
physical world
community
digital – screenshots of phone, lot of visual and written content
very much influencing him
other digital content, blog posts, httpster.com,
WOGD – high quality content
http://womenofgraphicdesign.org/
jotting a lot of notes at night
in morning then process it
podcasts and audiobooks
Physical world up next
fun, slides and stuff
should feel comfortable in your working space
but can not compete with volume of written data on digital
but different
experience as much as you can of the physical world
community, there are the people around you
friends, family, co-wokers, Campers
recap:
Tools – find the ones that work for you
Process – tweak a few habits and find a rhythm
Influence – influence = inspiration
challenge, help someone find inspiration in you and find inspiration in them

Anatomy of a block: Gutenberg design patterns
Tammie Lister

My notes are not the best on this one because it is hard for me to watch demos and try to capture what I am experiencing. There was a lot of really awesome stuff but it reads flat on the page. This is THE talk you should show your designer friends who are questioning the 5.0 editor and the thinking that has gone into the UI.

Raw Notes:
Not a technical talk
about the ideas behind design of Gutenberg
basically everything is a block
all we should have to learn is how the blocks work, then we will know all of it
roots of it, sketch of it
basically based on the whole experience of WP
blueprints (shows a design sketch of the thing)
element bar
sidebar blueprint
status, revisions, all the things you expect with WP
adding block
shared and reused blocks
walked through nested block and other blocks
blueprint of a standard block
bar, menu, and arrows
sidebar can be moved and placed as you prefer
Doc sidebar is same as in block sidebar, always there
primary and secondary action
toolbar has primary actions
things it should not function without it
secondary are anything else
transformations
any block can become any other kind of block
work moving transform into one place
Unselected placeholders
selected and with content
unselected but contains content
hoverstate
basic anatomy of a block
example
Gallery block
much closer to true WYSIWYG
every bock should give a preview
and show you what to do intuitively
Blocks should adapt
blocks usable on all devices
Where should blocks live? Plugins so they can be reused!
leave the themes alone
Direct manipulation
receive immediate feedback
expected user experience
Block Styles
editor block
when should you build a block?
there are also other ways to do it
potential ideas are boundless
making content with not much or
Tips – new user experience guide
a bit of a story
thanks for all the contributions

Beyond Gutenberg
Matías Ventura

When you read the phrase “currently leading the Gutenberg editor project” in a bio, that is probably a speaker who’s session you should attend. I will admit my notes are a little lax on this one due to the jetlag yet again, but this is one I am really glad I saw live. The ideas and topics flowed fairly fast as well. The demos were hard to capture as well and should really be seen. We are getting so close to that final release candidate that makes it into the auto update, maybe. Lots to do, but then again there is always a lot to do.

Raw Notes:
how the things have been made and how it is going is goal of talk
30 releases in one year
200+ contributors
3000+ code merges
how to bring a blocked based experience without fragmenting the community and content
took a while to arrive at blocks
principals
optimize for the user
content first
no lock-in
incremental developer
Semantic web
since WP inception this is central
block editing is concern of manipulating content but not for display it
HTML as the format
page as the privileged entity and more meaningful experience
lift up and manipulate blocks
slightly higher order HTML
we are using native HTML tool manipulate content
block attributes
demo time
maintaining since last time he talked is columns block
markdown FTW
reusable blocks
scales up
seeing a lot of plugins creating blocks
needs testing help with
nested blocks
templates
layouts and
child blocks
API tools to allow mixtures of blocks and templates
reusable layout units
locking templates is new as well
experience new page mock up from Mel Choyce

Wrapping Up

In the Lyft back to San Francisco, I felt the cool air and familiar hum of a car made to be driven in America driving over truly Bay Area roads and I felt at home. I don’t know if I really appreciated what Belgrade offered and what the time really meant to me there. So many amazing new friendships forged and memories made. From the sessions where I fought sleep to the dance floor where I introduced someone to crowd surfing. From the pouring rain that overwhelmed a city’s public transportation capacity to the vacant alleys that Google Maps thought I should squeeze through. From the moment I landed to the moment I unpacked, this has been one of the more memorable things I have ever gotten to do.

Thank you everyone who made it happen.

I have no idea if I will make it back to Belgrade or even that part of the world again. I never really thought I would make it there in the first place. Next year, same conference is going to be in Berlin and I have always wanted to go there as well. Hopefully I will see you before then, but if not can’t wait for WordCamp Europe 2019

#WordPress Jargon Glossary

What does that even mean?

Originally published:
https://make.wordpress.org/marketing/2018/02/28/wordpress-jargon-glossary/

It’s easy to forget that in WordPress we use a lot of jargon. So the Marketing Team has created this document and a downloadable PDF as a resource for you.
https://make.wordpress.org/marketing/files/2018/02/WordPress_Glossary_of_Jargon_for_print.pdf

.htaccess

.htaccess is a configuration file for use on web servers running the Apache Web Server software. When a .htaccess file is placed in a directory that is in turn ‘loaded via the Apache Web Server’, then the .htaccess file is detected and executed by the Apache Web Server software.

a11y

Accessibility (https://a11yproject.com/). A11y is an acronym for accessibility. The 11 represents the 11 letters that that were removed between the a and y to make accessibility shorter to write particularly on social media.

Apache

Apache is the most widely used web server software. Developed and maintained by Apache Software Foundation. Apache is an Open Source software available for free.

API

An API or Application Programming Interface is a software intermediary that allows programs to interact with each other and share data in limited, clearly defined ways.

Atom

Free and Open Source text editor designed for code development- https://atom.io/.

Avatar

An avatar is an image or illustration that specifically refers to a character that represents an online user. It’s usually a square box that appears next to the user’s name.

Back-end developer

A back-end developer builds or manages the WordPress database, CMS and how it connects to the server. The front end user, for example, a content creator, can then use WordPress to create content and other applications available at the front end of the website.

Backlink

Incoming links to a web page. Search engines view backlinks as a reputation builder. The more quality (as determined by the search engine) incoming backlinks a site has usually helps a site to rank better in search engine results.

bbPress

Free, open source software built on top of WordPress for easily creating forums on sites. https://bbpress.org.

Beta

A pre-release of software that is given out to a large group of users to trial under real conditions. Beta versions have gone through alpha testing in-house and are generally fairly close in look, feel and function to the final product; however, design changes often occur as part of the process.

Block

Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the Gutenberg editor and some plugins. The idea combines concepts of what in WordPress today we achieve with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience.

Category

The ‘category’ taxonomy lets you group posts / content together that share a common bond. Categories are pre-defined and broad ranging.

Child theme

A Child Theme is a customized theme based upon a Parent Theme. It’s considered best practice to create a child theme if you want to modify the CSS of your theme. https://developer.wordpress.org/themes/advanced-topics/child-themes/.

Chmod

“CHange MODe” is a way to make a file executable by a linux or mac based computer.

CLI

Command Line Interface. Terminal (Bash) in Mac, Command Prompt in Windows, or WP-CLI for WordPress.

Contributor Day

Contributor Days are standalone days, frequently held before or after WordCamps but they can also happen at any time. They are events where people get together to work on various areas of https://make.wordpress.org/ There are many teams that people can participate in, each with a different focus. https://2017.us.wordcamp.org/contributor-day/ https://make.wordpress.org/support/handbook/getting-started/getting-started-at-a-contributor-day/.

Core

Core is the set of software required to run WordPress. The Core Development Team builds WordPress.

Core Contributors

Core contributors are those who have worked on a release of WordPress, by creating the functions or finding and patching bugs. These contributions are done through Trac. https://core.trac.wordpress.org.

Cowboy Coding

This refers to making code changes on a live site rather than in a staging site.

cPanel

The brand name for a specific type of standardized web hosting control panel used in shared linux web hosting environment. https://cpanel.com/.

CSS

CSS is an acronym for cascading style sheets. This is what controls the design or look and feel of a site.

Custom Field

Custom Field, also referred to as post meta, is a feature in WordPress. It allows users to add additional information when writing a post, eg contributors’ names, auth. WordPress stores this information as metadata. Users can display this meta data by using template tags in their WordPress themes.

Custom Post Type

WordPress can hold and display many different types of content. A single item of such a content is generally called a post, although post is also a specific post type. Custom Post Types gives your site the ability to have templated posts, to simplify the concept.

Customizer

Tool built into WordPress core that hooks into most modern themes. You can use it to preview and modify many of your site’s appearance settings.

Development Site

You can keep a copy of your live site in a separate environment. Maintaining a development site is a good practice that can let you make any changes and test them without affecting the live/production environment.

DNS

DNS is an acronym for Domain Name System – how you assign a human readable address to a website’s exact numeric coded location (ie. google.com used the actual IP address 216.58.194.206).

Excerpt

An excerpt is the description of the blog post or page that will by default show on the blog archive page, in search results (SERPs), and on social media. With an SEO plugin, the excerpt may also be in that plugin’s metabox.

Extensible

This is the ability to add additional functionality to the code. Plugins extend the WordPress core software.

Featured image

A featured image is the main image used on your blog archive page and is pulled when the post or page is shared on social media. The image can be used to display in widget areas on your site or in a summary list of posts.

Filter

Filters are one of the two types of Hooks https://codex.wordpress.org/Plugin_API/Hooks. They provide a way for functions to modify data of other functions. They are the counterpart to Actions. Unlike Actions, filters are meant to work in an isolated manner, and should never have side effects such as affecting global variables and output.

Footer

The term Footer usually refers to the bottom section of a web page. It usually contains information like copyright notices, links to privacy policy, credits, etc. It may also contain source code to include scripts that a WordPress theme developer uses, and putting them in the footer is considered good practice.

Front-end developer

Front-end web development is the practice of producing HTML, CSS and JavaScript for a website or a web application which a user can view and interact directly.

FTP

FTP is an acronym for File Transfer Protocol which is a way of moving computer files from one computer to another via the Internet. You can use software, known as a FTP client, to upload files to a server for a WordPress website. https://codex.wordpress.org/FTP_Clients.

Git

Git is a free and open source distributed version control system designed to handle everything from small to very large projects with speed and efficiency. Git is easy to learn and has a tiny footprint with lightning fast performance. Most modern plugin and theme development is being done with this version control system. https://git-scm.com/.

Github

Github is a website that offers online implementation of git repositories that can can easily be shared, copied and modified by other developers. Public repositories are free to host, private repositories require a paid subscription. Github introduced the concept of the ‘pull request’ where code changes done in branches by contributors can be reviewed and discussed before being merged be the repository owner. https://github.com/

GPL

GPL is an acronym for GNU Public License. It is the standard license WordPress uses for Open Source licensing https://developer.wordpress.org/themes/getting-started/wordpress-licensing-the-gpl/.The GPL is a ‘copyleft’ license https://www.gnu.org/licenses/copyleft.en.html . This means that derivative work can only be distributed under the same license terms. This is in distinction to permissive free software licenses, of which the BSD license and the MIT License are widely used examples.

Gravatar

Is an acronym for Globally Recognized Avatar. It is the avatar system managed by WordPress.com. https://en.gravatar.com/.

GTE

General Translation Editor – One of the polyglots team leads in a geographic region https://make.wordpress.org/polyglots/teams/.

Gutenberg

Forthcoming editor for WordPress coming in 2018. The editor will create a new page and post building experience aimed at making writing rich content much simpler, It will use ‘blocks’ to add richness rather than shortcodes, custom HTML etc. https://wordpress.org/plugins/gutenberg/ https://ma.tt/2017/08/we-called-it-gutenberg-for-a-reason/.

Header

The header of your site is typically the first thing people will experience. The masthead or header art located across the top of your page is part of the look and feel of your website. It can influence a visitor’s opinion about your content and you/ your organization’s brand. It may also look different on different screen sizes.

Hooks

In WordPress theme and development, hooks are functions that can be applied to an action or a Filter in WordPress. Actions are functions performed when a certain event occurs in WordPress. Filters allow you to modify certain functions. Arguments used to hook both filters and actions look the same.

HTML

HTML is an acronym for Hyper Text Markup Language. It is a programming language that is used in the development of web pages and websites.

HTTP

HTTP is an acronym for Hyper Text Transfer Protocol. HTTP is the underlying protocol used by the World Wide Web and this protocol defines how messages are formatted and transmitted, and what actions Web servers and browsers should take in response to various commands.

HTTPS

HTTPS is an acronym for Hyper Text Transfer Protocol Secure. HTTPS is the secure version of HTTP, the protocol over which data is sent between your browser and the website that you are connected to. The ‘S’ at the end of HTTPS stands for ‘Secure’. It means all communications between your browser and the website are encrypted. This is especially helpful for protecting sensitive data like banking information.

iFrame

iFrame is an acronym for an inline frame. An iFrame is used inside a webpage to load another HTML document and render it. This HTML document may also contain JavaScript and/or CSS which is loaded at the time when iframe tag is parsed by the user’s browser.

JavaScript

JavaScript or JS is an object-oriented computer programming language commonly used to create interactive effects within web browsers. WordPress makes extensive use of JS for a better user experience. While PHP is executed on the server, JS executes within a user’s browser. https://www.javascript.com/.

JSON

JSON, or JavaScript Object Notation, is a minimal, readable format for structuring data. It is used primarily to transmit data between a server and web application, as an alternative to XML.

Kitchen Sink

When using the WYSIWYG (What You See Is What You Get) editor in WordPress, you can expand the capabilities to allow more options. This expanded area is called the “Kitchen Sink.”

LAMP

LAMP is an acronym for Linux, Apache, MySql, PHP. It is the underpinnings of WordPress.

LEMP

LEMP is an acronym for Linux, NGINX, MySQL, and PHP.

Local Install

A local install of WordPress is a way to create a staging environment by installing a LAMP or LEMP stack on your local computer.

Loop

The Loop is PHP code used by WordPress to display posts. Using The Loop, WordPress processes each post to be displayed on the current page, and formats it according to how it matches specified criteria within The Loop tags. Any HTML or PHP code in the Loop will be processed on each post. https://codex.wordpress.org/The_Loop.

Major Release

A set of releases or versions having the same major version number may be collectively referred to as “X.” — for example version 2.x.x to refer to versions 2.0.1, 2.3.1, 2.7.10, and all other versions in the 2. (two dot) branch of that software. Major Releases often are the introduction of new major features and functionality.

Meetup

All local/regional gatherings that are officially a part of the WordPress world but are not WordCamps are organized through https://www.meetup.com/. A meetup is typically a chance for local WordPress users to get together and share new ideas and seek help from one another. Searching for ‘WordPress’ on meetup.com will help you find options in your area.

Meta

Meta is a information about data. The word “Meta” can be created for Posts and Terms. Meta is also a name that’s used for the inside workings of a group of the WordPress community. For the Marketing team, we work on internal WordPress sites like WordCamp Central and Make WordPress.

Metabox

A post metabox is a draggable box shown on the post editing screen. Its purpose is to allow the user to select or enter information in addition to the main post content. This information should be related to the post in some way.

Migration

Moving the code, database and media files for a website site from one server to another. Most typically done when changing hosting companies.

Minor Release

A set of releases or versions having the same minor version number may be collectively referred to as .x , for example version 2.2.x to refer to versions 2.2, 2.2.1, 2.2.10, and all other versions in the 2.2 (two dot two) branch of that software. Minor Releases often make improvements to existing features and functionality.

Multisite

Multisite is a WordPress feature which allows users to create a network of sites on a single WordPress installation. Available since WordPress version 3.0, Multisite is a continuation of WPMU or WordPress Multiuser project. WordPress MultiUser project was discontinued and its features were included into WordPress core.https://codex.wordpress.org/Create_A_Network.

MySQL

MySQL is a relational database management system. A database is a structured collection of data where content, configuration and other options are stored. https://www.mysql.com/.

Navigation Menu

A theme feature introduced with Version 3.0. WordPress includes an easy to use mechanism for giving various control options to get users to click from one place to another on a site.

NGINX

NGINX is open source software for web serving, reverse proxying, caching, load balancing, media streaming, and more. It started out as a web server designed for maximum performance and stability. In addition to its HTTP server capabilities, NGINX can also function as a proxy server for email (IMAP, POP3, and SMTP) and a reverse proxy and load balancer for HTTP, TCP, and UDP servers. https://www.nginx.com/.

Open Source

Open Source denotes software for which the original source code is made freely available and may be redistributed and modified. Open Source is often delivered via a licensing model, see GPL.

P2/O2

P2 is the term people use to refer to the Make WordPress blog. It can be found at https://make.wordpress.org/.

Page

A page in WordPress usually refers to the page post type. It is one of the default pre-defined WordPress post types. Pages are static one-off type of documents which are not tied to the blog’s reverse chronological order of content.

PHP

PHP (recursive acronym for PHP: Hypertext Preprocessor) is a widely-used open source general-purpose scripting language that is especially suited for web development and can be embedded into HTML. http://php.net/manual/en/intro-whatis.php.

Ping

The act of sending a very small amount of data to an end point. Ping is used in computer science to illicit a response from a target server to test it’s connection. Ping is also a term used by Slack users to @ someone or send them a direct message (DM). Users might say something along the lines of “Ping me when the meeting starts.”

Pingback

A pingback is a special type of comment that’s created when you link to another blog post, as long as the other blog is set to accept pingbacks. Pingback allows you to notify other bloggers that you have linked to their article on your website. Although there are some minor technical differences, a trackback is basically the same thing as a pingback.

Plugin

A plugin adds code which performs a function on your site. These can be free in the WordPress.org Plugin Directory or can be cost-based plugin from a third-party.

Plugins

A plugin is a piece of software containing a group of functions that can be added to a WordPress website. They can extend functionality or add new features to your WordPress websites. WordPress plugins are written in the PHP programming language and integrate seamlessly with WordPress. https://wordpress.org/plugins/.

Point Release

The least significant digits in a release number, refers primarily to the patch level. For example 2.2.1 or 2.2.5 Point releases are often bug fixes or security patches, sometimes adding new functionality but mostly just amending an issue with a Major or Minor release.

Polyglots Team

Polyglots Team is a group of multilingual translators who work on translating plugins, themes, documentation, and front-facing marketing copy. https://make.wordpress.org/polyglots/teams/.

Post

Posts are entries listed in reverse chronological order on the blog home page or on the posts page.

Post Meta

Post meta are also known as metadata or custom fields in WordPress. They can be defined as data that describe posts. For example, the post type is a meta data, or the post format. In WooCommerce, the price is a post meta, or the product type.

Post Slug

The post slug is the user friendly and URL valid name of a post. Most common usage of this feature is to create a permalink for each post.

Production Site

A production site is a live site online meant to be viewed by your visitors, as opposed to a site that is staged for development or testing.

React

React is a JavaScript library that makes it easy to reason about, construct, and maintain stateless and stateful user interfaces. https://reactjs.org/.

Release

A release is the distribution of the final version of an application. A software release may be either public or private and generally constitutes the initial or new generation of a new or upgraded application. A release is preceded by the distribution of alpha and then beta versions of the software.

Release Candidate

A beta version of software with the potential to be a final product, which is ready to release unless significant bugs emerge.

Release Lead

The community member ultimately responsible for the Release.

REST API

The REST API is an acronym for the RESTful Application Program Interface (API) that uses HTTP requests to GET, PUT, POST and DELETE data. It is how the front end of an application (think “phone app” or “website”) can communicate with the data store (think “database” or “file system”) https://developer.wordpress.org/rest-api/.

Revisions

The WordPress revisions system stores a record of each saved draft or published update. The revision system allows you to see what changes were made in each revision by dragging a slider (or using the Next/Previous buttons). The display indicates what has changed in each revision.

RSS Feed

RSS is an acronym for Real Simple Syndication which is a type of web feed which allows users to access updates to online content in a standardized, computer-readable format. This is the feed.

SFTP

SFTP is an acronym for Secure File Transfer Protocol: A standard protocol to move computer files from one host to another over the Internet with enhanced security.

Shortcode

A shortcode is a code generated by your plugin to insert a form or function in a specific location on your site like a widget or in the copy.

Sidebar

A sidebar in WordPress is referred to a widget-ready area used by WordPress themes to display information that is not a part of the main content. It is not always a vertical column on the side. It can be a horizontal rectangle below or above the content area, footer, header, or any where in the theme.

Slack

Slack is a Collaborative Group Chat Platform https://slack.com/. The WordPress community has its own Slack Channel at https://make.wordpress.org/chat/.

SSH

Secure SHell – a protocol for securely connecting to a remote system in addition to or in place of a password.

SSL

Secure Socket Layer – Encryption from the server to the browser and back. Prevents prying eyes from seeing what you are sending between your browser and the server.

Staging Environment

A staging environment is a non-production copy of your site. This is a private place to build the site — design, copy, and code — until your client approves it for production or live. Sometimes used in addition to, or as a Development Environment.

State of the Word

This is the annual report given by Matt Mullenweg, founder of WordPress at WordCamp US. It looks at what we’ve done, what we’re doing, and the future of WordPress. https://wordpress.tv/tag/state-of-the-word/.

Static Front Page

A WordPress website can have a dynamic blog-like front page, or a “static front page” which is used to show customized content. Typically this is the first page you see when you visit a site url, like wordpress.org for example.

Support Forum

WordPress Support Forums is a place to go for help and conversations around using WordPress. Also the place to go to report issues that are caused by errors with the WordPress code and implementations. https://en.forums.wordpress.com/.

SVN

Apache Subversion (often abbreviated SVN, after its command name svn) is a software versioning and revision control system. Software developers use Subversion to maintain current and historical versions of files such as source code, web pages, and documentation. Its goal is to be a mostly compatible successor to the widely used Concurrent Versions System (CVS). WordPress core and the wordpress.org released code are all centrally managed through SVN. https://subversion.apache.org/.

Tag

Tag is one of the pre-defined taxonomies in WordPress. Users can add tags to their WordPress posts along with categories. However, while a category may cover a broad range of topics, tags are smaller in scope and focused to specific topics. Think of them as keywords used for topics discussed in a particular post.

Taxonomy

A taxonomy is a way to group things together. In WordPress, some common taxonomies are category, link, tag, or post format. https://codex.wordpress.org/Taxonomies#Default_Taxonomies.

Team Rep

A Team Rep is a person who represents the Make WordPress team to the rest of the project, make sure issues are raised and addressed as needed, and coordinates cross-team efforts.

Theme / Parent Theme

A theme dictates the style and function of your WordPress website. Child Themes derive from the main parent theme.

Trac

Trac is the place where contributors create issues for bugs or feature requests much like GitHub.https://core.trac.wordpress.org/.

Trash

Trash in WordPress is like the Recycle Bin on your PC or Trash in your Macintosh computer. Users with the proper permission level (administrators and editors) have the ability to delete a post, page, and/or comments. When you delete the item, it is moved to the trash folder where it will remain for 30 days.

Trello

Project management system using the concepts of boards and cards to organize tasks in a sane way. This is what the make.wordpress.com/marketing team uses for example: https://trello.com/b/8UGHVBu8/wp-marketing.

UI

UI is an acronym for User Interface – the layout of the page the user interacts with. Think ‘how are they doing that’ and less about what they are doing.

Update

This is the mechanism by which WordPress releases new features as well as provide security patches as needed. You should always update WordPress to the latest version. When a new version of WordPress is available you will receive an update message in your WordPress Admin Screens. To update WordPress, click the link in this message.

URL

specific web address of a website or web page on the Internet, such as a website’s URL http://www.yourwebsite.com.

UX

UX is an acronym for User Experience – the way the user uses the UI. Think ‘what they are doing’ and less about how they do it.

Vue

Vue (pronounced /vjuː/, like view) is a progressive framework for building user interfaces. https://vuejs.org/.

VVV

The primary goal of Varying Vagrant Vagrants (VVV) is to provide an approachable development environment with a modern server configuration. VVV is ideal for developing themes and plugins as well as for contributing to WordPress core. https://varyingvagrantvagrants.org/.

W3C

The World Wide Web Consortium (W3C) is an international community where Member organizations, a full-time staff, and the public work together to develop Web standards.https://www.w3.org/.

WCAG

WCAG is an acronym for Web Content Accessibility Guidelines. These guidelines are helping make sure the internet is accessible to all people no matter how they would need to access the internet (screen-reader, keyboard only, etc) https://www.w3.org/TR/WCAG21/.

Widget

A WordPress Widget is a small block that performs a specific function. You can add these widgets in sidebars also known as widget-ready areas on your web page. WordPress widgets were originally created to provide a simple and easy-to-use way of giving design and structure control of the WordPress theme to the user.

WooCommerce

Woo Commerce also known as Woo, is an eCommerce solution for WordPress. If you are going to set up an online store or marketplace, WooCommerce powers a great deal of online transactions and is a good choice since it has a robust community behind it. https://woocommerce.com/.

WordCamp

A WordCamp is a conference where the WordPress community come together to teach one another what they’ve learned throughout the year and share the joy.https://central.wordcamp.org/about/.

WordCamp Central

Website for all WordCamp activities globally.https://central.wordcamp.orgincludes a list of upcoming and past camp with links to each.

WordPress Codex

Living online manual to WordPress.org https://codex.wordpress.org/

WordPress.com

An online implementation of WordPress code that lets you immediately access a new WordPress environment to publish your content. WordPress.com is a private company owned by Automattic that hosts the largest multisite in the world. This is arguably the best place to start blogging if you have never touched WordPress before. https://wordpress.com/

WordPress.org

The community site where WordPress code is created and shared by the users. This is where you can download the source code for WordPress core, plugins and themes as well as the central location for community conversations and organization. https://wordpress.org/

WP-CLI

WP CLI is the Command Line Interface for WordPress, used to do administrative and development tasks in a programmatic way. The project page is http://wp-cli.org/

WYSIWYG

What You See Is What You Get. Most commonly used in relation to editors, where changes made in edit mode reflect exactly as they will translate to the published page.

tags:

glossary, #jargon, #wordpress-terms

A case for Markdown and the WP 5.0 Editing Experience

(Note to my loyal readers, yes this is not my normal format, but I wanted a platform to say this out loud, so here it is.)

I am pretty darn excited about the possibilities of the WordPress 5.0 editing experience. You might still be calling it Gutenberg and that is OK, but when WP 5.0 drops it will just be ‘the editor’. The idea of manipulating my content with drag and drop and no more messy handwritten shortcodes is broadly appealing. I have a few awesome personal anecdotes about why this is so awesome but the more I talk to agencies the more I see that one of the serious concerns is giving the content editor too much control. If you can insert columns or other strange blocks ‘where they don’t belong’ on a landing page, all hell is going to break loose with brand standards.

Enter the Markdown…

What if instead of freaking out about how to retrain our clients, we seize the opportunity to help them embrace a much cleaner path that would require almost no change in their tool chain and less than 30 minutes to master (with a cheat sheet handy of course).
Markdown was specifically created as “an easy-to-read, easy-to-write plain text format, and optionally convert it to structurally valid XHTML (or HTML)”
Do you want to something in italics? word
Do you want to bold something? word
The notation is very stable and can be written in Word, Google Docs, notepad or (insert your favorite text editor here). Hundreds of resources are available online to help you learn it and there are so many reference materials, that might be the most overwhelming part.

And what does this have to do with the WordPress 5.0 editing experience?

You can cut and paste or WP-CLI post create from a text file into Gutenberg and it will correctly transform it into beautiful HTML. Once there, you hit one (1) button from a dropdown called ‘Convert to blocks’ and then you have every line break as it’s own block. And the kicker here, is if you just paste in a URL to some media asset it can recognize, like a tweet or a youtube video, it will just auto form a proper block around it.

This is literally random, from wikipedia

Once the ‘base content’ is there in blocks, well, the art of setting this image here and that image there and such is actually quite fun. In fact this post was made exactly this way and yes, there are random pictures from wikipedia throughout it to prove a point. I did not type those on my original post with you can see over on my Github, here: https://github.com/mcdwayne/PublicDocs/blob/master/A-Case-For-Markdown.txt

Why not just use the 5.0 editor to write your content?

For me personally, this comes down to workflow and tool choice. I have burned myself way too many times asking my browser not to crash, refresh or otherwise forget what I am currently doing in that window while typing. Auto save points like Google Docs can make that better, but you know what never forgets? Sublime text. You know what works on airplanes? Sublime text. I do however accept that I am in, what was once descried to me as, the 0.2% of content creators who think this way currently.

But what if, instead of giving your content creators a new window and a lot of shiny new toys that you might be able to lock down but would raise so many more questions than answers, what if instead you showed them a way to be consistent with their brand content and made formatting and publishing this content a very simple, well understood process that would let you then better explain the entire editor slowly to their trusted team members. Let every intern and new person write all the Google Docs in the world, but only the trusted get to use the WP Editor.

What world does that workflow exist in?

Don’t copy the URL, just Copy Image and paste that, 5.0 Editor 

That is a data point I don’t have. I will admit I am not doing a lot of client work where content creation is something I am involved with and have no idea if there is an audience for this beyond getting devs to turn in content faster, but I wanted to say my peace about it somewhere. Let me know on Twitter or in the comments what you think.

Thanks for listening. Next post should go back to my normal format.

WC Chicago 2018: In the cold shadow of their tallest building and finding out their Chinatown is small

For the second time in 2018 I get to go to ‘the windy city’, which in my experience isn’t the most accurate name. It could be I am biased because I live in the wind tunnel that is downtown San Francisco, where the Mediterranean climate causes severe wind gusts every afternoon before sundown, the likes of which I personally have not experienced in The Second City. At least it wasn’t as cold as the last time I was in town

I got in town a full day earlier than I needed to, but got to catch up with old friends, see some improv and have some super tasty vegan grub at the heartiest diner in town, the Chicago Diner. So good. I also got to wander around Chinatown for a little bit, seeing my favorite thing in a large city: The Chinatown Gates.

Of course, this was not all a personal trip. The real reason I had returned was for rejoicing with my WPLife family for WordCamp Chicago 2018

Food and Fun

Speaker Dinner

Friday night we gathered together, speaker, sponsor, organizer and volunteer alike to rejoice in the kicking off of camp officially at Jefferson Tap & Grille. It is always an amazing experience to get a preview of what other people are going to present. There is clearly an excitement in everyone’s voice and a chance for people new to speaking to seek advice. The food was OK, I ended up with a hummus sandwich and fries all night.

Totally not our party in this tweet, but not too far off from what went down:

Saturday

Breakfast was served! Not just coffee and tea, but fruit and more candy than you could/should eat. Some other sponsors brought doughnuts and bagels as well

Lunch on day one was one of my favorite options for catering, Chipotle. I think their quality is OK, but I love the fact that there was a whole vegan section set out and boy oh boy were the options plentiful! More black beans and Sofritas than any conference could have eaten and all the corn salsa I could pile up. If you are an organizer reading this, a taco bar is a great way to include all dietary restrictions and still serve the meatiest eaters.

no actual tweet of lunch, but this is what we were dealing with

For dinner before the official party some of us got to talking about “The Impossible Burger” and burgers in general, so with Joe leading the way, we went over to Umami Burger and chowed the heck down. With a full stomach we set off to meet the rest of the campers.

After Party:

If you would have said I would have had as much fun as I had playing ping pong, I would not have believed you. We went to AceBounce Ping Pong Bar and had a magnificent time of fellowship and friendly competition. It was a cash bar but the appetizers were free flowing and the ping pong was free on 4 reserved tables! I will take this arrangement over too many or not enough drink tickets any day of the year.

And yes, there was WCKaraoke in full effect. Special shout out to my buddy Doug, from the Drupal world, who introduced us to the DJs here t Blue Frog’s Local 22. It was truly a night where it didn’t matter if you had been at WordCamp or not, we all treated each person as if they were part of the WPLife community!

Sunday

More coffee, more snacks and a lot more candy

We were on our own for lunch, so I got to go to one of my favorite chains, which I really wish we would get in San Francisco, Native Foods. The best vegan bulgogi tacos I know about.

Sessions

Digital Therapy
Ellie Saldana

If there is one thing I wish all people got better at, it is emotional intelligence. If people can empathize with one another, so many issues are cleared right up. Instead of fighting and forcing our own way, we have the option to listen and relate to their position and find a path forward. It sounds overly simple and optimistic, but it is a truth that keeps shining forth in brilliant talks like this one. Make sure the people you are talking with know that you are hearing them and for sure take the time to make sure they feel heard. We will all do a lot better if we all embrace this idea.

Raw Notes:
Story about client who was afraid of getting fired from her role because spikes/lulls in traffic
she helped her realize that was seasonal and normal
saves her a lot of issues
Bringing emotional intelligence into the digital experience
Why? Clients feel unheard. Looking for validation
Clients don’t feel ownership over the digital sphere of their business
how:
Pick up the phone and smile
be transparent, even if you are at fault
dig deeper into understanding client frustrations
help clients understand the process
You don’t always have to say yes
a strong client relationship makes it easier
Don’t just day no, NO but…, NO because…
Give clients a win when you can
not all clients are created equal
remember what worked last time might not work this time
your last experiences with them does not mean next one will be the same
Few different kinds of clients
Lone Decision Makers
client is empowered to make decisions on their own
Answers To A Higher Authority
have to report up a chain
accountable to others
Often times not the person qualified to run a site
need to help them look competent to their management
THE COMMITTEE
Hardest one to her
multiple contacts all with different points of view
need help coming to consensus
lot of active listening needed
client needs to do homework to find out that is actually important to the org
they need a unified vision to get the help they need
Conclusion:
Engage the client
Listen actively
Problem solve collectively

Data Science and Web Development
Joshua Alexander

Data science is a buzz word for sure but this emerging field is still pretty young. Let’s not forget that our current output of data is roughly 2.5 quintillion bytes a day. This number is only going up. There has never been this much data to parse. This talk, rather than give the market-y spin on why data science is good, we rooted in the practical aspects of the fact this requires both math skills and computer languages different than those we use ofr web development. The awesome part about skills is they can be learned over time. No one is born with a skill. If you want to learn it and become a top data scientist, then get to it!

Raw Notes:
What is Data Science
Short answer: Mine data to Make better business decisoins
Very indemand
Full stack $88K
Data Science closer to $118K
does require math and most people all like
Math is Mental Abuse to Humans (not really)
math is not bad
just enough to make the machine do the math
Additional skills
JS, Python, SQL, C++, C, Scala – for algebraic equations and covariance and contra-variance
R – OSS stats software and language, SAS, Julia
What do we do with it all?
Case studies
Scenario 1: try and predict sales based on time on day and weather patterns in common industries
Scenario 2 – (Missed it)
You need to do anything that requires data and math operations. The programming end of things you need to be able to make decisions

WooCommerce Success
Patrick Elward

I am fascinated by WooCommerce from a number of perspectives. One of the angles I had not really thought fully about is the logistical overhead that mandatorily comes with actually running an ecommerce store of any kind. Even if you are doing all drop shipping, there is a cost and a management overhead you have to take on. This talk is an absolute must see for anyone in the world thinking about starting an online store of any kind. So much practical advice, learned from actually doing this in the wild. For instance, I would have never guessed the most expensive part of mailing fish was the water weight.

Raw Notes:
I got in a little…
Someone has o take ownership
Many of the tasks you hav with other ecommerce is same with Woo
but Woo is arguably easier
Store owners
Who has an online store now
financial commitments tt operations
Review, review, review
How much budget? 10-15% of annual sales is realistic expenditure for eccomerce operations (not ads, just logistics and such)
Shopping cart vs Woo
Key e-commerce tasks to be discussed before starting
tax levels, ownership…..
Product Management Success
What thy have to sell, right now!
how to display these on the site
many ‘Product Import’ plugins available
how to organize by attribute
setup tags and keywords for sorting
Go through product with the customer and weigh everything
sizes and weights are super expensive if we get it wrong
attribute in Woo lets you assign this easily
Photos must be realistic
it is how the client will judge the product they receive
Reviews matter
they MUST be monitored though
Inventory management is a challenge as well
How to handle ‘out of stock’
hide product or display Out of Stock
who receives ‘low inventory trigger’ and what is that threshold
Drop shipping and custom labels, look into SaaS solutions for that
“Does it save my warehouse money or can we do it cheaper ourselves?”
Shipping management
Fedex, etc…
3 main ways to get shipping costs
per total weight (most common)
Make sure you are only shipping places you want to ship
or charge more
Prelaunch comments
ALWAYS check on mobile devices
ongoing support and maintenance
Common mistakes
budget not realistic

Erasing the Stigma: Mental Health and Tech
JD Flynn

I am proud to call JD a friend. I have known him mostly from the Drupal community, as he is a co-organizer of Midcamp. but more recently I have come to call him brother in the struggle to get everyone to try going to Karaoke events. In Chicago, he leads the charge finer than anyone I have ever seen lead it, rallying everyone and making sure that all are invited and feel included.
In addition to this amazing talent, JD is one of the braver speakers I have known, standing up and speaking truth about something that carries a pretty hefty stigma, mental health issues. He is up front and truthful about what he has gone through and is living proof that help exists and with the right support you can do anything! We are very fortunate in our FOSS space that there is a lot of people who want to see everyone else succeed and are here to support each other. The only way we are going to get over the stigma is to have these conversations and admit we are not broken or bad people, we are unwell, or sick, like breaking a leg or getting cancer. Just as real and needing medical attention just the same. Talk with people you trust about this subject in a supportive way and you will be amazed how many other people feel the same way.

Raw Notes:
Has mental illness,
Most costly health concern right now
lot of stigma
Why should this be important?
Suffering in silence and denial
afraid of admitted it it would make it more real
Thought was perfect health until doctor said otherwise
people
Major depression – every day for at least 2 weeks
very wide range of incarnation
Anxiety disorder – fear of daily activities
PTSD – failure to recover after an experience
a phycologist explained it
RAM vs hard disk
short term and long term memory
RAM is fast and HardDisk is slow
PTSD something stuck in RAM and trigger makes them relive the trauma
I accepted something was wrong – THE HARDEST PART
then got treatment
your first therapist will not likely be your last
must find one that works with you and communicates with your style
got involved in community (band, OSS, etc)
got to be comfortable that not everyone is OK talking about this
Before treatment, thought only crazy people sought help
felt like would mess up everything he touched
was easy to get into a downward spiral
paranoid, afraid of social situations, isolated was self imposed
Misunderstood, thought he as angry when he was just anxious
in a wedding standing up, trying not to screw it up
people thought he was being mean
How has treatment affected him?
the symptoms have not completely vanished but gotten better
lizard brain is still there
lot more comfortable in social situations
I’m not/We’re not alone
Why Tech and mental illness?
tech specifically affected
increased IQ linked to more mental issues (studies suggest)
You would never tell someone in a wheelchair to ‘get over it’
but we socially do this to mental issues all the time
need to be stronger than fear!
Do you think an employer would have negative consequences after talking wiht them about your mental health, most people that yes
as of 2015 17.9% of all US Adults had some form of mental issues
We are afraid to talk about mental health
it is a stigma
afraid honesty has negative consequences
Afraid of getting sent to HR
Why should a workplace care?
Impact on performance, job insecurity
HR does not want to hear about it
We should fight ignorance with information and knowledge
Get the OSMI handbook
In OSS, 50% of survey respondents said they had some form of mental illness
we are people together
not 1s and 0s
we are people
we are not damaged, we are sick
1-800-therapist
psychology today has a search
look for someone who can help, not just tossing meds out

90 Days to Live: Finding Your Place in the WordPress Community
Joe A. Simpson Jr.

You want to hear about an inspirational story? Go watch this talk. Going from almost dead to thriving is the central plot of this session that left me wanting to embrace the WP community even more. It is one of those talks I want to show at a meetup where new people have been wondering if there is a path for them as community members and if it is worth it. It is worth it. Keep believing!

Raw Notes:
Was just getting into WP converting a site
then had a heart attack
still many health issues
been uphill climb
Reboot, Level up, and give back
the community has helped immensely
so how did he get involved?
Story of his brother’s print services business
terrible theme and bad site
fixed it with WP
learned about the supportive community
Joined it
went to all the meetups he could find
LA,
Orange County = women in WP meetup
they film all the meetups
Alex Vasquez actually handed him a mic and told him
WCUS is super valuable as well
can watch remote
Volunteered at LA WordCamp, whole new perspective
lot goes into
one night 10:47 pm, driving back from a meetup
though: Why don’t I make a meetup?
Santa Clarita Valley Meetup was born
slack is also good way to get involved
WordPress.tv
He want sot put on a WordCamp Santa Clarita
Live as if you were to die tomorrow
learn as if you are going to live forever

Meta and Schema: Defining the Content about your Content
Jim Birch

Do you like whirlwind, two fisted, no holds barred, data filled sessions that have almost too much information shoved in your face? I love them. I wish every talk I went to I learned anywhere close to as much information as Jim presented. I will admit I started playing with a couple of the resources he introduced me to and might have missed part of what he was presenting in my notes. If you think you have meta nailed down, good on ya, but still, check this thing out. I am betting you will find a new tool or trick in here somewhere. And for those who have never thought about meta or schema before, prepare to have a new world view opened to you.

Raw Notes:
How do we look to others?
How does content look to others?
what you do for google is good for all the other services
TL/R Specs and validators
w3c HTML 5.2 specs
WATWG Meta Extensions
Open Graph
Twitter cards
schema.org
Meta, from the greek, prefix, concept
like card catalogues
full time gig back in the early days of libraries
computerize
Dynix, early but popular
Enter the W3C defining 5.2 spec
4.2 docs about Document Metadata
6 things
– head element
– title only one
– base tag, element to set the base for something
– link, link to other resources
– style – embed information in the doc for styling
– meta – for everything not the previous 5
all name value pairs, only in the head of the doc
name=> value(content)
There are defined metatags in the spec
author, application-name, description, etc
pragma directives language construct that specifies compiler and other technical information
Other Metadata names
WHATWG
list all that have been applied for and their extensions
You can make your own metadata you define on your own
no one would know it was there but you, but you can do some stuff like priority of search engine
Unicorn from W3C
see how good of a coder you are?
pass/fail for
https://validator.w3.org/unicorn/
Validation
Google meta tag validator for things it understands
title, googlebot, refresh
that is it for google, one document, that is all
Open Graph Protocol
Let’s webpage to become object
required fields
title, type, image, url
Types:
music, video, book, etc
FB has a debugger – important to use for FB to re-scrape content
pinterest validator
LinkedIn – using random variable at the end of url to force them to refresh
(?hfhfsh)
twitter card
rich photos and such
summary
summary large image
player card
app card
they also have a validator
How to implement in WP?
Yeast SEO plugin
add meta and fills in some things for you
can but in Open Graph tags
same with twitter cards
Theme itself can use logic to use image via php code
Schema
Started by google, Open source
way to put structured data on sites, in email messages and beyond!
schema.org
goes on for days
drill down into most of them
Most popular are creative works
can implement a few different ways
inline was first and popular
JSON-LD
What does Google care about?
Google Search Gallery Page
https://developers.google.com/search/docs/guides/search-gallery
How? Yoast of course
Schema Plugin
JDFlynn made a tool to generate the needed JSON
again, theme can use logic to suss this out
Test and Verify
Google to test

Developing for Gutenberg – Converting a shortcode to a block!
Jeremy Josey

I went to this thinking, ‘don’t we have a shortcode block, is this just a talk about using the shortcode block?’. Well, turns out yes, there is a shortcode block solution but when you step back and look at it, this is sort of like writing in Spanish for your website for a Chinese speaking audience and hoping the translation plugin keeps up and is ultra stable. Writing a plugin to properly leverage the concept of blocks will give overall better performance, stability and ultimately supportability. Fortunately there are an emerging number of resources to help you do this. If you have a plugin, get that thing converted today!

Raw Notes:
prerec: HTML, CSS, React, CLI
It’s OK to get lost
you will have to go over this again and again
Learn JS Deeply
Customizer and Gutenberg are the result
JS API driven interfaces are the future of the web
Gutenberg
what it is
demo of it
block is an abstract term to define units of markup
goal today, convert a CTA shortcode to a Gutenberg block
do you really have to? No…….but,
there is a shortcode wrapper block
but you should!
First, install Gutenberg
have NODE.JS
install create-gutenberg-block
npm install global (see his slides)
will spend most of the time int he source mostly in the sub-block.js file
npm start in right folder
Enqueue block JS in the main plugin file
…. (code)
define category for block
…. (code)
Edit function
meat and potatoes of the block
…. (code)

Plugins vs Themes. Functionality vs Format.
Austin Adamson

This is one of those topics that on the surface is easy, but the more you dig the cloudier it gets. Especially when most tutorials and code snippets say to just toss functionality into the functions.php file. What should a theme really be doing and what are the lines? Again, it sounds simple, but if you changed your custom theme right now could you say with a straight face that no functionality would be affected? Austin shows us a path to that kind of a world through some pretty rock solid examples and analogies. This was his first talk and I have a great feeling he is going to be one of the better speakers out there as he dials in his style because the content is great!

Inherited an old site
When activated new theme
all office staff and content just vanished
oh no
put so much functionality in themes
realized he had been doing same thing
plugins and themes do different things for a reason
what is supposed to do what?
building a house
start with a frame and a foundation
the utilities (water, lights)
lastly we paint
we live there for a while
repaint the walls
didn’t have to call the electrician or bulldoze the whole thing
but we do this with websites all the time
WP core is frame of the house,
plugins are utilities
and theme is the paint
repainting is a new theme
should be just that easy
what is even core?
file structure from WP.org
functionality should not be in themes
example
AgentPress Pro theme, $99
when you get theme, must download a free plugin that gives functionality
registering custom post types, should be in plugin, in agent plus plugin
metaboxes,
gravity forms, output CSS yes/no
turn it off, don’t overwrite gravity forms style
wpmeetup plugin
forces big red button
can’t turn it off, hard to override
theme controls presentation of content
plugin controls functionality

My Session

Let’s Learn Git. No Excuses!

I was super grateful to get to present on Git, really one of my favorite subjects. The crowd was awesome and I got to explain one of the more important things we should all be using. One thing I did a little different this time and feel like I need to do better at for all my talks, is giving a clear ‘do this next’, also called a Call To Action (CTA). I did this in the follow up tweet, pointing people to Try Git using Github’s awesome demo site. In fact, if you have not done that tutorial yet, even if you use git already, give it a whirl.

Wrapping Up

I love Chicago. If it didn’t get snow or down to −27 °F sometimes, I would consider it as a place to possibly spend even more time. But the warmth of the WordPress and the Drupal communities there is so worm, that when I do go it never feels that cold. I might well go back once more this year for WordCamp for Publishers: Chicago Edition but that is still undetermined. I hope I do, since that would let me experience the place in full summer swing. Otherwise I am going to for sure count on being in Chicago at least for WordCamp Chicago 2019! *

  • yes I know this link does not work yet.

WordCamp Phoenix 2018: Amazing coffee and contributor day fun

experiences the cold humidity of an Arizona spring. It had only been 4 months since I was last at Galvanize and I will be honest, I had my doubts about going from a ~200 attendee event to an over 500 person event in such a short turn around. Well, I was very pleasantly surprised and impressed with their organizing team’s efforts to put on a spectacular WordCamp Phoenix 2018!

Food and Fun

Speaker Dinner

I missed it. Due to some logistic issues I had to fly in while this was happening. While I am bummed I missed it, it was the only disappointment I found related to this camp and it had nothing to do with the awesome organizers or camp itself. It looked amazing and I want to give an extra special shout out to the coordination team who made us some of the best, individual personalized, speaker gifts of all time! I got a monogramed passport wallet and bag tag, since I am always traveling. I thought a pic of Isaac’s was a little more interesting visually for the purposes of a blog though. Anyhow, Thank You again for the gift Organizing team, lead by Raquel Landefeld

Friday

I’m just going to be lazy and repeat what I said about the amazing Luana’s Coffee Yard “They know what the heck they are doing. If you live in the area, go give them your money!” Just the nicest baristas ever and their coffee quality is second to none. Snacks flowed as well as plenty of cold water, which helped me keep hydrated in the dessert as I chatted with the morning rush of people.

Lunch was served as a giant taco line with OK options for those seeing plant based foods. Still a little hungry I found that there was a burrito stand, called Mi Salsa. Family owned and featuring their “mother’s secret recipes”. Some of the best salsa I can remember having and the more I talked to them the more I liked their company. It is not everyday you feel good about giving back to the local economy and get world class food in the same transaction.

Friday Night had no official plans, but some of us got together anyway for some food and celebration! Since it was unofficial I will only leave this tweet to remind myself of the event

Saturday

More awesome coffee and snacks and snacks.
Lunch was way better on day 2 in my opinion, Japanese options. Soba noodle salad, rice and more veggies than I could eat. They kept piling them on and I had to actively tell them ‘that’s too much!’. I feel good about any lunch where I have to wave them off from filling my plate with plant based foods. I also like they are doing as much local sourcing of their menu as possible, so big shout out to Conceptually Social

After Party

I am always looking forward to any official after party, never denying that as fact. The after party last year at WCPHX set the bar pretty dang high and I am ecstatic to report that this year the party was arguably even better! Again it happened at Phoenix Public Market Cafe which has the nicest staff and great overall quality of everything. The video game truck was back again and we got to do more VR and Rock Band fun. GoDaddy went all out and brought their party bus where we got to do WCKaraoke (see vid below)! It was an amazing night of being together and celebrating the camp life!

SESSIONS

Opening Remarks:

Imposter Syndrome: Stories from Two Different Perspectives
Sheila Hoffman
Dashon Hawkins

It is rare that you come into a talk late and are immediately thrust into what turns out to be the most important part of the whole thing. At least to me it was the most important part. As soon as I walked in the room I was told as part of the whole group, to find a partner and share a time we felt e had imposter syndrome. Immediately I engaged with a fellow camper and shared one of my stories and heard hers. This made me feel less alone in my imposter syndrom driven moments of doubt and engaged with the whole room at once. No one there didn’t have a story to tell. We all face this horrid condition at some point and the only way I think we can overcome it is together.

Raw Notes:
(I came in a little late)
Defining Imposter syndrome
Exercise to share with neighbor your experience feeling it
We ALL had stories
“Comparing the cutting room floor to the Sizzle reel”
Tech needs to know more than any one person Can know
WP community is great for knowledge sharing
Not just luck, Imposter Syndrome makes you think you are just lucky
IS is an act of violence to yourself
risk exposure
Stop playing safe
Greater risk is not knowing how capable and worthy you actually are
Q/A became people sharing stories
IS leads to Smartest guy in the room pissing contests
trying to look smart wastes time
Learn from students
Keep at it
What you have to do
Dev world is a big ocean
stay in the water until you master your lagoon
then swimming in other territories is so similar you can do it

What The West Wing can teach us about building products
AJ Morris

I walked into this room, having not read the session description, thinking this would be a case study on government applications of WordPress. Since it was AJ, I knew it would be a solid talk and I went more for that reason. I was correct on that second assumption, but the West Wing AJ was referring to was the 1999 Aaron Sorkin TV show. It so clearly illustrated the process of actual value creation in the product building process that I am not sure I really understood it at all before entering the room. The biggest take away for me was the idea of moving from a MVP driven process to a MVV one. Minimum Viable Value. If you can’t measure any value from it, is it really functioning? That thought shook me a bit and I am thankful to AJ for this talk.

Raw Notes:
5 steps of a product
Ideas
Plays example clip from The West Wing
It was all about the ah-ha moment of ‘I can fix that’
These ideas come at us from all over
further clarity propels it forward
Going away and thinking about it and come back
Example idea he had
sending people coffee
sample subscription service is the idea
part of building product is clarifying the idea
if you move ahead too soon, will run into many issues
learn to say no to non formed ideas
You can have a lot of ideas, but they are all ideas
an understanding for a product needs more than that
enough clarity to move ahead
then Value Propositions.
Clear and up front
Examples
wp101 – learn WP the easy way
Provide enough clarity to make the defined end user clear
MVP!
What could we make at a mim to get our product to function to prove it is solving a problem
Unsplash MVP example
free ‘stock’ photos
3 hours from idea to MVP
tumbler + $20 theme
10 photos by local photographer
uploaded for free use
Traffic? hackernews post
2 hours later 20K downloads
free dropbox overwhelmed
over 2 million photos are downloaded a month
tested and validated very quickly
Replace viable product with viable value
if value then people will pay for it
Knowing what to build
start simple, single product
Don’t do ti all at once
get it out the door asap
keep iterating, while constantly solving bigger issues
constantly communicate the vision of the grand problem to be solved
Ship it quick
product market fit means being in a god market with a product that can satisfy that market
Customer Feedback
surveys
feedback boxes
reaching out directly
users
usability testing

My Talk

Discovery, discovery, discovery, discovery! The most import part of the project

I was super excited to give this session again. I made a few refinements and think this was the best version I have made yet. Still, part way through I realized I could be making a few points better by further modifying it, there is always room for improvement. Huge thank you to every person that gave me feedback afterwards, it really helps and is encouraging!

Overcoming Your Fear of Sales
April Wier

If there is one thing that was beaten into me over the years of my time in sales it was ‘Always ask for the sale.” Also known as “Always Be Closing”. The easiest way to lose a sale is to not engage and get the sale. Getting over yourself and your fear of rejection takes courage, determination and a lot of stamina! Just do it, the rewards are far greater than the downside, but you have to know that it will take a mind shift to get comfortable with it.

Raw Notes:
It is terrifying to do sales because of fear of rejections
it is not just you, 80% of people also fear this
to solve this
Frist you got to get your mind right
Get over the idea of “I am bothering people”
Are you talking yourself out of sales?
Stop being a credit manager
don’t worry about if they seem like they should buy it
pool sales story
Pricing for what you think they can pay is all in your head
make more profit by charging what you are worth
In your head it is easy to only think about how the interaction will affect you
instead you need to focus on benefitting the client
Immersion therapy, must do this enough to get comfortable doing it
if it feels as scary every time like the first time you are not doing it enough
Do you want fries with that, repetition removes
You job is not to sell,
your job is to solve problems
Difference between ‘do you want to buy’ and ‘how can I help’
For whom do you solve problems?
Not the universe
once you have clear vision of who has what pain points you can solve, it makes it easier
They need a trusted guide, make them look like a genius
Ask about their business
Ask about their pain
Find what they didn’t like about folks they DON’T buy from
find out what they like about folks they DO buy from
Listen to what they say when agitated
THEN you ge to talk
bend your story to their concerns
hustle and communication story
Classic Sales Techniques, updated for the digital age
Going out of business ->
I’m booking up quickly, I can only take on one more project
Foot in the door ->
Tripwire product, little thing you can sell them that establishes trust, selling a session to find what they need, Keyword research high value and builds trust
Stalking the Client ->
Continue to demonstrate the prospect’s value to you
Sending article and stay top of mind without being annoying
He who talks first loses ->
Still works
What are some other old school techniques?
Make sure you are a fit
turn away business if bad fit
you want a relationship where you can make a difference
only so much time on the calendar
available start date = moving target
if they don’t have time to meet, that is a giant red flag
flipside of scarcity is abundance,
there are many, many opportunities

Yes, And: How improv basics build stronger teams, foster creativity and make the creative process more fun and less frustrating
Amber Pechin

Yes, I do in fact love talks about improv, and not just because it is something I have talked about at camps all throughout the world. I love it because every time I see a talk involving the core concepts there are always people who are uncovering for the first time the ways the key concepts apply to all areas of live, not just the stage. The ah-ha moments around being more positive, making your partners look good and ‘YEs, And…’ are just delightful. Rather than focus on a single role, this was a great general presentation covering those core concepts in a pretty engaging talk making it ideal for a group of people across multiple functionalities who want to learn about these things together.

Raw Notes:
(came in a tad late)
not about being funny
Learning some basic improv tools and muscles
4 rules of improv
1 Yes, And
2 Listen
3 No wrong answers
4 I got your back
Bonus rule
HAVE FUN
if it is not fun change what you are doing
creativity can be painful but it should eb fun pain
She started doing stand up
got told that the high of performing is like nothing else
chase that high of being in front of people
and through creativity
nailing specific goals
Changing from less about the me and all about the we
Interactive session!
Alphabet game example
You should know the rules
Our job as creatives to to come the best idea
in business feels like competition to come up with best ideas
Goal is not be be funny yourself, but to make each other look funny
The most valiant thing you can do as an artist is inspire someone else to be creative
when everyone is winning the client is happy
no wrong answers – learning
failure is opportunity in disguise
we are highly skilled at suppressing action, good improvisors develop action
when something seems off we stop exploring
the magic comes from going to explore an idea
we overthink our way out of acting
Listen! It is super important
silence is golden
The third thing is usually the best idea, don’t rush to fill the gaps
give the process space and time
it might be awkward at first
yes, and
the and is the hard part
Allowing people to operate without having to explain themselves constantly turns out to be like the rule of agreement in improv, it enables rapid cognition
think so fast you can build ideas
Need diverse thoughts and teams

Why Expression is So Important Content/Strategy/Marketing
Tanya Moushi

When we have the courage to express ourselves, there are a lot of ways that can play out. In the best possible world, this means we are bringing forward the best and highest ideals we possess. The fear that it will not be this or that we are not good enough prevents us from expressing ourselves at all. When we don’t express ourselves, there are only really negative ramifications for ourselves, our organizations and ultimately the whole of society itself. This session was jammed full of encouragement and I think anyone who is in their heads around getting their voice heard would be uplifted in seeing this on WordPress.tv.

Raw Notes:
Expression
Empathy
care
action
change
THink about biz same a speople
blog of energy and ideas
moves into a physical manifestation
Dasein
german word – being, existence and also being with (both at the same time)
Are you open to feedback
periods of ideation and periods of feedback
as an individual, expression is an act of bravery
everything exposes you as you push out the ideas
Imposter Symdrome – “I’m not good enough”
don’t drop things you love because you are not a pro
don’t stop doing art or sports or anything because you can’t compete and have monitary value
for a society expression of the community is important
drives innovation and understanding
The Value of art thinking
orgaizational level
emographics
imagination game (or vizualization)
Empathy Mapping
Contextual immersion
Emotional method acting
point is to get to a point where ou really understand
individual level
Asks + Gives
“What if instead of using our jobs to pay for our lives, we use our work to express the highest part of our being”

Contributor Day

I LOVE contributing to the WordPress project. I cherish any chance to sit together to hack on making the code better, the docs more readable, and all the other small improvements that add up to a better ecosystem. At first I was a bit sad that there wasn’t one planned on the official schedule. Then I had a conversation with Aaron Campbell, who is lead for the security team, and we concluded there should still be some kind of contributor get together. We talked over options with some locals and set our sights on Cartel Coffee Lab as a location for Sunday morning. Without a lot of fuss we got more than a dozen folks to swing through throughout the morning. I was very proud to onboard a new person into Slack and help her find her team. I personally got to lend a hand on some serious work done on a project to help with onboarding for core contributors new to Trac. Could not have done this alone and I am super glad to be part of a global team that feels as strongly about this whole Free and Open Source Software thing as I do.

Wrapping up

If I had to compress my feeling into a single sentence: “It was a blast!” So many amazing people and so many meaningful conversations. That last part, the conversations that come from just being in between sessions, what some people call the ‘hallway track’, might just be the most valuable part of this or any camp. THe connections we make go well beyond the professional and I feel I am walking away knowing family members I had just not yet met. It makes me a little sad that they held this event in February since it will be a whole other year more before WordCamp Phoenix 2019!

WPCampus Online 2018: Amazing content I got to watch from home while helping out a little too

I will start out by saying I do not work in higher education. You might find yourself wondering then why I am such a fan of WPCampus. The truth of it is that I find the problem sets that the WP developers and admins have at universities absolutely fascinating. They have some of the most complex issues to solve with regards to permissions, compliance and delivery, coupled with an “as close as you can get to free” budget from administrations. Every time I hear about a situation where a single dev is managing hundreds of sites and is being pulled in multiple directions by all the stakeholders, I want to extend a hand of comfort and do what I can to help. That is why I volunteered at this year’s WPCampus Online.

This amazing and free event is put on by an incredible team of volunteers lead by the one and only Rachel Cherry, who has this infectious enthusiasm for helping higher education have the best time with WordPress. I signed up to be a Room Monitor, which is a volunteer position to make sure certain information gets announced in the chat window for the rooms as the presentations were happening as well as be on the lookout for abusive behaviour. Very happy to report I had a very uneventful shift as only the nicest and sweetest people were in attendance and all the comments were well within the code of conduct. There were a couple technical hiccups, as there always will be with any online conferencing system, but we got through them all and had an amazing day.

If there is a downside to this event it is there is no social event afterwards since we are all in different locations. Since I was at home for the whole event I will forgo the normal structure here of commenting on coffee, lunch and parties, as the event itself didn’t directly involve those things. So, let’s get right to my notes.

Sessions

Note, all the sessions are recorded and up on the link from the session titles below.

Which Way Does Your Duck Face
Mike Demo

Not the first time I have seen this talk and I am sure it will not be the last. Every time I glean something new. The biggest take away I think this time was something I have been thinking about with Load and Performance testing, and that is having too small a data set. If you only have 100 visitors, the behavior of any one can skew data. If you have 10,000 visitors, 1 visitor is not going to throw off any number, but dozens of users behaving the same way will for sure be significant. Or maybe not! Demo explains this point more eloquently than I can here, so please do take the time to see this one!

Raw Notes:
WP is a community and we are all here together
A-B Testing
Shake you up
Who has done A-B?
What did you do? Change something conversions change but you don’t know why
change multiple things and nothing works
that is typical.
Have to have a goal written down
a SMART goal
and then controlled tests
Correlation is not causation
Using a tool helps you test one thing at a time
Tells about the drop shadow on a site that made all the difference
but you have to write it down
You have to have real traffic, thousands and thousands of visitors
too small a sample set can mislead you
there is software for this
Every once in a while you will be shocked
You can test EVERYTHING and should
He rolls out his master list of things he tests
it is long
If a test can’t fulfill a goal, why would you do it
Sometimes unprofessional
colors, don’t forget WCAG (Accessibility standard)
low brightness vs high brightness
never know unless you test
Static vs animated
stock vs amateur
layout options
one CTA vs another
Must be open to examine ‘brand standards’ as you work
can’t get stuck in “this is the way we always do it”
mirrored images?
duck image facing left vs right (name of the talk)
facing right had much higher conversion
80% higher
why?
IT DOES NOT MATTER
you do not need to concern yourself with the way
the goal is all that matters
if the needle moves then you are winning
if you get sucked into they why you are just making much more work for yourself.
Be careful with trust logos
early rounds of American Idol contestants do well with trust logos
Get this free book
https://dotcomsecretsbook.com/yourfreebook
Q/A:
Q: One test at a time
A: yes, you need to control what you are testing, use software that can tune this for you
don’t test a subset of a test
more important to have enough traffic to test each thing
Make sure you write down your goals and keep thinking about the larger goal
‘Number 1’ in google is big to chase but is that really getting them better ‘results’
The one things your site should not do is let your site stay static
test and fin out what works to get you to your goal
caution in using plugins for A/B testing
you don’t want google to index testing
third party hosting tools are way better for the browser agent side, not server side

Unbundle Your Institution: Building a Web Ecosystem
Eric Sembrat

I was excited to see this presentation because I mostly know Eric from his awesome work over in the Drupal Community. The PHP CMS Community is smaller than you think sometimes and it was amazing to see this crossover and see Drupal get some love at a WP focused event. Aside from that, Eric has a pretty sweet beard these days, making this video kind of a must see for that and a cameo by his two adorable dogs. Also the content was super great. Thinking about WP (or Drupal) as part of your solution, not boxing yourself in as the whole solution, is a very smart approach and I loves his insights. I know you will as well.

Raw Notes:
Eric has a sweet beard
Works at Georgia Tech
nice partial view from his office
Ignoring other applications
WP is great but it does not do as well as some other custom apps that are fined tuned for that
for instance
If campus has Drupal in place for website management
and you want to offer a quick way to roll out sites
WP site network works very well in general
vs Drupal multisite which takes a lot of time
and no way to know how long to customize and add new fatures
if you have same amount of staffing, which would you choose
instead of competing for time
see all solutions and learning to love them and see their pros and cons for specific use cases
A prebuilt Learning Management system vs building your own platform
Without a guiding hand, people silo up and reinvent the wheel
over and over
A web ecosystem
making it easier to consume all the info you can present
through new services and tools
blend campus identity across any application
Where does the web infrastructure live?
Cloud
On Site
does not mean all your platforms ned to live in the same place
features
security is paramount
updates and support
all need to live harmoniously
What tools helps the team do their job better
2 primary formats
Less, code helpers
living breathing code snippet approach
DRY
2nd one is content repository for code sharing and revisioning
Github
allows collaboration everywhere
single sign on for instance, share how that is done everywhere to all teams
Campus Web Dossier
if you want this kind of project, this is how we do that on this campus based on the success we have seen
4 levels of complexity
Static/old
brochure level, just quick landing pages without building anything, just content
Component based web sites leveraging a CMS
custom-fit applications, largest components, single purpose
DAM, CRM, Repositories, etc
Reusability id key to this, should be able to share across all the levels of complexity
Want to share config and assets within each level of site
also want to share throughout the spectrum
down through al the services
assets
Reusable components
theme and branding consistency
good examples:
news and event tools
directory tools
Logo repositories
Documentation really saves everyone a lot of work
Docs are the binding glue and encourages us to reuse them
4 forms
how, why, where, when
and the community is the subject matter expert
they are not the creators
but they are the customer and first person to give feedback
contributors who drive knowledge decisions
build a Community-of-practice
Caveat: This takes a lot longer to see results in general,
just slower since more people and things involved
Figuring out your goals
what is missing, what are people not doing since there is nothing there currently
Must think about end users
and your stakeholders and experts
Advertise your end goal
make this known
showcase the benefits and current limitations
Get user input
what works and does not work to them
segmented and controlled groups
if decentralized you need to build partnerships
shout out the benefits
Proof of concept, show it
Pushing for change
begin by being the change we want to see
You can’t predict the future but you can plan for change and for growth
Drupal 8 symphony and twig
new way of thinking is seeping into the CMS but core concepts been in place for years
In general thinking of end users first and reusability tied to that when designing

Headless and Brainless WordPress
Ben Moore

I was not sure what to expect from this one going in. I had never heard of this brainless concept before. But of all the talks I saw and tried to capture in notes this one stuck with me the most and I have been thinking about the ramifications ever since. Why not get the best of all worlds at once by letting WP load once so you get all the authentication and power the CMS gives while letting JS do all the lifting of the display on the browser end? I mean, this is core to the idea of the new front end editing experience of Gutenberg but until Ben laid out this in practice, completely devoid of any mention of Gutenberg, did this finally sync home. If you are debating building a decoupled application right now, watch this presentation before you do anything else.

Raw Notes:
Higher level ways to use JS to make
WP is a blogging platform the same way Google is just a search engine
WP very stable
From 2.0
user management
Data traction
JS
basically have to use it now
pulls in content and lets you reuse resources properly
and the WP REST API is the biggest tool to make those other 2 work together
Limbless
Headless
Brainless
limbless- just little sections of site are just using a little JS
admin ajax
some flexibility, but every new page load has to rebuild from PHP
the back end back-end and front-end front
if limbless is a little going on
Headless is a lot
Anything that can make an HTTP call over the wire
Only data over the Rest API is pulled in from WP
headless therefore only sends data over the REST API
you have complete freedom to use anything you want in the front this way
caveat not using the WP feature sets, might have to have people sign in 2x+
multiple hosts
you have to maintain everything
New buzzwords
brainless solution
n first page request, WP loads the page, but just a shell
shell is going to lead in JS and static assets
one little snippet that instantiates the JS application
you get all the WP features and then JS taks over from there
as you click around not doing full reloads, just JS moving things around.
there are caveats
can’t build out native applications
when disperse front end living on individual phones
front end isn’t being hosted in one place
Brainless does not work here, limited to WP common tech (PHP, MySQL, Apache)
but incorporating node
We are building things that have never been done before
the best practices ar still being figured out
if we follow the WP philosophies rather than technical standards we will be fine
WordPress Philosophy
Example/Demo time!
SEO question and SERP
this is getting better but yes issues still
Google figuring it out now
using this tech for just a site may or not have benefit, specifically Angular
around SERP
Gutes is leveraging the RET API heavily
impacting the tools directly
WP and GraphQL has a lot of potential
more that needs to go into it on the WP side to get full benefit
needs more demand before it will mature
these single page sites brainless sites – theme or plugin?
Both
your custom code should worry about extending the back end tech
front end should be theming components
HiRoy

Please Don’t Freak Out: Managing Change Moments Across Diverse Groups
Steve Ryan

I originally was not in this talk, so missed the first 5 minutes or so. I had missed the part of the description that the core of this talk was about getting your users ready for Gutenberg. I have been thinking a lot about this topic recently, including the fact that [we should stop calling it Gutenberg] (link needed to the core-editor channel where this debate is raging)**.
This talk gave a general, no nonsense approach to dealing with any large scale change that is coming. How to deal with it logically, emotionally and from a practical perspective. If you have any major changes coming in your organization or systems, this is just a great talk all around.

**Not going to link that, go join the conversation here

Raw Notes:
Change management
leading a change is like this cowboy pic
being on a horse
very concerned
Goal is to drive the herd
One horse, one rider, one path
One rider: rider appeals to our logical self
just figure out the critical moves for your audience
think about content as blocks instead of full page like Word does
learn to rearrange as needed
new blocks in the right hand menu
earn to use 4 blocks – text, headline, image, youtube(or soe embed block)
start simple!
connect with community for questions
Rider’s face is very sharp
sharp focus get exhausting, tired easily
avoid decision fatigue
only tell them what they really really need to know
try not to bog them down with too much info
people know what a block is via legos or minecraft
don’t attempt to define it too much
why it is important to be a block is a good discussion but not helpful to new non-tech users
don’t intro technical things to a non-technical audience
don’t point to the end goal of democratize internet the end-point
Don’t turn it on ll at once for everyone for everything, people are going to get tired quick
don’t dwell on the massive change, let people adopt it in a realistic way
if you are delivering the change to an audience let them know a week out, then a day or 2 before, let them know what is going to happen!
follow up messages as needed, delivering messages where there is help available
just in time message serves as a reference point
for those who miss it the first time and they don’t log in for a while, that “in case you missed it’ email will be critical
Scour your sites for things people did that are awesome or cool
then brag about it!
find the people who adopt it and get permission to get that message out
lot of clapping and a lot of praise
use that as the point on the horizon we are moving towards
not ‘democratize internet’ but ‘better content layout like you see here’
make it more logical
One Rider One Horse
the Horse is the emotional aspect of the experience
You have to feel it, the change should feel worthwhile
cause is hard to find sometimes, especially if no immediate payout
Do it as a gut instinct
in order to affect the change in target audience have to find the feel
find a cause
introduce the change moment in relation to something you are actively try to remedy
like
stuff always out of date
if we are talking about a new post editing experience, build more attractive pages that are easier to use, more users more students they win
5 minute makeover trick
answers “Do I have to redo all my content I own?”
sometimes answer is yes, sometimes no
but a demo that just makes use and let people see what you can do in a short time
makes it less scary
look at that, looks easy now
oh, I see what else we can do…
that is reaction you are going for
learn how the horse moves
small moves
lots of encouragement and praise, leads to move moves
if you can get a handful of people moving in the same direction
they whole herd moves
when encouraging people to move remind them they are not alone
if ever a time to build a community around a change movement, this is the time
small moves can be fun
The Path: one foot in front of the other
roll out in stages
no-code approach turn on or off the plugin
way to ‘get me back to what I know’ buttons in the tool bar
filtering what bits of content are best for Gutes right now
really target releases for narrow group of people
script does not have to be that complex, just turn on and put in handful of hands
get results and move ahead on other groups for feedback
1 on 1 or 1 on 4 is great f you can take that time to do it
best way to get people ahead on a path of change is
make a checklist, make it clear
introduced the concept, scripted some moves, checklist gets them home safe
when you get to that final palce, you are rounding the
Gutes does not have to be a scary thing,just nudging into new direction

Developing a Culture of Mentorship
Tessa Kriesel

The first time Tessa tried to give this talk during the day technology was against her. She persisted and gave a stellar presentation a little later than originally planned. Very glad she did overcome the technical hurdles as this is always an inspirational subject. If the organization we belong to don’t directly provide formal paths to mentoring, it is even more on our shoulders to help those around us to raise their skills and get meaningful experience. I know I would not be where I am today if I many, many patience and wonderful people had not helped guide me along the way. Tessa does a pretty fantastic job of giving us all a roadmap of how we can help make the world a more inclusive place where all ships rise.

Raw Notes:
Her story
small town in MN
helped teach a class for Girl Develop IT
they liked her style and she started doing more
very satisfying
Job outlook is strong 162K jobs right now
2026, 188K jobs expected
this does not count turnover and retirement
most jobs 60% require some kind of experience 2+ years in a lot of cases
how can we expect jr. devs to get experience?
16% of jobs 1 year
only 23% required no experience
how they getting this experience?
be the change we want to see in the world
mentor more devs
why your org should hire more devs
Team Morale
mentoring is exciting
new people are excited by getting to do anything
Passion is infectious
new ideas and ways of thinking, very optimistic
with that being said, how to start?
Write better job descriptions
don’t require years of experience, but instead on personality traits
Don’t require involvement
some people don’t enjoy teaching others, be aware of your team’s interest
Managers are NOT mentors
need an open relationship they can confide in and relate to
make sure communication channels are open
maybe slack, maybe checkin box
track progress and make goals
don’t just create initiatives and hope they succeed
must have follow up
Build a program, not just a one off
Turn the mentored into mentors
So, in terms of actual Devs
say your company does not have an initiative and you want to still help
Why would you do this?
Grows your network
meet interesting people along the way
Feels good man
selfish selflessness
get out of your comfort zone
meetup or local event, or even just leaving your house
going to meet great people and maybe free beer
Do more
Mastering your own skills
teaching means you have to understand it deeply
life long friendships
Where to find people
Colleges or schools
code schools and bootcamps
easy ways to opt in and opt out helping with these programs
code schools have very motivated learners
Local orgs and groups, this was Tessa’s path
Girl Develop IT, Yes we code, Women who code are three good options to start
may though
Hackathons! a lot of fun great way to really get to know someone
Conferences, this can be overwhelming if you are introverted
Why and Where, so let’s talk about good tips for being a good mentor…
Boost their confidence, empower them
remind them what they have done so far and help them feel better
Don’t say ‘do this and not do this’ but guide their career path
educate them to make better decisions
Be available! This is super important, and hard not to overcommit
Share resources with them
share books
Working Code Examples
Live coding sessions – help them work through issues on a real project
shows them the best path approaches
Collect and share resources periodically
will get a dialog going

Building A Training Schedule Platform and Expanding It To Everyone
David Kampmann

First time I have ever heard Mr. Kampmann speak and I hope it is not the last time. He faces a unique set of challenges in his role, which is really a catch-all of anything to deal with training. A role not too dissimilar to one my colleague David Needham faces as head of Pantheon Training and one I am very familiar with as far as the gap filling goes. It was awesome to see how he methodically approached this issue and overcame the obstacles of no budget, no real experience building such a system and finally not having a deep background in WP development. Even with those obstacles he still manages to leverage the WordPress ecosystem to solve a complex issue in a very elegant way, with a future roadmap and maintenance path putting him in a great position for any future challenges that emerge.

Raw Notes:
From SD
training schedule platform, they do a lot of in house training
First, his title is Instructional Facilitator
not sure what that really means, but he is faculty support and development
running lean
gives him a lot of responsibilities and he is wearing many hats
anything under the sun without a person n charge he takes on
this is how WP fell into his lap 7 years ago
WP seemed like the simplest solution
his LMS and CMS was not up to the job
not a lot fo people in his area, but a lot going on
students expect a lot
tech institute, applied learning in demanding careers
new tech all the time
back before WP for scheduling sessions were 1:1, no massive workshops
too busy teaching
Manual tracking was a huge headache
central list was constant headache
made a wish list
After a lot of looking at so many things
DO NOT go down the path of using the existing class reg
event management software is expensive
WP seemed to seem promising
WP Event Manager Pro – $70 a year pro
support is biggest thing you get
Logged In – Active Directory Integration
new accounts
just works minimal config!
WPFull calendar is simple and clean
Force Login
email confirmation
iCal integration was key, makes smart phones easy to deal with
There were things people didn’t need,
turn those things off
keep it nice and clean
no new event making from end users, no new event submissions
but after a year asked people if they would like feature x
they don’t know what is possible because they didn’t know it was avaialbe
most people just said no to all that functionality
custom settings
Event links to the future, near future only
Biggest wins:
only one login (not a new one)
iCal reminders worked well to get users to attend
Easy path to communicate fro reschedules etc
easy process for credentialing
some hiccups:
Multi stage events are not fun with this system
Matching school website look and feel, this was part of the goal, this is frustrating
Difficult completing Extra Signup Steps
Mandatory fields help but not total solution for those xtra bits
New initiative this last year
Campus professional development
Personal dev for all staff
New targets and new challenges
now more people involved, used to be 2 people total running it
more time slots, year round as opposed to just summer
more variables for workshops, multistage is one, but new things emerging
outside registrations, payments from registrants – can be supported but lot to worry about around policy
need to train people on how to use these new tools
training to train
lot of things to know and they will have to explain these things moving ahead
location, location, location
where does this all live?
academic subdomain
does not feel super inclusive
tracking is different
need to track professional development as well as credentialing
need to pull data and use it in a different way, no solution yet
less to duplicate the better
full roll out happens this spring
this is all new
got to teach people how to use it
May 10th is big day of workshops and the true test for the system

At Home in the Cloud
Jason Cauwels

I am one of the people who thinks “why of course your infrastructure should be in the cloud.” For me it is partially motivated by self interest since I work for a website management platform. For those who do not have my vested interest this is a very perplexing question with a lot of variables. It was pretty great to see the way Jason and his team approached this issue and the very forward looking approach they took to solve a very real scale problem. As we see more and more of the sites being built start to adapt a JAMStack sort of approach, it is very informative to see the real world performance results that distributed caching has and the impact for end clients. I would love to see a follow up case study with this system in a year or so, I bet the results only get better as they tune the system further. Awesome content!

Raw Notes:
First presentation ever at any conference!
When sharks are raining in LA
50K people trying ti hit website
overwhelm resources
had an emergency blogger site that could take over
was slow and very manual
minor notices, would not convey the importance of notifications
mobile and desktop sites mobile didn’t have alerts unless other site took over
the complete publishing environment was only known by a few
complex to use
in an emergency they needed:
mitigation for spikes
needed visual messaging
reliability!
UX and design needed to be responsive
emergency notifications were on homepage
branding should be consistent across all sites
Admin and usability, WP was there
security and tech considerations
resilient, reduce downtime, increase speed of page-loads, move to the cloud
moving all www to AWS
over 1000 Redirects
authentication
traffic and scale are major concerns
are their new security concerns?
planned and unplanned events
did they have resources
maintenance
new initiatives
do they have the skill sets needed
build a page or an app that pulls from WP
How did they choose AWS?
to be honest, did an RFP process
liked all of them for all sorts of reasons
biggest reason, was central IT had a master contract with AWS, should use them
what about all those concerns that followed?
discovery process
had to understand all the options
then they got the idea what if they delivered everything static on AWS
secure, super fast, distributed
global level content serves super fast
that is what they did
Multisite on VMs
published themes from repos to buckets
admin URL that people could log into, this acted as staging site
publish to amazon
fetched all the posts and made static images leveraging Amazon S3 buckets
it works
been running since May
but did it make a difference?
let’s look at success criteria
Responsive homepage
while working on the architecture, moved into WP from old CMS
always responsive from a single codebase
Emergency notifications: instead there is an emergency site always up does not overtake the whole site
homepage looking for fee, new things it puts it up on page
3 levels of severity
update the emergency site branding, now matches the rest of the environments and themes
can handle massive spikes, one false alarm last year saw 1000% spike
emergency site 2,500% increase load
would have collapsed system before
was not slow site before, had 2380 index score
with AWS 1295 (lower is better)
everything is simply faster!
Had to learn AMI vs VMs
Optimized to run on AWS
but they have same issues VM has with tech creep
Docker can isolate things better and they are moving that way
different availability zones
Takeaways
AWS is good but you need to determine what you want
Full stack or SPA
a phased approach allowed them to release more quickly
project shouldn’t really have an end, enhancements ongoing organized around milestones is better way to approach
having a CICD architecture is key to making you sleep better

WordPress as a Platform for Moving to Open Learning
Keith Webster

I gotta admit, for as much as I love this event and the space in general my utter lack of experience with any Learning Management System (LMS) hampered my enjoyment of this particular talk. Most of my questions were around what the heck Moodle was doing in this architecture. I got the RSS and WP parts but Moodle was a giant black box / question mark. Still it was awesome to see a talk on how to tie in various systems to sove a unique need. Despite my lack of expertise here, this was a really good one to watch if you are dealing with learning systems that need to syndicate content in an intelligent way.

Raw Notes:
instructional designer
teaching with WP for a few years
Royal Roads university
Important to acknowledge that these are homes to native peoples since before time
lot of movie filming
he handles faculty support
talking about school of education and technology
mostly serving working educators
grad programs around leadership and integration of technology
Master of Arts in learning and technology
recently went through a 5 year review
redesign was agreed upon,
openness and OER were decided upon
coinciding with redesign was the opportunity
new project would be using an open orientation
moving from an LMS into a more open platform for pedagogy and better interactions
having a WP project starting at the same time, it piggybacked on the WP one
first thing was defining what open meant
was a stretch to get comfortable with that
had to negotiate open with each student on the platform
varied as time went on, had to be built in
avoiding too many plugins and themes
supporting students and faculty in WP
using WP in an own way everyone could support
were able to redesign with WP
able to take advantage of project management services
milestones and workload could be shared
within the project could make an ambitious set of goals
separate WP installs
one for core sites and one for student blog sites
WPCloud, Canadian host for WP
Shibboleth to do SSO
unique Moodle and WP templates
personalized support for WP
lot of various skill levels present
redesigned program meant students would be sharing results and discussing on their own
external and in house tutorials set up
key component was a feed reader
manage their consumption of posts and comments throughout the course
identity of current ongoing blog based discussion, if all set up right
last thing before QA
map out what new systems look like

Wrapping Up

I love this event. Every time I get to interact with devs from higher education I approach it with a level of reverence since they are doing the most amazing engineering feats with a fraction of the budget of a normal Enterprise. This event is chocked full of examples of this and there was an entirely separate session track running simultaneously that I could not attend and report on. As of now I have not had a chance to review those but given the descriptions I can’t want to dig in. Very glad this is all recorded.
I am very much looking forward to the next live event, which you can also keep tabs on here. Until then, I will have to be content with these recordings and the lively conversations out in the WPCampus Slack!

Thanks again to all the volunteers who made this event one of the best online conferences ever!

WordCamp Los Angeles: Having a birthday the same day as you give a talk makes your alerts go insane

WordCamp Los Angeles: Having a birthday the same day as you give a talk makes your alerts go insane

When I was a kid, I spent multiple birthdays at the annual convention for my church, since my dad was a pastor. I haven’t really thought about that in years, but I have been thinking about that as I travel more myself and my job lets me go to so many events. As a kid, I didn’t have a lot of choice with my venue of choice, but this time, it was all intentional and a very good time. I turned 39 while at one of my favorite events in the world, WordCamp Los Angels, aka: WCLAX.

Food and Fun

Post Beginner Day Lunch

The first time I had the opportunity to have a meal with my fellow WP people, was after the Beginner Day training I got to help teach (more on that later). The teachers visited lovely Pasadena, CA to get some of the most delicious food I have ever experienced in my life at My Vegan Restaurant. If you go, you have to get the vegan beef jerky. I honestly do not have words that describe this amazing dish. It was so good, a group of us went back the following night after the after party to get more jerky. I want to go back right now.

Speaker Dinner

Not too long after we ate way too much vegan food it was time to gather at Angel City Brewing. It was fantastic to see so many old friends and to meet a few new ones. The speakers were given awards! I now have a small trophy that says what tracks I spoke in. I don’t go chasing medals and ribbons, but when these tokens fall into my life I am super grateful! Thank you to the whole WordCamp LAX organizing team!

Day 1

Coffee was alright. I can honestly say when you are at the mercy of university catering, you have to be OK with anything wet. More and more lately I am defaulting to tea to start my day because it is harder to have a bad experience.
Lunch was efficient and pretty good. They had a vegan chicken option that was a little too close to the texture of real chicken. I actually had to confer with my fellow vegans, Marc Benzakein and Josh Pollock to double check my suspicion. We determined it was soy based and delicious.
In the afternoon there were snack bars and trail mix supplied. Very good stuff. Nothing to do with camp, but why you gotta ruin perfectly good trail mix with yogurt covered things? Raisins are great on their own, they don’t need dairy on them Planters. They just don’t. Still, huge thank you to the organizers for supplying this.

After Party

Immediately following the last session on Saturday night we started the official After Party. There was music and food and a bar with free drink tickets! We were outside in the Student Union Plaza and the weather could not have been better. No wind and a perfect ~70 degrees with a setting sun making it beautiful. Thanks again to the organizers for a fun networking function.

WCKaraoke

Not immediately following the party, but before a group us us went to bed, we hit up All Star Lanes, a bowling alley with Karaoke in the back bar area. This place has been a staple of the Eagle Rock neighborhood for many years and the building showed it. I had a great time, but there was a local who performed the best version of “If I Were A Boy” by Beyonce possible. I was so tired and this was so unexpected I literally had tears in my eyes. The power of singing together as a community, no matter what that community is, overwhelms me sometimes. One of my favorite birthday memories of all time! Thanks to everyone who came to make WCKaraoke a thing!

Day 2

The best part of the coffee service of day two was the left over granola bars and snacks from the previous day. Lunch was a duplicate of day one, slightly more green veggies than potato. It was a quick closing set of remarks and a huge send off from the organizing team, leaving us looking forward to next year.

Sessions

Opening Remarks

Beginner day

I was very happy to ge to take part in Beginner Day at this camp. I got to contribute in 2 ways. First I got asked to teach part of the day! I was explaining that you had to get your site up on a server on the internet and you how to use a SFTP client, like CyberDuck, to accomplish this feat. Beginner is a relative term and a good portion of folks played along from their seats and got their files up to a site online. Some folks were a little lost, but it is important to expose ideas for those not quite there yet. I remember when it was a new concept to me as well. It was a pretty great feeling to take people through that process and have them come up later and ask follow up questions. One person even had some git questions for me. It felt awesome.
The second way I got to contribute was to build some demo sites for these students on Pantheon. To do this I learned how to build a bash script that could take in data from a CSV and produce a site on the platform and then hand it off gracefully to the student. I ran into a weird issue early on around the while loop, so the current version of the script requires echoing out the built commands into another script and running that, which seems excessive, but given that this ia a one off use case I decided not to spend too much time debugging the thing. If you want to take a look and let me know why the script would stop after only one row of data, but can echo through the entire csv just fine, the script lives here.

Discovering The WordPress REST API
Josh Pollock

Josh has a very straightforward presentation style and I really enjoy it. This is a really great example of a ‘teach a person to fish’ talk. I learn best by doing a thing and having the tool itself guide me along. This is part of why I love using WP-CLI and Terminus, because I can just try something and they will guide me along by suggesting what I might have meant. Not quite what this talk was about but it reminds me of that same idea. Still don’t comprehend enough to expand on it more than my raw notes.

Raw Notes:
Route discovery Rest API
Post users, comments, taxonomies, etc…
Philosophically a problem, can’t just teach “do this and then this” becuase each site is different
The REST API tells us that we can do with it
Don’t need to memorize these routes
learn how to process it and understand it, don’t memorize code only
/wp-json (like an index of all apis)
/wp-jason/
_links section of response”
tools for exploring APIs
Postman, ARC REST API -chrome extension
ARC
PAW – desktop app
JSONView – pretty printer for JSON
/wp-json – lear some things about the site
every route where it is
what is available
underscored linked
tells you where the link is documents
route schema
what can it do
Point is: it tells you what it is doing as a human readable description
post endpoint parameters, it will tell you all options
discoverability FTW Every WP site is discoverable!
_links tells you where things are
Can the RESTAPI do something? The answer is in the _links most likely, explains the connections of the data
if the schema says you can do it, you can write more defensive code,
this is how to get started discovering for yourself
Calderalearn is a thing

What’s The Difference Between Blogging and Content Marketing?
Kitty Lusby

I first saw Kitty Lusby speak at WordCamp LA 2016 speaking about how to be a serious blogger. It was a talk full of awesome advice straight talk, which is my favorite kind of talk. I have been following her blog ever since and was delighted to get to hear her again this year. This time she was explaining the difference between blogging and content marketing. Blogging is what I am doing here, pretty much whatever I want to say and no goal of representing a brand or goal other than to share my experiences with my future self and maybe you. Content Marketing, I think, would be the actions I would take to specifically inform you about my brand to inspire confidence enough to give my brand money in exchange for making your life better. Anyway, she says it much better than I can so watch for the video. Meanwhile here she is giving the talk from 2016

Raw notes:
A blog is not content marketing
First let’s define a brand
got a volunteer, some of us know, most do not
this is the same as a brand
we have to inform people what he is about
this is content marketing
what is this perosn about
why do we care?
hard to do
no one goes to your website because they want to give you money
they are trying to make their life better
compelling reason for giving money
go look at competitors
go to google in URL “forum” keyword
forums are the last ditch effort for customers
key to brand is finding intersection who you are, what you do and why people will give you money for value
brands evolve
personality evolves
it helps if you are a sociopath (half joking, need to pick up on other’s personality)
Speak their language – speak on their level
Remember a human is going to read it, write intelligently
Write in slang is fine, but know what it means and your audience
http://buzzsumo.com/ is not a free tool, but very awesome tool
tells her how to better market yourself
content marketing tells you how to reach these audiences
wit is good for twitter
pintrest, can read the image even with no words at all, just tells what is in it
rank better on different platforms
know how to change your content to meet the medium
pay attention to your metrics and analytics
don’t just get caught up in what the latest trends are
video for example, is labor intensive, is it for you??
if just have FB, Twitter, and website and it works, fine!
stay where you are competent and grow gradually
be careful with brand drift
drift is great if it is evolution!
But i you are getting off topic, that is bad

Using WordPress for Social Good
Devin Walker
81633616

I walked into this talk expecting to hear a bit about the non-profit space and how they are leveraging WordPress. While that was certainly part of what happened, this talked was a two fisted, no punches pulled flurry of a sermon. His first slides told folks to get off cheap hosting, use modern tools and think about things like security. The rest of the talk was best practices from design to messaging to donation plugin settings. If you are a developer working at a non-profit, you should likely show this talk to your peers.

Raw notes:
Fast talker lot of ideas
must have a solid foundations
Use managed hosting
Https, PHP7, SEO, Updates and maintenance, SEO
Recommended tools
backups, wp-timecaplse is a good one if your host is not providing it directly
ongoing maintenance
(just some really real tools talk!)
Now onto your site
First impressions
average user spends 8 seconds on a site why first impressions matter
The Jane Goodall Institute
Obama foundation
Liberty in North Korea
Effective messaging makes your org work
Deliver from multiple audience points of view
accessible and readable
screen readers
just because you can make a website, should you make a website
you need to figure out your mission before designing
wireframes balsamiq
page builders
5 years ago this would be hard to do by hand
easier now
Effective online campaigns
Donation, peer to peer fundraising
reaching out to your social network for fundraising
inventive ways to make interactive
steps program
Bethlehem theme from themeforest
recurring donations
recurring donors give 42% more than one time givers
give them way to manage donations
let them exit quickly if they want
enable donors to opt in to recurring easily
and share with friends and family
explain how your donations are going to make an impact
“$19.20 to feed and care for 10 people”
Keep people updated on how money is spent
Oxfam America is a good example
Keep it simple – reduce fields
allow customizable amounts
no distractions from the
Don’t forget mobile
accept multiple payment methods
clear terms
use properly terminology
Donation Plugins:
GiveWP
Charitable.com
Seamless Donations
gravity/woo/edd can but should you?
Online donations in reach

Slow sites suck! How to speed up WordPress without touching a line of code.
Andrew Wilder

I went into this talk with a bit of skepticism. Another part of me really loves session titles like that and I knew there was either another angle here. I think performance is one of those evergreen subjects because tech keeps evolving and Google keeps changing how they measure things. I really liked this talk because it was filled with very practical, straightforward advice anyone can follow. Some things I don’t exactly agree with, like page caching with plugins, though caching all the things is a very good idea. I really liked the reinforcement, which I heard echoed in a lot of hallway talk and in a few other sessions, that you should find a quality managed host. I know one of those.

Raw notes:
Speed is super important but not sexy
people don’t wait around on sites
Simplified view of the site
to illustrate how a page loads
the waterfall
load times – every little bit adds up
Declutter
Do you really need that…badge, widget, ed, etc
remove all unused everything
limit plugins
delete inactive plugins
Shrink your homepage and archive pages.
show experts at best
reduce the number of posts per page
remove social sharing from homepage
Cache all the things
optimize your images!
before uploading:
create images at the size they’ll be displayed
use JPG with compression – white with no color takes less space
use PNG for text or line art
imigify, short pixel, ewww image optimizer, kraken
Don’t use a crappy host
don’t be 1 in 1500
change servers every 3-5 years to get
new hardware SSD
New software PHP7
Use SSL!
and HTTP/2 protocol
optimize for above the fold content
Defer CSS and JS
WP rocket-Autoptimize-Above The Fold Optimization
minify
wp-rocket can combine fonts and css and html into one file to speed it all up
use a CDN
Securi Firewall (Cloudproxy)
Cloudflare
Page Speed Insight
don’t chase a number, use as a guide

So Easy Even A Kid Can Do It: Using WordPress as a Platform for Portfolios
Jansen Henschel

Every now and again you see a talk that blows your mind and makes you rethink some of your life choices. Jansen is an 11 year old who started his journey into WordPress 3 years earlier by attending Beginner Day. On this day he stood to teach us all in the best prepared and delivered presentation I have might of ever seen. I very much hope his talk gets on WordPress.tv, but until it does, check out his amazing videos explaining bitcoin in under 3 minutes, how the periodic table is organized, and Geneva Drives in the most elegant ways I have ever heard.

Raw notes:
Missed the first few minutes
Themes explained!
Portfolios are really designed to convince someone of something
you don’t need to do a lot to impress people, just impress yourself.
A portfolio makes it more real and expresses your ability more
Also a proof of work
people have short attention spans
three pieces of content, that is enough to convince someone of something
Don’t bury your best work, put it front and center
people are not going to spend a lot of time on your site
“People get bored easily. so don’t expect a lot out of them.”
faster sites are better
Put your best work forward, don’t bury
preview pics for vids reflect the interesting part – not the first frame
portfolios are convincing someone to do something
Don’t distract from yourself
no ads, they are not about you

Becoming a Community Builder: A WordPress Story
Raquel Landefeld

I got to see the first version of this back at WordCamp Minneapolis 2017 as a lightning talk. I was excited to hear the full version. My raw notes don’t nearly capture the talk and I thought about not posting them here, but I do think they paint the broad brush of her timeline from having an identity completely reliant on the identity of others to a self image of being part of a larger community as a leader. It is inspiring and a story I think should be heard by more people. It is a great reminder that we all have stories to share and we should be encouraging others along their journeys as well.

in her 20s
Identity directly related to others
stay at home mom
2009 economy bad, Cody, her husband, lost job
went into business for self full time
she became co-founder anf team manager
2012 – 1st WordCamp
she loved it!
was this real though?
People were just immediately interested in her as a person
open and loving
identity “wife”
then all the WCs after that!
2014 – Phoenix community
WP Meetups
Phoenix tech
Phoenix creative
WCPHX
2015 – 2016
WCEU
local government
PTA Treasurer
Lead Organizer??
Community = people
you can have the best anything but without people. you don’t have community

My Session

Once again I got to talk about the WP-CLI, which is pretty dang cool. I discovered that my online IDE of choice, Cloud9, was suffering from this issue literally 3 days before the ticket was closed. So I downloaded the British English version of WP (en_GB) which was not affected for some reason. Good thing I spot check these things before I talk. Only other observation from this time out was that no one really asks questions during the WP-CLI talks. Everyone just wants you to show off that ‘one really cool thing I use it for’, which is the best. That also puts me on the spot, as demoing wp shell requires I know enough PHP to demo using the shell itself, which I literally never do.

No pics exists as fas as I could find on Twitter yet, if that changes, I will update this space.

Wrapping Up

I left LA more exhausted than when I showed up, which to me means I tried my best. I am not a fan of Los Angeles overall, with the traffic and the smog, yadda, yadda, yadda. But I am a huge fan of the people in the WP community in LA and those who traveld to the city of angels to take part in this camp. I can not remember a better time being in there than this trip. It was a pleasure to grow a little older and hopefully a little wiser in La La Land. Thanks LA.

WordCamp Denver: A very full schedule and a few surprises

WordCamp Denver: A very full schedule and a few surprises

For the second time in 2 weeks I made my way back to the mile high city but this time spent most of my time there in a much different part than I had in the past. Previous adventures had lead me to the downtown area, close to the 16th street mall but this time I found myself in the Southern neighborhoods, close to the beautiful University of Denver campus. It was a bit of a whirlwind trip that found me going directly from the airport to the speaker dinner and from my session to lunch and then the airport, so not a lot of time to explore the awesome trails and get in a little nature this go round. But overall this was a great experience and I did learn a bit at WordCamp Denver 2017.

Speaker Dinner:

My flight got delayed about 2 hours, which normally isn’t a huge deal, but this trip I had not left myself much leeway for such a thing. As a result I arrived at the speaker dinner direct from the conspiracy filled Denver International Airport with bags in tow but was met with a very warm and wonderful reception by the camp organizers. They even had the kitchen accomodate me with some non-dairy cheese and mushroom pizza. Tip of the hat to Ernie’s Bar & Pizza for a really good spread. It was fun to see so many familiar faces and get to connect with a few new ones. The exhaustion of the road soon hit me and I left to check in for my 75th night at a Marriott property.

Day 1

Getting to the venue was a breeze as the team had signs out very early and took the extra step of chalking WP logos on the ground so people could find their way even easier. This was a great accessibility move as it made getting to and from the parking lot a much less intimidating feat.

The coffee was particularly good in my opinion, even though I didn’t have much. I don’t know if it is a Denver thing or not, but every coffee service I have experienced there puts out little tiny lemon slices for your tea. Forgoing the team and just having some fresh lemon juice in my hot water kept me hydrated and refreshed most of the day.
Lunch was preprepared sandwiches, chips, a couple salad options and cookies. The vegan quinoa salad was my favorite part of the meal. The University of Denver campus is very well maintained and we took advantage of the summer sun to dine on the quad as many a student has done over the years there.

After Party

The after party was advertised as a taco party, which I normally love. The menu though didn’t seem super veg friendly and combined with the later start time for the party it seemed a good idea to find alternative dining. I was very glad to be joined by some other plant based food fans at the highly rated Thai Pot Cafe.

The after party was at Cochino Taco. We got to enjoy the patio and a pretty well stocked bar, using copper tokens instead of paper drink tickets, which I really appreciated. As most folks who know me know, a vodka soda ‘tall’ is my drink of choice and I almost always just go with whatever they have for well. The house well vodka at this joint was Reyka from Iceland. It was a pleasant surprise and the bartenders were very proud of the quality in all they made. If you are ever in that part of Denver, go give them some business.
It was a great time catching up with folks about their day at camp and swapping stories and plans around contributing. I was glad to see one of the participants from the previous week’s WP-CLI workshop and got to talk about the pull requests he had made at the previous week’s camp. It is exhilarating to watch folks go from user to contributor and to be part of their journey. Share what you know with folks and let’s make the world better together.

Karaoke

A few of us actually made it out to sing some #WCKaraoke after such a long day. We went to Sobo151 and got there just as the Bronco’s preseason game was wrapping up and they were warming up the karaoke equipment. Not the largest event ever but happy to report we saw a 33% increase in attendance over the previous year’s festivities and had one person sing for the first time ever. Very much a great part of any WordCamp.

Sessions

Opening remarks:

Most of the time I don’t write any comments on opening remarks, but this camp had one of the best pre-keynote warm ups I have seen. It started with Gordon Seirup getting our attention with an anecdote about his original misunderstanding of the nature of WordCamps. He did a fantastic job of warming us up. At one point he had us introduce ourselves to folks around us. It was a very nice welcome, especially with so many folks experiencing their first WordCamp. It set a very nice tone for the rest of the event.

Keynote

The Future of WordPress
Zack Katz

I was very glad to hear that they got Zack to speak at this camp. I had not heard him speak before but reading up on him a bit before the camp he seemed like someone with a lot of experience and knowledge around this space, hopefully meaning he would have a solid opinion on our future. He started with a crash history of of WP and I had never heard anyone articulate this forking of B2 and the reasoning behind it so clearly. It gave me a new perspective on the origin. This definitely colored the rest of the presentation as he painted a world where Gutenberg and Customizer are giving the admin a lot more flexibility in the near future. If you have been wondering where the project is going, this is a must see talk.

Raw notes:
Gravity View, Small team, 5 people all over the world
WP makes it happen
History of WP
His WP story
Future of WP and You
A fun surprise
In 2003 Ma.tt was a college student
lot of photos
B2 – was cool, allowe to be upated
B2 maintainer dissapeared and it stop being updated
Matt could either wait for the dev to come back or he could take b2 and make it his own
Mike Little thought one or 2 people might be interested 🙂
Zack started in 2007 making GravityViews
worked at Fast Signs
learned how to do web design, PHP and mySQL
best tool was his phone
he cold called and got clients
was building static pages
and clients wanted to change content themselves
they wanted a way to manage their content, CMS
Then clients wanted custom functionality
the custom code he built became Gravityviews
he has 38 plugins on wp.org
Future of WP
Matt is pushing us back to be the best in publishing
Gutenberg: from text to blocks
blocks are consistent interface for all the elements of your site
everything is a block now
Gutenberg demo
feels normal and cool
It is the future of content editing
The Customizer is how to change view
Not much at the moment, but future is how to interact with your site
Edit existing content with customizer soon
Really cool live preview demo
Customizer Change set have multiple people and multiple changes scheduled at once
this is 4.9 core!
Implications: page building is in core now
for Page builders need to either embrace customizer or do their own thing
get involved now with Gutenberg, this is the future
and there is a lot more
The four freedoms of Open Source
the contract of using WP
1) the freedom to run the program in any way you want
2) you can study code and change it
3) share it
4) modify and fork with a diffrent name

What I Wish I’d Known About Freelancing
Nathan Ingram

The very first time I heard Nathan speak it was at WordCamp Denver 2016, where he gave a talk that remains to this day one of my favorite talks. It was a treat to get to hear a new talk from him that was jammed full of amazing advice to the freelancer and really anyone that has to manage their own time, which I think is everyone. There was one quote that I am going to remember and recite as I am thinking through priorities: “People are more important than projects!” I know this is true but as someone on the road a lot and with a fair amount to get done, sometimes I forget this. It was great to be reminded of this and to hear that I am not alone in this struggle.

Raw notes:
You don’t have to know everything, no one does!
Become a person who is good to know!
Stay out of debt
Checklist manifesto
Put everything in a list in order and that means you can streamline
and when you onboard people, you have process you can pass on
difference between owning job and building business
Focus on process, not heroics
There are seasons in freelance work, don’t waste the slow times
We stay in a cycle of stress, must make best use of time and dont freak out
business will come back
The ‘someday list’ when slow times come, you can do that list!
being busy is not a badge of honor
Don’t forget what matters in life,
lost opportunities for family and friends don’t come back
midset shift that it is good to be too busy to have leisure, a status symbol
People are more import than projects!

After the Post: SEO, Images, and Meta Descriptions
Mendel Kurland

There was some technical difficulties in this session room as Mendel got underway and he had to deliver without his slides. Fortunately for all of us Mendel is a tremendous storyteller and a natural entertainer, so he handled the projector outage with grace and charm. He told us an intense at time story of being scared in bear country and avoiding crocodiles before having a nice relaxing time by a lake. Afterwards he broke down the story into some component parts and explained the layout of a story arc. This is very much along the same lines as the story spine I teach in my session and was glad to hear a variant perspective that still conveyed the same underlying value around the importance of storytelling.

Raw notes:
Technical SEO go to Yoast
instead we are going to be talking about telling your story with your content
3 things
1) being descriptive and interesting
Writing for humans, conversational and eas to read, some
basics of story anatomy
Tells a story and then explained the story arc
also is an article part
intro to a topic H1, H2, H3
2) Enjoyable and illustrative
shows progress form boring Lorum Ipsum -> Bacon Ipsum – pic -> animated gif
more info
more interesting to look at better for SEO
generate this stuff
3) making things sharable
click to sweet, share icons
basic plugins
write your own meta, just gives you control, not SEO tip

Creating & Telling Your Brand Story
Pamela Herrmann

Every camp lives on a spectrum of all technical and all business side. This camp is more focused on SEO and business side of things than technical skills. This meant, much to my approval, that there was time for multiple talks on storytelling and I was glad to hear Pamela lay out her thoughts on the subject. She focused on a character driven story approach which I had not encountered before and felt like it came from a much more literary view of things rather than a theatrical one, which I am more accustom. I walked away with a new perspective, which I believe makes this a very succesful session.

Raw notes:
Story
brain science
reptillian brain, conundrum
want to talk to middle brain
cast a net, just under the boat – leading with science for IVF vs how changes family
instead think of fly fisherman
highly targeted
Garret White Wake Up Warrior
knows who he is fishing for
how to create a brand story
Joseph Campbell Hero’s Journey
3 element to her Hollywood
1- the character, the desire and the obstacle to the future
Rose from Titanic example
ordinary world- what makes them relatable (reliable?)
fabricating your first customer profiles
Rose is pressured into marriage, high society, free thinker, etc
Translate into brand story
Weight Watchers – because it works
2- the desire
Chuck from Castaway
goal is to escape the island alive get back home
Design arounf 4 goals
Win
Escape
Stop
and Retrieve
Dollar shave club example –
the desire of the customer is
quality, save money, delivered to door
shave time and shave money
Focus on the result // the plotline
connect the dots, create the glue
3- the obstacle
Ray from Field of Dreams
Plowing under field – now his home and livelyhood is in danger
AirBnB
overcoming objections from both sides of transaction
No fail template
story spine! 🙂

My Session

Workshop: Let’s learn Git. No more excuses.

I got to teach Git as part of the three hour Sunday workshop day. I love teaching Git. The first time I taught this workshop I was a bit nervous, but this time I felt way more solid in the updated materials and anticipated some of the questions better. It was a complete thrill to take one student, who had issues even installing git on their machine, all the way from git init to submitting a successful pull request. Not bad for 3 hours on a Sunday morning. They left feeling very confident they could use this tool and planned to teach it to their significant other. Everyone gave me some great feedback and I learned a few new things along the way. I got one question I had no idea how to answer, so we just replicated the issue on my machine and solved it together, which felt amazing. I am hoping this workshop gets accepted at more camps in the future so I can keep spreading the love.

Wrapping up

Given this was a one day camp, I spent a little more time in the ‘hallway track’ having some great and meaningful conversations with community folks. It meant I saw fewer sessions and meant I didn’t have any time to hang out at the Happiness Bar, one of my favorite things this community makes happen.
I left Denver pretty tired, as I found little time to myself and no time to see mush of the natural beauty that is hidden all throughout the urban landscape. Still, I walked away very happy with the trip and am already looking forward to next year when I can return for WordCamp Denver 2018!