New landing page: Connecting influencers to affiliate programs ("Creator Connections")

[thetinyl]

Quick summary

Affiliate partnership opportunities exist within the WordPress ecosystem but can be hard to find. A new “WordPress Creator Connections” (working title) landing page on WordPress.org could help connect creators to these existing programs. This way, they can share their love of WordPress, make money, and stop pushing their audiences to our competitors.

Find the full context, project scope, and discussion in the original issue (posted in the Marketing GitHub repo).

Notes

• From a layout perspective, this page can follow the simple elegance of the proposed Hosting page redesign (preview here).
• Content for this first iteration is nearly ready and can be found in this document (drafted by @eidolonnight and @rmartinezduque).

Given the simplicity of the layout and that this page will be in the new .org theme, we can build a first draft in the Editor (🎉) and then notify Design and Meta when ready for help fine-tuning.

[thetinyl]

I've built a first draft of this page in the Editor. It's very bare bones. If anyone from @WordPress/meta-design is available to add some finesse (does not have to be complex), that would be very much appreciated.

The copy is mostly final, but any changes that will be made won't affect the layout.

[marko-srb]

Here's the proposed design that I am trying to implement in the Editor.

—
—
—
Active state for FAQ.

[marko-srb]

@ryelle and @ndiego

While I was trying to do the edits, old theme bugged me from having the section width as I set it in editor. See comparison below.

Is there a way to switch this page to a new theme we use for Learn? Other elements in there, like hero section, are also done in manner of blocks we used for refresh. If there's an easy way to switch theme to the new one for this page, I should be able to handle all the further edits and creation of the page. Let me know.

Thanks!

[ryelle]

Is there a way to switch this page to a new theme we use for Learn?

Do you just mean the new design in general, or are you asking for something in the Learn theme in particular? This is the main site, so it would use the main theme like About, Download, and those subpages.

I've set a temporary page template for now, so that it uses the correct width. It was already using the new theme, new pages just need an extra step for previews to look right.

[marko-srb]

Thanks @ryelle !

This works now. What I mean by 'Learn' theme is the following. The 3 sections below are actually used from previous designs we used in new theme, or some old layouts, that are still in use, but polished.

1. This is a classic Learn/Patterns/Themes cover/hero section, just with the graphics on the right. How do I add such element into my page?

I tried actually using 'home page cover' pattern for this, but it is merged component when I select it from patterns list, and it doesn't allow me to edit. How would I edit it if I use it?

2. A simple title left/paragraph right is the block we used often. For some reason 'column' block isn't working properly (maybe it's just for me) and I cannot replicate the look.

3. We have links with lines on Learn footer. Also would like to copy this element.

—

How can I re-use these elements in my page? Also does the 'column' block work for you? I get error when I use it. See ss below.

— — — Column block issue:

Thanks!

[marko-srb]

Additional note:

I actually went and copied the hero block from home and paste it. Then I was able to edit it. But as soon as I went for 'block' customization in the right panel the block crashed — same as columns block.

Here's ss:

[ryelle]

There are block styles you can use to get some of these effects, but we don't use reusable blocks/synced patterns because they're not translatable with the current system.

Copying from other pages is probably the best approach if you don't want to build from scratch. There are probably multiple ways to get 1, cover block or columns. For 2, that's just columns, a heading, and a list block. Same with 3, just the list there has the "links" style to get the borders. Although, if 3 is expandable we do not have an existing style for that, and it might require dev work.

I actually went and copied the hero block from home and paste it. Then I was able to edit it. But as soon as I went for 'block' customization in the right panel the block crashed — same as columns block.

Yes, I'm seeing this too on all blocks, I'll take a look today.

[ryelle]

I've identified the block crashing issue as a bug in Gutenberg, reported it, and rolled back w.org to 18.8 — so you shouldn't have that problem anymore.

[marko-srb]

Thanks @ryelle! I'll ping in case I need any access for reusing some blocks in the future.

[marko-srb]

@ryelle

it seems that column block is still crashing whenever I go to 'block' tab to style it. I did multiple tests before I wrote this msg... Let me know if I can do anything to report it somewhere else...