Memberlite patterns for 7.0 by RachelRVasquez · Pull Request #225 · strangerstudios/memberlite

RachelRVasquez · 2026-03-10T19:57:25Z

All Submissions:

Have you followed the Contributing guidelines?
Does your code follow the WordPress' coding standards?
Have you checked to ensure there aren't other open Pull Requests for the same update/change?

Changes proposed in this Pull Request:

Introduces new theme locked patterns with placeholder images that are auto-registered in the theme. These patterns are categorized with custom Memberlite categories.

How to test the changes in this Pull Request:

Check out the branch.
Clear PHP cache. Build theme assets.
Check your dashboard in Appearance > Design > Patterns. Confirm you can see the new Memberlite categories and their patterns. Image sources should not be broken. You should be able to use these patterns in a post/page from the block inserter.

Other information:

Have you added an explanation of what your changes do and why you'd like us to include them?
Have you successfully run tests with your changes locally?

Changelog entry

Introduces new theme locked patterns with placeholder images that are auto-registered in the theme. These patterns are categorized with custom Memberlite categories.

…mage urls, all image srcs should connect now

Copilot

Pull request overview

This PR updates the Memberlite theme for the 7.0 release by adding a library of WordPress block patterns (with supporting placeholder images), registering Memberlite-specific pattern categories, and documenting pattern contribution guidelines.

Changes:

Bump theme version to 7.0 and remove a stray JS debug log.
Add multiple new block patterns under patterns/ for common membership-site sections (hero, CTAs, testimonials, courses, newsletters, community, media, etc.).
Register custom block pattern categories and add contributor documentation for patterns.

Reviewed changes

Copilot reviewed 35 out of 107 changed files in this pull request and generated 12 comments.

Show a summary per file

File	Description
style.css	Bumps theme version to 7.0.
js/memberlite.js	Removes debug `console.log`.
inc/patterns.php	Registers Memberlite block pattern categories on `init`.
functions.php	Loads the new pattern category registration file.
docs/patterns.md	Adds detailed documentation for pattern structure, images, categories, and testing.
patterns/about-the-founder.php	Adds “About the Founder” pattern.
patterns/board-of-directors.php	Adds “Board of Directors” pattern.
patterns/call-to-action-with-image.php	Adds CTA pattern with an image.
patterns/category-feature-boxes.php	Adds category navigation feature boxes pattern.
patterns/community-stats-banner.php	Adds community stats banner pattern.
patterns/community-welcome.php	Adds community welcome + guidelines pattern.
patterns/content-upgrade-1.php	Adds simple “content upgrade” CTA pattern.
patterns/content-upgrade-2.php	Adds content upgrade pattern with an image.
patterns/content-upgrade-3.php	Adds icon-based content upgrade CTA pattern.
patterns/course-curriculum.php	Adds expandable curriculum (details/accordion) pattern.
patterns/directory-browse-hero.php	Adds directory browse hero pattern.
patterns/featured-box-with-photo-grid.php	Adds featured box + photo grid pattern.
patterns/featured-testimonial.php	Adds single featured testimonial pattern.
patterns/features-grid-with-icons.php	Adds 4-up features grid with icons + CTAs pattern.
patterns/homepage-hero.php	Adds homepage hero pattern.
patterns/instructor-profile.php	Adds instructor profile pattern.
patterns/latest-posts-grid.php	Adds latest posts query-loop grid pattern.
patterns/member-spotlight.php	Adds member spotlight profile card pattern.
patterns/membership-call-to-action.php	Adds membership CTA pattern.
patterns/meet-the-team-1.php	Adds “Meet the Team 1” pattern.
patterns/meet-the-team-2.php	Adds “Meet the Team 2” pattern.
patterns/newsletter-archive-preview.php	Adds newsletter archive preview query-loop pattern.
patterns/newsletter-subscribe.php	Adds newsletter subscribe CTA pattern.
patterns/organization-stats.php	Adds organization stats pattern.
patterns/podcast-episode-feature.php	Adds featured podcast episode pattern.
patterns/podcast-subscribe-banner.php	Adds podcast subscribe banner pattern.
patterns/section-with-image-and-three-features.php	Adds image + three feature callouts pattern.
patterns/testimonials-grid-of-four.php	Adds 4-up testimonials grid pattern.
patterns/testimonials-grid-of-two.php	Adds 2-up testimonials grid pattern.
patterns/video-feature-section.php	Adds featured video section pattern.
patterns/images/people/foto-sushi-ExVlW9b648Q-unsplash-sm.jpg	Adds placeholder “people” image used by patterns.
patterns/images/people/alex-starnes-WYE2UhXsU1Y-unsplash-sm.jpg	Adds placeholder “people” image used by patterns.
patterns/images/experts/emmanuel-ikwuegbu-Gy_G8PMkPSc-unsplash-sm.jpg	Adds placeholder “experts” image used by patterns.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Copilot · 2026-03-10T20:14:59Z

patterns/featured-box-with-photo-grid.php

+			<!-- wp:buttons -->
+			<div class="wp-block-buttons">
+				<!-- wp:button {"className":"is-style-outline"} -->
+				<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button">Learn More About Membership</a></div>


This button link is missing an href attribute. Add a placeholder href (e.g., "#") so the button is focusable and behaves as an actual link.

Suggested change

<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button">Learn More About Membership</a></div>

<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button" href="#">Learn More About Membership</a></div>

Copilot · 2026-03-10T20:15:00Z

patterns/features-grid-with-icons.php

+			<!-- wp:separator {"className":"is-style-wide","backgroundColor":"border-blue"} -->
+			<hr class="wp-block-separator has-text-color has-border-blue-color has-alpha-channel-opacity has-border-blue-background-color has-background is-style-wide"/>


The separator uses the color preset slug "border-blue", but this slug isn’t defined in theme.json, so the separator won’t get the intended color styling. Switch to an existing preset color slug used by the theme (e.g., one of the defined palette slugs).

Copilot · 2026-03-10T20:15:00Z

patterns/video-feature-section.php

+	<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|10"}},"layout":{"type":"constrained"}} -->
+	<div class="wp-block-group">
+		<!-- wp:heading {"textAlign":"center"} -->
+		<h2 class="wp-block-heading has-text-align-center">This Week\'s Featured Video</h2>


The apostrophe is escaped (') inside plain HTML, so the backslash will render in the editor/frontend. Use a normal apostrophe character (or the HTML entity) since this isn’t inside a PHP/JS string.

Copilot · 2026-03-10T20:15:00Z

patterns/video-feature-section.php

+			<h3 class="wp-block-heading has-24-font-size">About This Video</h3>
+			<!-- /wp:heading -->
+			<!-- wp:paragraph -->
+			<p>In this comprehensive tutorial, we break down the core techniques you need to know. Whether you\'re just getting started or looking to sharpen your skills, this video covers everything from basics to advanced tips with real-world examples.</p>


This paragraph contains escaped apostrophes (') in plain HTML, which will render with a backslash. Replace with a normal apostrophe (or HTML entity).

Copilot · 2026-03-10T20:15:01Z

patterns/community-welcome.php

+			<details class="wp-block-details has-border-color has-borders-border-color" style="border-width:1px;border-radius:8px;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)">
+				<summary>Share Knowledge Freely</summary>
+				<!-- wp:paragraph -->
+				<p>This community thrives when members share their expertise. Don\'t hesitate to answer questions, offer feedback, or share resources that have helped you.</p>


The text uses an escaped apostrophe (') in plain HTML, which will render incorrectly. Use a normal apostrophe (or HTML entity) instead.

Suggested change

<p>This community thrives when members share their expertise. Don\'t hesitate to answer questions, offer feedback, or share resources that have helped you.</p>

<p>This community thrives when members share their expertise. Don't hesitate to answer questions, offer feedback, or share resources that have helped you.</p>

Copilot · 2026-03-10T20:15:01Z

patterns/content-upgrade-3.php

+	<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"left","flexWrap":"wrap"}} -->
+	<div class="wp-block-buttons">
+		<!-- wp:button {"width":100,"className":"is-style-outline"} -->
+		<div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-outline"><a class="wp-block-button__link wp-element-button">Become a Member</a></div>


This button link is missing an href attribute. Add a placeholder href (e.g., "#") so it’s a valid, accessible link when the pattern is inserted.

Suggested change

<div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-outline"><a class="wp-block-button__link wp-element-button">Become a Member</a></div>

<div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-outline"><a href="#" class="wp-block-button__link wp-element-button">Become a Member</a></div>

Copilot · 2026-03-10T20:15:02Z

patterns/community-welcome.php

+			<h2 class="wp-block-heading">Welcome to the Community</h2>
+			<!-- /wp:heading -->
+			<!-- wp:paragraph {"fontSize":"18"} -->
+			<p class="has-18-font-size">We\'re glad you\'re here. This is a space for members to connect, share ideas, ask questions, and support each other. Review the guidelines below to get started.</p>


Escaped apostrophes (') are used in plain HTML; the backslash will display in the content. Replace with a normal apostrophe (or HTML entity).

Suggested change

<p class="has-18-font-size">We\'re glad you\'re here. This is a space for members to connect, share ideas, ask questions, and support each other. Review the guidelines below to get started.</p>

<p class="has-18-font-size">We're glad you're here. This is a space for members to connect, share ideas, ask questions, and support each other. Review the guidelines below to get started.</p>

Copilot · 2026-03-10T20:15:02Z

patterns/member-spotlight.php

+				<!-- wp:quote {"className":"is-style-plain","style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"},"margin":{"top":"0","right":"0","bottom":"0","left":"0"}},"border":{"left":{"color":"var:preset|color|color-secondary","width":"3px"}},"typography":{"fontStyle":"italic","fontWeight":"400"}}} -->
+				<blockquote class="wp-block-quote is-style-plain" style="border-left-color:var(--wp--preset--color--color-secondary);border-left-width:3px;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;font-style:italic;font-weight:400">
+					<!-- wp:paragraph {"fontSize":"16"} -->
+					<p class="has-16-font-size">"Being part of this community has completely changed how I approach my work. The connections I\'ve made here are priceless."</p>


The quote text includes an escaped apostrophe (') in plain HTML; the backslash will show up in the rendered output. Replace with a normal apostrophe (or HTML entity).

Copilot · 2026-03-10T20:15:02Z

patterns/homepage-hero.php

+			<!-- wp:buttons -->
+			<div class="wp-block-buttons">
+				<!-- wp:button {"backgroundColor":"color-primary"} -->
+				<div class="wp-block-button"><a class="wp-block-button__link has-color-primary-background-color has-background wp-element-button">Get Started Now</a></div>


This button link is missing an href attribute. Anchors without href are not keyboard-focusable and aren’t treated as links by assistive tech. Add a placeholder href (e.g., "#") so the pattern inserts valid, accessible markup.

Suggested change

<div class="wp-block-button"><a class="wp-block-button__link has-color-primary-background-color has-background wp-element-button">Get Started Now</a></div>

<div class="wp-block-button"><a href="#" class="wp-block-button__link has-color-primary-background-color has-background wp-element-button">Get Started Now</a></div>

Copilot · 2026-03-10T20:15:03Z

patterns/content-upgrade-1.php

+				<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
+				<div class="wp-block-buttons">
+					<!-- wp:button {"backgroundColor":"color-primary","width":100,"className":"is-style-fill"} -->
+					<div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-fill"><a class="wp-block-button__link has-color-primary-background-color has-background wp-element-button">Get Free Access</a></div>


This button link is missing an href attribute. Add a placeholder href (e.g., "#") so it’s focusable and treated as a link by assistive technology.

Suggested change

<div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-fill"><a class="wp-block-button__link has-color-primary-background-color has-background wp-element-button">Get Free Access</a></div>

<div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-fill"><a href="#" class="wp-block-button__link has-color-primary-background-color has-background wp-element-button">Get Free Access</a></div>

RachelRVasquez added 4 commits March 10, 2026 15:51

cherry-pick 58414df resolve conflicts

8e83a70

close any src attributes that weren't closed, fix markup that broke i…

5e02e71

…mage urls, all image srcs should connect now

pattern images moved to patterns folder, urls have been updated

7e5dde9

update memberlite version in style.css, remove stray console log

1303016

RachelRVasquez changed the base branch from dev to memberlite-7-0 March 10, 2026 19:57

patterns documentation

90e3960

RachelRVasquez requested a review from Copilot March 10, 2026 20:08

Copilot started reviewing on behalf of RachelRVasquez March 10, 2026 20:08 View session

RachelRVasquez marked this pull request as ready for review March 10, 2026 20:12

Copilot AI reviewed Mar 10, 2026

View reviewed changes

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Memberlite patterns for 7.0#225

Memberlite patterns for 7.0#225
RachelRVasquez wants to merge 5 commits intostrangerstudios:memberlite-7-0from
RachelRVasquez:memberlite-patterns

RachelRVasquez commented Mar 10, 2026 •

edited

Loading

Uh oh!

Copilot AI left a comment

Uh oh!

Copilot AI Mar 10, 2026

Uh oh!

Copilot AI Mar 10, 2026

Uh oh!

Copilot AI Mar 10, 2026

Uh oh!

Copilot AI Mar 10, 2026

Uh oh!

Copilot AI Mar 10, 2026

Uh oh!

Copilot AI Mar 10, 2026

Uh oh!

Copilot AI Mar 10, 2026

Uh oh!

Copilot AI Mar 10, 2026

Uh oh!

Copilot AI Mar 10, 2026

Uh oh!

Copilot AI Mar 10, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

	<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button">Learn More About Membership</a></div>
	<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button" href="#">Learn More About Membership</a></div>

		<!-- wp:separator {"className":"is-style-wide","backgroundColor":"border-blue"} -->
		<hr class="wp-block-separator has-text-color has-border-blue-color has-alpha-channel-opacity has-border-blue-background-color has-background is-style-wide"/>

	<p>This community thrives when members share their expertise. Don\'t hesitate to answer questions, offer feedback, or share resources that have helped you.</p>
	<p>This community thrives when members share their expertise. Don't hesitate to answer questions, offer feedback, or share resources that have helped you.</p>

	<div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-outline"><a class="wp-block-button__link wp-element-button">Become a Member</a></div>
	<div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-outline"><a href="#" class="wp-block-button__link wp-element-button">Become a Member</a></div>

	<p class="has-18-font-size">We\'re glad you\'re here. This is a space for members to connect, share ideas, ask questions, and support each other. Review the guidelines below to get started.</p>
	<p class="has-18-font-size">We're glad you're here. This is a space for members to connect, share ideas, ask questions, and support each other. Review the guidelines below to get started.</p>

	<div class="wp-block-button"><a class="wp-block-button__link has-color-primary-background-color has-background wp-element-button">Get Started Now</a></div>
	<div class="wp-block-button"><a href="#" class="wp-block-button__link has-color-primary-background-color has-background wp-element-button">Get Started Now</a></div>

Conversation

RachelRVasquez commented Mar 10, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

All Submissions:

Changes proposed in this Pull Request:

How to test the changes in this Pull Request:

Other information:

Changelog entry

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Reviewed changes

Uh oh!

Copilot AI Mar 10, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Mar 10, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Mar 10, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Mar 10, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Mar 10, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Mar 10, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Mar 10, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Mar 10, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Mar 10, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Mar 10, 2026

Choose a reason for hiding this comment

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

RachelRVasquez commented Mar 10, 2026 •

edited

Loading