From the course: WordPress Content Blocks: Working with Themes
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Add support for responsive embeds - WordPress Tutorial
From the course: WordPress Content Blocks: Working with Themes
Add support for responsive embeds
- [Instructor] The Block Editor offers support for an expansive list of embed sources like YouTube and Twitter and other WordPress sites. In the theme Unit Test Data, there's a post named Block category: Embeds showcasing some of these embeds combined with features like wide and full layouts. If we click each of these embeds, you'll see here we have a Twitter embed that's set to the Wide Width, we have a YouTube embed that's just set to Regular Width, we have a Facebook embed that's also set to Regular Width, we have a WordPress embed set to Regular Width and down at the bottom, we have a WordPress TV embed which once I select it, you'll see is set to Full Width. Now these embeds look pretty nice inside the editor but if I update this post, and I'll view it on the front end, you'll see just like we've seen previously that things don't look exactly right on the front end because there's some styling missing and in this case also some features missing. The most noticeable thing about…
Contents
-
-
-
-
(Locked)
Add support for wide alignments2m 32s
-
(Locked)
Add styles for wide alignments5m 48s
-
(Locked)
Add support for theme-specific colors3m 16s
-
(Locked)
Add styles for theme-specific colors3m 43s
-
(Locked)
Disable custom color option55s
-
(Locked)
Add support for font sizes2m 25s
-
(Locked)
Add styles for font sizes2m 46s
-
(Locked)
Disable custom font sizes1m 7s
-
(Locked)
Add support for responsive embeds3m 16s
-
(Locked)
-
-