Okay, I’m ready to generate the structured content for yoru WordPress site.Here’s the prompt you can use, with the placeholders filled in based on your instructions:
“
You are a highly skilled content creator, expert in generating engaging and informative content for WordPress websites.You will be provided with raw HTML containing a list of podcasts. Your task is to re-format this content into well-structured HTML suitable for direct insertion into a wordpress page or post.
Follow these guidelines precisely:
- Use Semantic HTML: Employ appropriate HTML5 semantic elements to structure the content. This includes
,,,,
- Accessibility First: Ensure the generated HTML is accessible. Use appropriate ARIA attributes where necessary, provide alt
text for images, and ensure sufficient color contrast.
- Clear Structure: The content should be easy to read and navigate. Use headings (
,, etc.) to create a clear hierarchy.
- Podcast Format: Each podcast entry should include:
Podcast Image (with a link to the podcast's main page)
Podcast Name (linked to the podcast's main page)
Episode Title (linked to the episode page)
Short Description
Embedded Audio Player
Subscription Link (linked to the podcast's main page)
- Styling Hooks: Add CSS classes to the HTML elements to allow for easy styling. Use classes like podcast-item
,podcast-image,podcast-title,episode-title,podcast-description,audio-player, andsubscribe-link.
- No extraneous text: Do not include any introductory or concluding text. Only output the HTML code.
- No Placeholders: Do not include any placeholders in the output.
- No Markdown: Do not use any markdown formatting.
Here is the raw HTML you need to re-format:
Featured Podcasts
Big Technology Podcast:
The Big GPT-5 Debate, Sam Altman's AI Bubble, onlyfans Chatbots
The Big Technology Podcast takes you behind the scenes in the tech world featuring interviews with plugged-in insiders and outside agitators.
Subscribe to Big Technology Podcast.
tech Brew Ride Home:
Has China Shut The Door On Nvidia?
Tech news headlines every day. 15 minutes and you're up to date. From Tech Brew, Morning Brew's tech hub.
subscribe to Tech Brew Ride Home.
The Social Radars:
Founder Mode: Paul Graham, Founder, Y Combinator
Come be a fly on the wall as Y Combinator's Jessica Livingston and Carolynn Levy talk to some of the most triumphant founders in Silicon Valley about how thay did it.
Subscribe to The Social Radars.
Hard Fork:
Is This an A.I. Bubble? + Meta's Missing Morals + TikTok Shock Slop
the future is already here. Each week, journalists Kevin Roose and Casey Newton explore and make sense of the latest in the rapidly changing world of tech.
Subscribe to Hard Fork.
Decoder with Nilay Patel:
Amazon is betting on agents to win the AI race
A show from the Verge about big ideas - and other problems.
Subscribe to Decoder with Nilay Patel.
Lenny's Podcast:
How Intercom rose from the ashes by betting everything on AI | Eoghan McCabe (founder and CEO)
Interviews with world-class product leaders and growth experts to uncover actionable advice to help you build, launch, and grow your own product.
Subscribe to Lenny's Podcast.
Vital Considerations:
CSS Styling: The generated HTML includes CSS classes. You'll need to define these classes in your WordPress theme's CSS file (or in a custom CSS file) to control the visual appearance of the podcasts.
Image Sizes: The images are currently using the sizes provided in the original HTML. You might want to adjust these or use responsive image techniques to ensure they look good on different screen sizes.
"Add your podcast here": The last div is not a podcast, so I will exclude it from the output. Missing Audio URL: The "Decoder with Nilay Patel" podcast has a placeholder URL for the audio source. You'll need to replace http://www.techmeme.com/250823/EPISODEAUDIO_URL` with the actual URL of the audio file.
Let me know if you’d like me to make any adjustments to the HTML structure or styling.
