How to Create a Custom Wordpress Home Page Template

[tqb780]

$9.94 coupon code for some one needs for hosting with hostgator

code: 10off135deals

[Buzznetworking]

Great video, how do I get rid of the part on the page where it looks like a blog and it says leave a reply and a place for e-mail 

[remyjongen]

Joomla <3

[franklinparrish]

I noticed that you have a recent blog post section on your static HTML home page. Was that updated manually or can you use a widget in the code?

[steve1073]

how do i make the rest of the site use the same colours and theme, if I followed ur instructions and designed my own home page, do I need to choose the colour scheme to correspond to the main theme of the site?



[divineIproject]

WordPress is great CMS both for beginners and professionals. And it's great that there are tutorials like this.

At the moment, we are creating our own WordPress tutorials.

Maybe we can give you a video response? We would be glad to you one.

[GamesForLifes999]

Thanks ! Can someone HELP me . If you want to make your own CMS is it HARD ?...

THANKS

[xtremetom180]

brilliant help thanks

[emilyemilyliz]

WHAT !!!!!

[seanpapanik]

Wonderful content man. I implemented it on my site nubski.com. Im a student new to the web design game. I even wrote a blog about how to do this. Im going to edit it and give you some credit now.

[CustomizeWordpress]

Perfect, just what I was hoping to find here. Thank you for this great tutorial.

[MountainLight274]

Thank you!! I had found a couple other methods of doing the same thing, but both were much more complicated. So simple; I love it. You rock. :)

[cuteypiecali]

You are my new best friend...I love watching your video's....they are very helpful...but it's still all Greek to me...I'll keep watching and hope the light will finally go on for me...lol I just wanted to tell you that I feel much better since I found your video's...I'll keep in touch as I want and need to learn this new career adventure...have a wonderful day...Thanx again Sheryl

[sforman789]

I've been looking for this info for days, thank you !

[stupidlovejs]

In my default theme, I don't have the template drop down list. I mean under Attribute, I got only "Parent" and "Order". How do I create my own page template then? got solution? e-mail me at ljsheng83@yahoo.com.sg. Really need your help!

[veritas52]

Glad I found this video before I pulled all of my hair out.

[MegaDavid9090]

@veritas52 haha nice one XD

[532mattt]

thanks man you really helped

[WordPressfan]

With my love for WordPress comes a healthy concern about backing up my blog. These templates are amazing! WPf

[eebujulie]

QUESTION: do you have these pages (HOME, SERVICES) hosted on a different spot then wordpress, or are you placing them within wordpress?

[joshuwilliams]

I am having trouble making the page images are not showing up thanks great video

[skillssaysitall]

Did I miss a step? You said create an HTML home page but on your tutorial it's a PHP home page. Do I need to convert the HTML page to PHP? Also could you type the php coding you put on the top of the page in your description box. Can't tell if there are spaces or not. Noob...sorry.

[2blogtipsFeLiX]

@skillssaysitall have the same problem, here

[skyyabsolut]

@skillssaysitall i think it's suppose to be a php page. html will run on php pages if i'm not mistaken.

[vivuwa]

@skillssaysitall I previously created a site in HTML and tried to use this method to attach a blog page. Just did not work and upset the settings of my site. I'm sure it's exactly because of what you noted. Let me know if you get an answer.

[usa4dima]

@skillssaysitall I understand that your question was posted long time ago. But in case other people are interested here are the answers:

Create an empty .php file and copy and paste your html code inside.

At the very top of your html code you should have the code from the video. Sorry, can't give you the code, because youtube does not allow to put the code into the comment.

[456flo]

Hi, thanks for this video, really helpful. The only issue I'm having is with the images, I did everything as you said, but the pictures in my page appear with a question mark instead of the image, I already uploaded the pictures to the images folder of my current theme. Any help?

Thanks!

[WinBackGirlfriend]

if im creating a "results page" for an auto insurance site would I do the same thing you did in the demo? My site is wordpress as well. So im wondering do i create a page called "results"? ... I have a code to place within this file so all the auto insurance companies display once the zip code is submitted into a form by the visitor. not working with pasting this code into a regular wp page

[TPCMedia1]

If you are using a Google Analytics WP-Plugin, will the custom home page be tracked by Google Analytics automatically using this method. Or do we need to add the Google Analytics code manually to the custom home page?

[siavashpan]

How would you create a front page where it show a summary of the main blogger as well as the contributors? I don't think a static page is the answer to that.

So basically, the home page would have let's say 4 rows and each only shows a picture of blogger, and besides one would see their most recent blog.

[siavashpan]

This is a great tutorial. But for some reason the template file does not show up under the attribute drop-down of the front page or page...

Any idea why that might be the case?

[mosehead7]

very bad explanation nothing to do with wordpress ....its all html whats the point of having the CMS system of wordpress ....just do the html site much simpler and faster

this link below does good wordpress .... wwwmatrixtrendzcom all text and gallery editable with unique designs.

[jdenicholls]

Good explanation man, thanks very much

[creativasfera]

Thanls a lot!!! I've been searching for a tutorial like this for hours, so useful!!! Brilliant, thanks a lot:-))

[Francisco90ab]

Thanks a lot... I was searching this :D

[Budguy68]

this song is so stupid, cant believe people still listen to this crap.

[infamousstuff]

were do i place this, do i place this in my theme folder or what iam confused iam doing everything but its not working, i cant select the template i made in the new page under select template

[infamousstuff]

Could you write it out on the description?, because i cant see if theres any spaces or anything so its fault code :/

[susanbranchsmith]

Worked right out of the box. THANK YOU SO MUCH. I can't tell you how much I appreciate this. I'm trying to use WP more and more often for clients. You've been a big help there.

[Four30]

Thanks, I found that to be a good primer... WP templates are so much easier than Joomla...

[drbuzzard12]

thank you this is helpful but please do not assume everyone can actually see where u are directing them, I am a minority as a blind wordpresseri realise but thought i would mention.

[smanjolo]

Thanks for this video. As an upcoming web and graphic designer, I found your video, short and straight to point.

Very helpful

[osmsolutions]

OMG I've been trying to figure out how to do this for a while and been so stuck! Thanks for your great video!

[CJXGaming]

How do I make a signup page. And a auomated email that send a confirmation email

[getshooksports]

Great Video straight to the point and very easy to follow. Most of the times the other videos don't give you the information you need they do it in a round about way.

As a web designer myself, I haven't a lot of time with word press and glad I came across this video. It will save me so much time.

Thanks Keep posting

[LiquidSatan]

Thanks for the awesome video. I am new to web design and have few experience in effecting coding knowledge. How does one create a static HTML page? Usually I design comps in Ps CS5, so I guess my question is: How would you take that static image in Ps and attach it to Wordpress??

[z0mbiemaster]

good one

[TheMichaelcordova]

quick question, if I already have an index.html page and it's live, once I install wordpress through my control panel will wordpress take or remove the original index.html file and be replaced by wordpress?

[mlmhakan]

to much shit talk

[07817457749]

Great vid, thumbs up! this may be a big ask but do you have a vid on how you made the static page? did you, for example make it in photoshop, then sliced it up etc... thanks!

[flabbermouth35]

Thank you, thank you, thank you!!! For making this lesson simple.

[GodsHandupMinistry]

This worked beautifully except my graphics. I have uploaded them to my theme content but still nothing.... Please advise how to get my graphics loaded

[Elron4u]

Thank you very much!

Works perfect.

[craig840871]

@mlwebco Great video! But I can't get graphics to display either, thought I did something wrong, like Hanausa16. Can I get a copy of the code?

[andrecalvoandre]

If you want to manage the content on the static page how would you do so?

[mlwebco]

@andrecalvoandre You would have to update the page manually via HTML like using Dreamweaver or any text editor. No CMS unfortunately.

[TentacleDesign]

@mlwebco Thanks! Isn't the point of a "CMS" is to to enable the client to be able to easily update little portions of a page. This seems like a real drawback. Am I missing something? thanks!

[joeboo2529]

hi mlwebco. you know once u import your html template page to wordpress. when creating a blog page hpw do you link up withing what theme that is already exist? do i have to create a blank page in html to hold up a content for it?

thanks you

[DuctTapeHQ]

hey, what screen recorder do you use???????

[enfinite5]

Great video, Ive seen alot of videos on uploading your own themes and your own designs to wordpress and there extremely complicated with tons of steps, but in this video you do it in jut a few minutes?are you able to make changes through the admin section of wordpress with these and change content through wordpress or add pages with this method

[xBmNsMo94x]

Hi, i did everything just like you said but when i go to the Template option all i get is "Default Template" or "One Column, No Sidebar"? How can i get my "Home Page" template that i put into the Themes folder to show up?

Thanks

[Mastersun88]

I have a question can you use html coding and make that the home page like you can in notepad but instead doing on your wp-admin and can you create custom pages that way?

[yoshirobi]

Does this technique work with the latest version (3.1).

[yoshirobi]

I apologize if this is asked and answered but does this technique work with the most current release wordpress 3.1. Thanks. Keep up the excellent work.

[Tim451963]

How do I create a custom post page? Not a custom home page. What I want to do is have the header and footer included in the page but not the sidebar and I want the page layout to be 100% of the screen.

[cavking1]

What the heck are you talking about - the only thing you managed to do here is confuse me.... thanks.

[liquidplastic62]

That's a great information thanks mlwebco. But could you do a tutorial on how to get maybe the most recent 3 or 4 posts - or most popular posts, to show up on the custom static homepage. I'm a WP noob. That would really seal the deal thanks.

[caminocalma]

very helpful. thanks!

[silurian1980]

Hi there

I have managed to get the homepage.php into the theme but I don't understand where to put the CSS that I created. It is not styled.

Can anyone help?

[therhythmatic]

AWESOME!! Thank you so much for this!

[hanausa16]

Thank you for sharing! I 've followed ur video to try to upload a Home Page n set it as the main page of my website at wp admin, but all the graphics on the webpage cannot be displayed. I did upload all the images to the img folder under the same theme... Can u advise? Thks

[mlwebco]

@hanausa16 Check your html code, make sure the source of all your images are pointing to a location where the images are. My images are not in my root location in an images folder like this... can't post the code in this comments box... email me or send me a message via youtube and I'll post the code.

[Mastersun88]

@mlwebco did you use image html code for the images maybe that will work I did that and that seemed to work for me on the images.

[LimeZestStudio]

@mlwebco Hi I had the same problem as hanausa16 re missing images. I checked my code for image location and it all looks ok - please advise what I might be missing here - many thanks

[Alexzandermusic]

@mlwebco I love this tutorial, but i am having the same problem with the images. could you please inform me how this is done.

[jagjotsingh26]

Hi, How much do you charge for such a web design with cms ? I need a similar site with 10 pages

[mikecarlsn]

Mike,

Thanks for this. I was able to do this just fine, but the blog did not use the same CSS as the home_page. I have 2 questions:

1. After creating an initial index (homepage) and putting the work into the CSS for that, how do you get your WP Theme to match the index/homepage CSS?

2. How do you get your blog summary onto your home page?

Any direction or videos on this would be very helpful! Cheers!

[xocaitlin88ox]

ughh I don't understand this! How do I get to the place where I type in that stuff?!

[braveopenseas]

Thanks! This was a great tutorial - I followed all your instructions and it works as promised, but the only issue that I'm having is that the images that are a part of my new custom home page aren't displayed. I added them to the images folder of the theme root directory where I uploaded the new home page, but they're not displayed. Any suggestions? They are relative image links used in my custom home page (ie. images/header.jpg)

[dyindyinjohnson]

When I do the static front and posts page, it doesn't work. I will have my home page, and I go to click blog, the only link it's like an enter site link, it just reloads the page.

[TaipeiTripper]

Amazing video, thank you very much!

[JazzieProd]

Hi.

Greetings from denmark.

I have just started using wordpress and i am very interested in learning how to make these static sites with a custom design on it.

I know photoshop very well because i use it to photo editing.

Will you be able to make a video for me where you show:

1. How to make a custom front page in Photoshop and what to name the layers.

2. The entire process from after creating a design to converting it and uploading it to the site.

Continued ..

[DMTV]

how did you identify and create links on homepage (i.e portfolio , blog ,.....)

[mlwebco]

@DMTV those links that you see (portfolio, services, blog, etc.) are just static links that aren't tied to the blog section. Think of a simple static website with those buttons linked to their respective page. Then I added the wordpress blog in a directory called "blog". Then I added my home page (or index page) to wordpress (shown in the video) which made it my default home page for the blog. It all sounds confusing, but it's pretty simple. :)

[DMTV]

@mlwebco hey thanks. for that , as a newbie to the whole design thing its very helpful to have such details instruction.

Also what is the name of the font you used when you made the Aquafish mock up on your video.

[squishy101]

@mlwebco So I just watched your video and it was very helpful, I got the home page to show up like I want it to, but when I click on the posts page it doesn't look like my template. I cant figure out how to make my posts page not look like the default template. I noticed that your website on the tutorial has a custom background and buttons to it but it still shows your blog posts. If you could help me out with fixing this I would greatly appreciate it.

[squishy101]

specifically at 5:42 you click to the blog page and it shows full posts but the same theme/background/buttons from before

[bigguitarman113]

Thanks man, you ROCK!!

[olgalora]

I follow up all steps, but still my Home page inicila and the new , what i need to do?

[piratedtop]

thx man

[TheAcousticBassist]

Great video, I do have a question though. Are you able to CMS areas of your homepage other than it being static content? Such as news feeds or feeds from your blog or even just some general content without having to do it manually?

[waverleyrocker]

@TheAcousticBassist I wanna know this too... I am experienced with design, but need a CMS for a site i am doing...

[gilespittock]

I don't seem to have the template option dropdown under attributes, any idea why this is?

[mlwebco]

@gilespittock It could be that you're on an older version, or newer version that changed the layout. What version of WP are you running?

[gilespittock]

@mlwebco thanks for getting back to me. I'm not sure what version but I downloaded it i the last week or so, does that help?. I had a look around under 'attributes' but the only option i have is 'parent' and 'order' but no 'template' option. Could it be something to do with my code perhaps?.

[mlwebco]

@gilespittock Ah, I think I see what you mean. Looks like the "Target" label has been changed to "Parent". See if you can do the same thing just using the Parent dropdown.

[gilespittock]

@mlwebco I already tried that but it's nowhere to be found, very strange!.

[gilespittock]

@mlwebco I looked but there's definatley no option for a template to be uploaded. Do you think it could be something to do with the code perhaps?

[DLocked]

Great tutorial, thank you. Having trouble creating a single-page site with my own design though... Followed your tut but my site is missing its own css even though ive placed it in the default folder... I thought creating your own theme from photoshop to dreamweaver to wordpress would be a lot more straightforward but I cant find a tutorial online thats thorough enough!!

[mlwebco]

@DLocked Your stylesheet doesn't have to be in the default folder. For my site mlwebco, I don't use the blog stylesheet in the default folder, my stylesheet is located int he root directory on my server and I just make sure I point to it within the header (php) page on the blog template. If you need help in more detail, you can email me at mlocke(at)mlwebco(dot)com.

[VexationAudio]

H Michael - I've got everything working as laid out in the video - now what I'm hoping to do is make other pages editable through wordpress the way you describe. Created my "About" page for instance (a copy of the homepage html in the About.php page as a placeholder . However, it looks to me like my other pages aren't picking up the tables and images in order to display. Someting is getting through since the page is black - nothing else. Do I need to put my images etc somewhere new?

[mlwebco]

@VexationAudio you can place your images in any folder, it can be in the root directory of your website, or in the default themes folder. It's totally up to you and how you want to manage the site. I keep all my images in the root folder of my site, just make sure you point to the image correctly.

[wwwHOTLEATHERDREAMS]

excellent info. now how did you make your blog pages look like your main website and control what content appears in certain sectors of the design. hope u understand what I am asking and reply :) nice vid

[mlwebco]

when I designed my site, I first design the blog and the site locally in a full working HTML prototype, making them consistent. Then I installed and edited the wordpress blog, my home page, and all the other pages about, services, portfolio, etc.

[alfie3739]

Hi thanks for the video,

I had changed the home page to a static page and blog page to blog but that left me with the "pages" template for all pages inc the home page and the index.php for my blog.

What i could not get my head round was how to keep the home page static but use a different template.

Naming the template allowed the me to define exactly what template file to use for the home page.

Wordpress docs are usually very good but didn't do a great job explaining this one.

Regards

[mlwebco]

@alfie3739 I'm not really sure if I understand the problem. Shoot me an email at mlocke (at) mlwebco (dot) com and I'll help you out. thx ~ Mike

[TheMichaelcordova]

Hey Mike,

Great video. I have a question that I don't see in here, after I create the HTML for the homepage or any other page how do I assign certain sections of the homepage to editable through wordpress?

[mlwebco]

@TheMichaelcordova once you set up your home page template, you can use any Wordpress plugin on that page like you would with any wordpress blog site. For example, check out my video on adding "recent posts" to your home page:

/watch?v=2N4-WvgFFwo

[mlwebco]

Yes, I edited the default wp theme with my own design.

[emilpetroff]

Hi I want all pages static, no posts and my client who does not know html to be able update txt and pics on these pages- how do I do this?

[mlwebco]

Sorry, been on vacation, lost track of comments. Basically, you want to use wordpress as a CMS. You have to create a template for each page (just like I created the template for the Home Page in this video), then on each page, you have to add some wordpress code. But I can't post it here in the comments. Send me a personal message or email and I'll send you the details.

I plan on putting out another video on how to do what you're asking. Stay tuned.

[xuser22]

I understand how to create a static home page, but i want in that page to show some frames with dynamic content like: recomanded or random posts from a category [let's say about 6 posts, only the short description with the thumbnail], recomanded videos frame, a text frame... etc. (you can also put some php code in there, i understand very well php but i'm new in wp architecture). Anticipated thks

[mlwebco]

Check out my other video on how to add "Recent Posts" to the home page and let me know if this helps?

/watch?v=2N4-WvgFFwo

[mlwebco]

Also, I think what you're looking for are Wordpress plugins. To accomplish what you want (those dynamic content areas) you just need to do a search for "Wordpress plug-ins" for specifically what you need. Once you make a page a template like in my video here, you can add any wordpress plug-in to it.

[KayComet]

I have three blogs I am trying to this with and therw is no drop bown template feature on the pages in either of them. Do I just need to find another word press theme?

[mlwebco]

No, I don't think you need to use a different theme. I just think you may need to upgrade to one of the latest versions of wordpress. You should be able to upgrade without losing any customizations.

[djmixmind]

Great Video!

But underneath where the sections (Welcome, Things, Work) are do you do that in Phototshop or is that in the Html?

Ive never really understood that?

THANKS FOR ALL THE HELP!

[mlwebco]

That portion is designed or mocked-up in Fireworks (i.e. Photoshop). But then, it's sliced and converted to HTML. So the end result is HTML/CSS. But I intially design it in Fireworks. Fireworks is the lighter version of what Photoshop is.

[daneodoms]

So I made an html template with a nice graphic header and blank body. However, when I try to add body content on a new WP page using my custom page template (within WP), it only renders my original outline content that was created with html. How can I add text & images to the body of this page using the WP editor?

[mlwebco]

Yeah, you have to add a litle code to the template. But i can't paste the code in this comment box. Just email me and I'll send you the code to add.

[KayComet]

Now I have two home pages in my menu?

[mlwebco]

Forgot to mention, some Wordpress templates already have the homepage.php as a template. All you do in that case is change the file name to something else. ;)

[mymlmguru]

Good stuff exactly what I was looking for!

[anthony4umami]

thansk alot, simple and straigh to the point.