Full width home advertisement

Travel

Ramblings

Post Page Advertisement [Top]

Having an animated background for your homepage is something that a lot of people would like to do. For Content Management Systems (CMSs) like WordPress, it gets a tad more complicated as you're working within a preset frame.

Luckily, I like the idea of an animated background too.

And I like to do it easily.

But before you attempt this, you need to get the prerequisites set.

1) Get WordPress installed on your webhost.
2) Install the theme 'Illdy'
3) Upload your video that you'd like to play onto your YouTube channel.

Once you do these things, you're ready.




First, you'll need to edit the actual file.


  1. Go to Editor.
  2. Find Header.php (for header of the template).
  3. Find the line: <header id="header"
  4. Delete the 'Style' (as this sets the background Jumotron image). If will start with a <?php 
  5. Copy paste this:
    <div style="position: fixed; z-index: -99; width: 100%; height: 100%">
    <iframe frameborder="0" height="100%" width="100%" src="https://www.youtube.com/embed/<strong>VID_ID</strong>=1&loop=1&controls=0&showinfo=0&autohide=1&modestbranding=1&playlist=<strong>VID_ID</strong>"></iframe
    </div>

    Replace 'VID_ID' with yours. You can use this as a guide for Vimeo (which works just as well).


That's it.

Just note that it squishes itself on mobile.

18 comments:

  1. It is truly a practical blog to find some different resource to include my knowledge. Backpage replacement

    ReplyDelete
  2. Background removal services of product images. This service helps E-commerce websites. Good looking product images improve sales… hire background removal service

    ReplyDelete
  3. i never know the use of adobe shadow until i saw this post. thank you for this! this is very helpful. https://www.markedcardsforsale.com/marked-cards.html

    ReplyDelete
  4. We are really grateful for your blog post. You will find a lot of approaches after visiting your post. I was exactly searching for. Thanks for such post and please keep it up. Great work. https://www.cardslenses.com/marked-cards.shtml

    ReplyDelete
  5. Hey what a brilliant post I have come across and believe me I have been searching out for this similar kind of post for past a week and hardly came across this. Thank you very much and will look for more postings from you. Ozzun Digital marketing agency

    ReplyDelete
  6. I have been checking out a few of your stories and i can state pretty good stuff. I will definitely bookmark your blog wordpress plugin

    ReplyDelete
  7. I really appreciate this wonderful post that you have provided for us. I assure this would be beneficial for most of the people. Thanks for sharing the information keep updating, looking forward to more posts.
    High Quality Product Images

    ReplyDelete
  8. This is such a great resource that you are providing and you give it away for free. I love seeing blog that understand the value of providing a quality resource for free. metal dice

    ReplyDelete
  9. I found so many interesting stuff in your blog especially its discussion. From the tons of comments on your articles, I guess I am not the only one having all the enjoyment here! keep up the good work... metal dice

    ReplyDelete
  10. Yes i am totally agreed with this article and i just want say that this article is very nice and very informative article.I will make sure to be reading your blog more. You made a good point but I can't help but wonder, what about the other side? !!!!!!Thanks scarponcini diesel

    ReplyDelete
  11. Thanks for another wonderful post. Where else could anybody get that type of info in such an ideal way of writing? Wordpress webshop laten maken

    ReplyDelete
  12. Hello! Could you help me to find the ID of my YouTube video : https://www.youtube.com/watch?v=4Fy2hl1uAsQ

    Thank you

    Best

    ReplyDelete
  13. I think other website proprietors should take this internet site as an example , very clean and fantastic user genial style . new york web design company

    ReplyDelete
  14. I’m really inspired together with your writing abilities and also with the layout to your weblog. Is this a paid subject matter or did you customize it yourself? Either way keep up the excellent high quality writing, it is uncommon to see a nice weblog like this one nowadays.. new york website design company

    ReplyDelete
  15. Hey there. I want to to inquire something…is this a wordpress weblog as we are thinking about shifting over to WP. Also did you make this theme on your own? Thanks. best branding agencies san francisco

    ReplyDelete
  16. Inspiring and very useful, highly recommended for all bloggers out there.
    Russian

    ReplyDelete
  17. At first just a bunch of capable and notable WordPress topic planners discharged paid premium WordPress subjects which were very much structured, exceptionally useful, top-quality topics that changed a WordPress establishment free udemy courses download

    ReplyDelete
  18. This is a great article thanks for sharing this informative information. I will visit your blog regularly for some latest post. I will visit your blog regularly for Some latest post. instagram video likes and views

    ReplyDelete

Bottom Ad [Post Page]