How to Create a Custom WordPress Home Page Template
www.mlwebco.com – In this video I demonstrate how to create a wordpress page template and use a static html page as your wordpress home page. This is useful if you want to use a custom static html wordpress home page and display your blog posts on a seperate page other than the home (index) page. If you have any questions, contact me Email: mlocke@mlwebco.com Twitter: @mlwebco














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.
Amazing video, thank you very much!
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 ..
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 ..
@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.
@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.
how did you identify and create links on homepage (i.e portfolio , blog ,…..)
specifically at 5:42 you click to the blog page and it shows full posts but the same theme/background/buttons from before
@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.
Thanks man, you ROCK!!
@TheAcousticBassist I wanna know this too… I am experienced with design, but need a CMS for a site i am doing…
THANK YOU!
I follow up all steps, but still my Home page inicila and the new , what i need to do?
@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?
thx man
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?
@mlwebco I already tried that but it’s nowhere to be found, very strange!.
@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.
@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?.
@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?
I don’t seem to have the template option dropdown under attributes, any idea why this is?
@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 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.
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!!
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?