You could reduce bounce rate, increase dwell time and boost your SEO simply by embedding a video on your post. Leverage on YouTube videos to bring life to your post. While you always have to strive to write great original content, embedding other content into your site can boost readability and credibility. You might lose this code changes if you add it to your theme directly.Īnd, you’re done. If you’re not using a child theme yet, you need to read this guide on why you need to create a child theme. Next, add this CSS code to your child theme’s style.css. First, wrap your iframe code in a div like this with class “iframe-container”: With most WordPress themes now being responsive, embedding a YouTube video might break your site design on mobile.Īs you can see, the video iframe is cut-off on mobile. When embedding YouTube video, you’ll notice that it’s not responsive. So how do you make YouTube embed responsive? Or Vimeo embed responsive? How to Make iFrame Responsive in WordPress? While it might work for a Twitter tweet, poll or an Instagram post, it doesn’t look great for video. One thing you’ll notice as you start embedding an iframe on your post is the size of the iframe is fixed. YouTube (for more info on embedding YouTube video, check out this detailed guide): Most content providers will provide you with the embed code that you could customize and copy to your site. But if you live and breathe plugin, I’ll share some of the best WordPress plugins for embedding iframe below. You don’t have to install a plugin for that. To embed an iframe you need to copy the iframe code into your text editor. Whenever I want to update the code, I could simply do it over at Github and the updated code would be reflected on my site. I particularly like embedding code using Github gist. A post shared by Cool Universe on at 11:22pm PDT
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |