WordPress Rocks

Printing Presses

The goal of this new editor is to make adding rich content to WordPress simple and enjoyable. This whole post is composed of pieces of content—somewhat similar to LEGO bricks—that you can move around and interact with. Move your cursor around and you'll notice the different blocks light up with outlines and arrows. Press the arrows to reposition blocks quickly, without fearing about losing things in the process of copying and pasting.

What you are reading now is a text block, the most basic block of all. The text block has its own controls to be moved freely around the post…

… like this one, which is right aligned.

Headings are separate blocks as well, which helps with the outline and organization of your content.

A Picture is worth a Thousand Words

Handling images and media with the utmost care is a primary focus of the new editor. Hopefully, you'll find aspects of adding captions or going full-width with your pictures much easier and robust than before.

Beautiful landscape
Give it a try. Press the "wide" button on the image toolbar.

Try selecting and removing or editing the caption, now you don't have to be careful about selecting the image or other text by mistake and ruining the presentation.

The Inserter Tool

Imagine everything that WordPress can do is available to you quickly and in the same place on the interface. No need to figure out HTML tags, classes, or remember complicated shortcode syntax. That's the spirit behind the inserter—the (+) button you'll see around the editor—which allows you to browse all available content blocks and add them into your post. Plugins and themes are able to register their own, opening up all sort of possibilities for rich editing and publishing.

Go give it a try, you may discover things WordPress can already add into your posts that you didn't know about. Here's a short list of what you can currently find there:

  • Text & Headings
  • Images & Videos
  • Galleries
  • Embeds, like YouTube, Tweets, or other WordPress posts.
  • Layout blocks, like Buttons, Hero Images, Separators, etc.
  • And Lists like this one of course 🙂

Visual Editing

A huge benefit of blocks is that you can edit them in place and manipulate your content directly. Instead of having fields for editing things like the source of a quote, or the text of a button, you can directly change the content. Try editing the following quote:

The editor will endeavour to create a new page and post building experience that makes writing rich posts effortless, and has “blocks” to make it easy what today might take shortcodes, custom HTML, or “mystery meat” embed discovery.

Matt Mullenweg, 2017

The information corresponding to the source of the quote is a separate text field, similar to captions under images, so the structure of the quote is protected even if you select, modify, or remove the source. It's always easy to add it back.

Blocks can be anything you need. For instance, you may want to add a subdued quote as part of the composition of your text, or you may prefer to display a giant stylized one. All of these options are available in the inserter.

You can change the amount of columns in your galleries by dragging a slider in the block inspector in the sidebar.

Media Rich

If you combine the new wide and full-wide alignments with galleries, you can create a very media rich layout, very quickly:

Accessibility is important don't forget image alt attribute

Sure, the full-wide image can be pretty big. But sometimes the image is worth it.

Cover Image Block

The above is a gallery with just two images. It's an easier way to create visually appealing layouts, without having to deal with floats. You can also easily convert the gallery back to individual images again, by using the block switcher.

Any block can opt into these alignments. The embed block has them also, and is responsive out of the box:

You can build any block you like, static or dynamic, decorative or plain. Here's a pullquote block:

Code is Poetry

The WordPress community

If you want to learn more about how to build additional blocks, or if you are interested in helping with the project, head over to the GitHub repository.


Thanks for testing Gutenberg!

Test


👋

  • Item a
  • Item b
  • item c

This is new heading

Read More

Efrain Rivera

It is with a sad heart that I am reporting that Efrain Rivera, a friend and volunteer to the local (and not so local) WordPress community passed on January 28th, 2018. He was 47.

Efrain was one of the longest standing organizers of WordCamp Miami (he is still listed – and will remain listed – on the WordCamp Miami organizer’s page). What Efrain brought to the table was an amazing organization of our Registration system – thanks to him we were able to process hundreds of attendees Saturday morning in the short span of 30 minutes. Not only did he fill that vital volunteer role – he did it with a smile on his face. I never saw him without that smile, even under the most stressing circumstances. Whenever me or another organizer was getting stressed – perhaps with a sudden issue we had to deal with – Efrain was a source of calm.

Efrain wasn’t just a fellow organizer, but also a supporter of the local WordPress meetups. There was no ulterior motive in anything that he did. Never once did he ask for anything – he was just happy to be there and help out. He was 100% about giving back to the WordPress community, but even if the community didn’t exist he would find a way to help out folks.

Efrain wasn’t just a supporter and volunteer. He was a good friend to have – someone you could speak to frankly to.

I am personally still dealing with the news. I am glad that the WordPress community found out before I had a chance to spread the word, and that many people have already given their thoughts and condolences. Although i’m not surprised – if you were ever at a WordCamp in Florida… you would remember Efrain. Always helping. Always dedicated. Always with a smile on his face.

And I believe that’s how i’ll choose to remember him.

For those interested in memorial services, his wife Crystal has asked me to pass this along: https://memorials.serenitymemorialchapels.com/efrain-rivera/3417849/obituary.php

Efrain Rivera and his wife Crystal
Efrain Rivera and his wife Crystal

 

Snapshot of the registration volunteers, all lead by Efrain, during WordCamp Miami.
Snapshot of the registration volunteers, all lead by Efrain, during WordCamp Miami.

Read More

Tips On Talking With People Whose Names You Can’t Remember

In a few days, i’ll be traveling to WordCamp US before that I would like to share a secret.

I’m horrible with names. And slightly less horrible with faces. I have a “face blindness”. And “name blindness”. And “Twitter avatar blindness”. And “I’ve talked with this person 20 times in the past year via email but still can’t remember this person” blindness. So conference times are hard for me.

Turns out it’s hard for others as well – I’ve had a few admit that to me. But for natural reasons few want to admit that in public or social media. Allow me to be your sacrificial lamb and offer some tips.

Scenario: You are side-swiped as this person approaches. You need a name.

Tip 1: Obvious first move is to look at the name badge. Although the universe is against you and the name badge is covered by a jacket or reversed (this is why as a WordCamp organizer i recommend when doing conference badges to make front match the back for this reason). If by some reason the conference badges print Twitter handles, it gives you an excuse to look and ask “Has That Always Been Your Twitter Handle?”.

Tip 2: Introductions. If you have someone with you that hasn’t met the person (at least that you are reasonably sure hasn’t) allow them both to introduce yourselfs. You’ll get the name that way.

Tip 3: Get into the conversation and make up a reason to ask for their email address or Twitter handle. Odds are good you’ll get something useful from that.

Tip 4: Some conferences have “unique” info on their badges and you can ask to see their badge to see what theirs looks like.

Tip 5: Ask for their business card.

Scenario: You are the one approaching, but you forgot the name (slightly better scenario because you have time to prepare).

Tip 1: It’s harder to get line sight of the name badge from a distance, but sometimes the odds can be in your favor.

Tip 2: Approach said person, excuse yourself for the interruption, and ask them for their Twitter because you want to follow them (or Twitter accidentally dropped some followers – it happens). Walk away knowing you’ll be prepared for your next encounter.

Tip 3: Never hurts to ask someone else. Believe me, everyone has crappy memories. Or mostly everyone.

Tip 4: Ask for their business card.

Wait – Why Don’t You Just Ask?

This blog post is a bit of a parody, because you shouldn’t be afraid to ask someone’s name. All of us endeavour to remember people, but stress and time put a strain on our brains. Especially if we are at conferences outside of our local area. Outside of those with total recall, this effects ALL OF US at some point or another.

If you are talking to someone, be understanding if they can’t recall your name at the moment.

Especially if that person is me.

See you in a few days, WordCamp US.

Read More

A WordCampers Guide To Asking Questions At Conferences

It’s that season again. In a month, a large number of WordPress folks will migrate to WordCamp US (being held this year in Nashville). and other events (i’ll be attending WordCamp Orlando in early November for example). So I thought it would be a timely reminder of how to ask questions at a WordCamp.

There are two times questions are asked at a WordCamp that i’m particularly focused on: (1) at the end of a talk, before the speaker leaves the scheduled time off stage and (2) During the “State of the Word” at WordCamp US where Matt Mullenweg typically takes questions from the audience. This advice applies to both, might apply to other times, some might not be applicable for other situations.

  1. Keep it short. I think this is the #1 rule, regardless what you do. Most questions do NOT require a complex backstory or history… and if they do, then being live in front of an audience with only a few minutes left for questions isn’t the time to ask perhaps. What i find to be effective many times: Ask a question that might get you close to an answer (or pick something easy to respond to) and THEN you can ask the speaker if you send them a longer version in printed form. Maybe. But keep your question short if nothing else then to be considerate of other people’s time.
  2. Prepare in advance. I think some of the more awkward questions are from people that think of questions on the spot. Which is fine, but not everyone can do this. Put your refined question on a card – that would allow you to be as articulate as possible.
  3. Don’t make it about you. Ask the question in a way others listening can benefit. You’ve heard this before: someone asks a question that there’s no way any other person (at least in the room) would have that same exact problem. Some go as far as basically asking for tech support in their “question”. Stop yourself and ask – can i ask this after the talk or at another time?
  4. I’ve seen people try to fit in as much questions as they can (“my second question is…. my follow up question is….”). Sometimes this is logical, other times it looks selfish to be honest. Speakers and others asking for questions are most times expecting ONE question per speaker. Sometimes that’s all they can focus on honestly.
  5. Allow others to ask a question. If nobody else has questions and there’s time, then perhaps ask your additional one.

I care deeply about audience participation during WordCamps. But there are some respectful and logical boundaries.

I would highly encourage WordCamps to adopt the practice of having the speaker be available in a location (such as the happiness bar or a private room) to answer additional, perhaps more private questions where the person asking has the opportunity to ask a little longer, more personal question.

Read More