Content updates from Page Editor

[github-actions[bot]]

The content has changed in the Page Editor. Please review, merge, and deploy.

[ryelle]

Props @jasmussen for the initial banner.

This is a larger version of the WCEU announcement banner, intended to go live before the event. @thetinyl @DanSoschin when should this be deployed?

I've tweaked the banner slightly (to add the link destination, and to add some custom CSS to get it displaying better). Does this look like what you expected, @jasmussen?

400	580	880

1200	1600

[thetinyl]

This looks great! Thanks @jasmussen and @ryelle.

[jasmussen]

This can work. From the screenshots it looks like you fixed a padding issue, but I had to go in and do a small edit to the top padding so that the paragraphs line up between the left and right ones. Did I break your padding in the mean time?

[ryelle]

Yeah, re-syncing blew away the CSS changes here. I still have it locally so I can push again.

When should this go live?

[ryelle]

@jasmussen The left and right paragraphs have different line heights (the intro one uses the "short text" style). Should the WCEU text also be updated to use that?

[jasmussen]

Yes please, thank you! Sorry about the custom CSS.

[jasmussen]

I pushed another update to change this to the post-event banner instead. This will still need a final link, and a YT embed link, and the custom CSS was probably blasted away again. Thanks for helping!

[ryelle]

the custom CSS was probably blasted away again

All good, I have it saved locally so that I can easily reapply it :)

I've made a few tweaks:

• Add back the new wrapper class so that the CSS applies
• Update paragraph style to "Short text" so the line-height matches
• Remove the 0 blockGap so that there is space under the video
• Remove the "Read the recap" link since that will be added once the event is over

This does mean there is currently no CTA link here, and the video is very small to watch a presentation. What do you think about changing that to an image-link to the youtube page instead of an embed? Do we need to keep people watching on wp.org?

Current iteration:

1440w	600w

[jasmussen]

Looks good.

This is the first iteration of the "hero takeover", and there are likely some things we can learn from this process to make it even better next time. Thanks for the work.

[jasmussen]

This does mean there is currently no CTA link here, and the video is very small to watch a presentation. What do you think about changing that to an image-link to the youtube page instead of an embed? Do we need to keep people watching on wp.org?

I'd keep the embed as-is. The YT embed is common enough that people are likely to know how to interact with it. Whether that's pressing play and maximize, or clicking the title to go to YouTube instead. Not a strong opinion, happy to defer.

[DanSoschin]

The size of the video is okay; I was asked to embed it to remove a "click". But folks should hopefully be able to click into the embed if desired to go to a larger version.

As far as a CTA goes, we were asked only to promote the mid-year project update, but we could add the following text + link in the box:

"More details" https://wordpress.org/news/2024/05/wordcamp-europe-2024-mid-year-update-and-qa-with-matt-mullenweg/

[ryelle]

The size of the video is okay; I was asked to embed it to remove a "click"

People are still going to need to click through to see anything, but I'll defer to the request and leave it.

As far as a CTA goes, we were asked only to promote the mid-year project update, but we could add the following text + link in the box: "More details"

Can you provide a slightly more specific link text for this? Descriptive links are better for accessibility. Or we can omit this — I just wanted to note that without the recap link there isn't a link in this version.

[DanSoschin]

"Event details" "More event details" "Explore WCEU"

I think any of the above could work.

[daveloodts]

I'm curious about this sentence: As far as a CTA goes, we were asked only to promote the mid-year project update, but we could add the following text + link in the box: "More details"

Who asked this? Why can't other speakers on WCEU2024 be celebrated too?

Suggestion about the cta: "More video's about WCEU2024." or "More video's & recap of WCEU2024"

If you embed a YouTube video, be aware to use the no-cookie link of YouTube; there's tracking on a regular YouTube embed. When you use the regular one, wordpress.org should need a cookie banner.

[ryelle]

It looks like core doesn't support the nocookie embed yet, so I've used the embed code from youtube directly, in a custom HTML block. Unfortunately, the content permissions strip iframes, so I've had to work around that on my sandbox. This means if anyone else saves the page, it'll wipe the iframe content (though it will still need this PR/deploy step, so it won't break anything).

I'm waiting on confirmation from @DanSoschin that I've grabbed the correct youtube URL, once I have that I can deploy this.