Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

How to customize WordPress embeds to match your theme #306

Open
bph opened this issue Sep 10, 2024 Discussed in #297 · 4 comments
Open

How to customize WordPress embeds to match your theme #306

bph opened this issue Sep 10, 2024 Discussed in #297 · 4 comments
Assignees

Comments

@bph
Copy link
Collaborator

bph commented Sep 10, 2024

Discussed in #297

Originally posted by justintadlock August 28, 2024
WordPress embeds let any WP site's posts be embed anywhere.

image

But did you know that you can create a custom embed.php template to customize it? There's no block template equivalent, but there are many hooks that you can filter and even load custom CSS to to make it match your theme.

image

You can even customize the embed code panel:

image

This tutorial would explore all the various tips, tricks, and techniques to completely customizing a site's embedded posts so that they match their brand/theme when shared on third-party sites.

A lot of the techniques that would be covered (particularly PHP) are covered in this file:

@bph bph added the flow: needs writer the idea/pitch needs a writer label Sep 26, 2024
@meszarosrob
Copy link

@bph If no one else is interested, I could give it a try 🙂.

@bph bph assigned bph and meszarosrob and unassigned bph Oct 1, 2024
@bph bph removed the flow: needs writer the idea/pitch needs a writer label Oct 1, 2024
@bph
Copy link
Collaborator Author

bph commented Oct 1, 2024

Thank you @meszarosrob form raising your hand! Looking forward to reading from you again! 💪🎉👏

@meszarosrob
Copy link

meszarosrob commented Oct 17, 2024

From time to time, as I have availability, I will work on this.

I've already added some preliminary structure to this document: https://docs.google.com/document/d/1COv2WWKYm5Y-WUmnNuygnSxFbUNT2R7_z46Z-UKBEpQ/edit?usp=sharing.

When I’m ready for the first review, I’ll let you know. However, I definitely don’t want this to drag on until next year. (But we'll see about that! 🤪)

@bph
Copy link
Collaborator Author

bph commented Dec 3, 2024

@meszarosrob How do you feel about the status of your post. I took a sneak peek at your Google Doc, and it seems it would be ready for a 1st review...

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Status: In Progress
Development

No branches or pull requests

2 participants