[WordPress] Need help with customising the static home page.

Discussion in 'CSS' started by MafiaPenguin, Mar 22, 2010.

  1. #1
    Hi everyone!

    Now, i have been working on my website for a few weeks now and have come to a few road blocks. The first one was resolved by Basti (Thankyou for that! :)) however i have just hit another, and this involves customising a wordpress static home page.

    Basically i have no idea how to do it. Any information your willing to shed on this topic would be much appreciated!

    Anyway, on the static home page i want a few things. Nothing seems that hard to achieve really, i just have no idea where to start. Below you will find a quick rough mock up i have done on photoshop of how i want the static home page to look. Its simple in layout and design, thankfully.

    [​IMG]

    The current state of my static home page is empty, all i have one it are somethings i have whipped up in the pages post to make it seem more attractive for now. The link for my website is http://filmhammer.com

    Im not asking you to tell me all of what i want to accomplish, just if you can, some of it. Any help to get me towards that photoshop mock up would be appreciated. If you need any more information just let me know! The only thing i don't want to here is "its not possible!".

    Thanks for your time. ;)
     
    Last edited: Mar 22, 2010
    MafiaPenguin, Mar 22, 2010 IP
  2. Basti

    Basti Active Member

    Messages:
    625
    Likes Received:
    6
    Best Answers:
    3
    Trophy Points:
    90
    #2
    Properbly best to edit the home.php (i think) template once your in the wp admin. I think its at appearence
    You would need to find the part which include the posts, that is one short tag i think, but dont know how its called, would need to see the file, before that place your code
    if you dont want any php in it simply make it like this

    Put this before the tag i mentioned above ( backup your file, you most likely need a few tries )
    
    ?>
    
    place html here
    
    <?php
    // we put the above stuff before the wordpress content tag so we can use html the easy way
    the post Wp-tag
    
    Code (markup):
    for the sidebar basicly make a new div like the sidebar, give it a width, etc etc and put your html/wordpress poll code in there
    eg. ( put the css codes in the css , float:right; and widths etc etc )
    
    ?>
    
    <div class="homesidebar">
    first some html code here for that box with the link
    
    <?php
    // now we open php again, because we want to use a wordpress tag
    here comes the wordpress poll tag, but dont ask me which is it, should be able to find it out on wordpress or looking at the other files. No such plugin? find it on wordpress, there u should see the tag needed in install instructions
    ?>
    </div>
    
    now you can place html here again, because you closed the php tags<br />
    simply write you welcome text and images here
    
    <?php
    // we put the above stuff before the wordpress content tag so we can use html the easy way
    the post Wp-tag
    
    Code (markup):
    I think that should work, may not be the prettiest, but iam no wordpress coder -.- So there might be better solutions
     
    Last edited: Mar 22, 2010
    Basti, Mar 22, 2010 IP
  3. MafiaPenguin

    MafiaPenguin Guest

    Messages:
    134
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Thankyou, again ^^

    I'll look into what you said.
     
    MafiaPenguin, Mar 23, 2010 IP
  4. MafiaPenguin

    MafiaPenguin Guest

    Messages:
    134
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Ok, well i managed to get a column in the static home page. I used "Wp-Post-Columns" would using this restrict me in anyway?
     
    MafiaPenguin, Mar 23, 2010 IP
  5. Basti

    Basti Active Member

    Messages:
    625
    Likes Received:
    6
    Best Answers:
    3
    Trophy Points:
    90
    #5
    Cant tell sorry, never heard of it
     
    Basti, Mar 23, 2010 IP
  6. MafiaPenguin

    MafiaPenguin Guest

    Messages:
    134
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Basti, I haven't got a home.php

    How would i implement a new home.php file that i create so my homepage uses the home.php instead of the pages.php or whatever it uses now?

    Thanks :)
     
    MafiaPenguin, Mar 25, 2010 IP
  7. MafiaPenguin

    MafiaPenguin Guest

    Messages:
    134
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Never-mind i sorted it out :)
     
    MafiaPenguin, Mar 25, 2010 IP
  8. ThoughtPunk

    ThoughtPunk Active Member

    Messages:
    1,135
    Likes Received:
    13
    Best Answers:
    0
    Trophy Points:
    78
    #8
    COrrect me if I'm wrong but wouldn't it be easier to create a page and set that page as your static home page in your settings?

    On your newly created page you can add tables for the layout you're seeking.
     
    ThoughtPunk, Mar 25, 2010 IP
  9. Basti

    Basti Active Member

    Messages:
    625
    Likes Received:
    6
    Best Answers:
    3
    Trophy Points:
    90
    #9
    There we see it, got no experience in wordpress -.-
    Punk´s advice really seem to make more sense :)
     
    Basti, Mar 25, 2010 IP
  10. MafiaPenguin

    MafiaPenguin Guest

    Messages:
    134
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #10
    Yes, that does sound easier, so far i have the separate static home page (created) and im just trying to figure out how to add the tables and layouts.
     
    MafiaPenguin, Mar 26, 2010 IP
  11. ThoughtPunk

    ThoughtPunk Active Member

    Messages:
    1,135
    Likes Received:
    13
    Best Answers:
    0
    Trophy Points:
    78
    #11
    If you have a HTML editor like dreamweaver create the page in there first then copy and paste the code into your wordpress page. Just make sure you don't copy all the code, just the code in the <body> tags.
     
    ThoughtPunk, Mar 26, 2010 IP