Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

WordPress

Gina Bégin
PLUS
Gina Bégin
Courses Plus Student 8,613 Points
Posted by Gina Bégin
Gina Bégin
Courses Plus Student 8,613 Points

Is there a course here to learn how to create a video header for a Wordpress site?

My brother wants me to add a video header, similar to this site: http://cobblehilldigital.com/ on the front page of the website I'm trying to create for him. I am using the Genesis theme right now and tinkering with it (using the Cafe Pro child theme from Studio Press).

My questions are:

A. Is there a course on here that will teach me (or show me) how to do this? and

B. I'm also kind of wondering: It seems having a looping video would slow down the site's speed tremendously and might be viewed as bad form — more flash than function and will eventually go the way of those flash intros websites used to have back about a decade ago. Is that true?

4 Answers

Gina Bégin
Gina Bégin
Courses Plus Student 8,613 Points
Gina Bégin
Gina Bégin
Courses Plus Student 8,613 Points

Holy cow, did you just whip that up right now? :) Thank you!

So, if you're willing to help me dive a little deeper, I'm working on making this site right now for my dad and brother. It's built on the Cafe Pro theme, and I'd like the video to be under where it says "Kitchen Gallery" in the top section, under the nav bar.

http://kgshowroom.com/wordpress/

Would I just insert your code into that header section, essentially just deleting all the image information that is there and putting in your code, or is there something else I need to do?

Sue Dough
Sue Dough
35,800 Points
Sue Dough
Sue Dough
35,800 Points

Yeah I did :)

I don't know. I got to see what you are working with. I will email you at gina@ginabegin.com .

Sue Dough
Sue Dough
35,800 Points
Sue Dough
Sue Dough
35,800 Points

There is a few ways this can be done. It can be done with HTML and CSS. You can even reverse engineer that part of the example site with inspect element. You could then create a new template or build the page in an editor. There is an HTML course dedicated to videos on treehouse that may be helpful to watch. A lot of building this will come down to some basic HTML, CSS, and word press knowledge. I would advise not using flash. The video will slow down your site especially if it is self hosted so take that into consideration. You could use a CDN or caching plugin to improve the performance. You could also host it somewhere else for faster delivery such as a video site. Another way to build something like this would be with a slider plugin. You could check out this popular one called Revolution Slider. http://codecanyon.net/item/slider-revolution-responsive-wordpress-plugin/2751380

Gina Bégin
Gina Bégin
Courses Plus Student 8,613 Points
Gina Bégin
Gina Bégin
Courses Plus Student 8,613 Points

Thank you. I just don't know how to implement it, so I'm looking for a place that can teach me.

Gina Bégin
PLUS
Gina Bégin
Courses Plus Student 8,613 Points
Gina Bégin
Gina Bégin
Courses Plus Student 8,613 Points

Ok, ghost code. Sounds good. I'm going to try and play with it in the mean time and see if that's what I need to do.

Gina Bégin
PLUS
Gina Bégin
Courses Plus Student 8,613 Points
Gina Bégin
Gina Bégin
Courses Plus Student 8,613 Points

Ah. Still not getting it. I can't find a way to insert HTML into Wordpress; I only see the CSS stylesheet. There's not a <body> or <head> section that I can see in any of the files from Appearance > Editor.