Deskripsi
TurboPress Embed creates lightweight previews for third-party content and loads heavy players only after visitor interaction where supported. It also includes reusable blocks for developer projects, source code, technology stacks, case studies and metrics.
Embed providers
- YouTube
- Spotify
- TikTok
- X / Twitter
- SoundCloud
- Vimeo
- GitHub Gist
- Bluesky
- Twitch
- Smart URL
- CodePen
- Loom
- Figma
Developer portfolio blocks
- GitHub Project
- GitHub Code
- Tech Stack
- Project Case Study
- Project Metrics
Highlights
- Click-to-load previews reduce initial third-party requests
- Native Gutenberg blocks with provider-specific assets
- Accessible keyboard interaction, focus states and readable contrast
- Namespaced styles reduce conflicts with themes
- No jQuery dependency
Tangkapan Layar
Blok
Plugin ini menyediakan 18 blok.
- Bluesky Post Lightweight preview of a public Bluesky post.
- TurboPress Spotify Spotify preview card with click-to-load embed.
- GitHub Gist Display source code from a public GitHub Gist.
- Figma Embed Lazy preview for a public Figma resource.
- TurboPress TikTok TikTok preview card with click-to-load embed.
- Developer Project Case Study Create a professional developer project case study.
- Smart URL Preview Secure metadata preview for a public URL.
- Loom Video Lightweight Loom video preview.
- TurboPress X / Twitter X/Twitter preview card with click-to-load embed.
- CodePen Lightweight CodePen preview with lazy result.
- Tech Stack Present technologies manually or from GitHub languages.
- Project Metrics Communicate measurable project outcomes.
- Vimeo Video Lightweight Vimeo video preview.
- Twitch Lazy Twitch channel, video, or clip embed.
- GitHub Code Showcase Show an escaped source-code excerpt from GitHub.
- TurboPress SoundCloud SoundCloud preview card with click-to-load embed.
- TurboPress YouTube YouTube preview card with click-to-load embed.
- GitHub Project Showcase Present a GitHub repository as a portfolio project.
Instalasi
- Upload the plugin to
/wp-content/plugins/or install it through Plugins > Add New. - Activate TurboPress Embed.
- Open the block editor and search for TurboPress.
Tanya Jawab
-
Will embeds still work if JavaScript is blocked?
-
Interactive click-to-load embeds require JavaScript. Their initial preview remains available when JavaScript is blocked.
-
Where is the development source?
-
The source and build configuration are available at https://github.com/cirinojr/turbopress-embed.
Ulasan
Belum ada ulasan untuk plugin ini.
Kontributor & Pengembang
“TurboPress Embed” adalah perangkat lunak open source. Berikut ini mereka yang sudah berkontribusi pada plugin ini.
Kontributor
Terjemahkan “TurboPress Embed” dalam bahasa Anda.
Tertarik mengembangkan?
Lihat kode, periksa repositori SVN , atau mendaftar ke log pengembangan melalui RSS.
Log Perubahan
1.1.0
- Added Vimeo, GitHub Gist, Bluesky, Twitch, Smart URL, CodePen, Loom and Figma blocks.
- Added GitHub Project, GitHub Code, Tech Stack, Project Case Study and Project Metrics blocks.
- Redesigned developer project and code presentations.
- Improved TikTok preview loading and interaction.
- Improved CodePen URL parsing and embed rendering.
- Completed accessibility and WCAG 2.2 AA improvements across the block suite.
- Simplified shared provider architecture and reusable components.
1.0.0
- Initial release with YouTube, Spotify, TikTok, X / Twitter and SoundCloud blocks.