how to create this template

  • Ok I have a vague idea of how to to get this working, how to design it (I’ve done a far more detailed sketch on paper) and have created a bog standard plain mock up in Paint to gauge opinion and advice.

    Here are the two mock ups:

    https://sekhu.net/stuff/front.jpg
    https://sekhu.net/stuff/single.jpg

    Now front.jpg relates to what the visitor will see when the visit the site. Single.jpg refers to what the single page will look like. That seems easy enough. It’s the front page that will probably cause me problems, even then, theoretically it’s pretty easy.

    The four boxes that I want to create was suggested that I could use lists to create them. I would want them all of x size so they match. I’ve seen other sites and they all use “list box” instead of float – now I assume that’s because they’ve used lists to create the boxes.

    1) how would I create the boxes first using the lists so that they are a) aligned in that format and b) they are spaced as is – I guess I could use padding or borders. The box colours are there for representation – I have no intention of creating something equally garish.

    Within each box I will call the excerpt for the latest entry from specific categories, I think I get this and know how to do it. I would want the image used for the entry to be displayed in the exercpt which will be a top left hand corner job.

    2) Can anyone forsee any major problems with the design, what issues I may face when trying to do x, y and z and why I should do x instead of y for example?

    Thanks in advance for your input

Viewing 8 replies - 1 through 8 (of 8 total)

  • You probably need something like like this It might need a tweak for IE.

    Thread Starter jinsan

    (@jinsan)

    Many thanks Root I’ll take a stab at it.

    Thread Starter jinsan

    (@jinsan)

    Well so far so good – everything seems to be slotting into place. Now the tricky part is the content. I;m trying to get my head around how to do this:

    Each block will have a thumbnail image in the top left – the content in the box will be from an excerpt, with the thumbnail image (if it pulls it).

    Now, by default all images align left, but they don’t wrap the text so just to refresh my memory I would need to add a class to the image(s). So, seeing as WP’s built in image handling is rather…incomplete, and using something like IImage Gallery, I need to still figure out:

    1) what would the quicktag looklike to add a class and only a class, no brackets, just the words class="left" This would probably make the process easier for me.

    2) does the excerpt display the more tag? I won’t have the title of the post, beause fankly it won’t in those small content boxes, so the more tag will have to come to the rescue.

    3) If I use a recent posts plugin, can I set it to:

    a) when posting a link, check the category and use a bullet image for that category – or to colour the bullet it will create when listing the link?

    b) would it be difficult to colour links from category x a different colour in the list on the main page?

    4) if the front page is my index.php, and a user clicks categoryx, can I use that categoryx.php to display a single post in full, rather than using single.php – do I even need single.php in this case? The user clicks more, and it sends him straight to the post, so I guess not?

    Thanks again

    The site: https://reviews.sekhu.net

    wtf, do none of you know how to use tables, this is the perfect time to use a table.

    The “perfect time” to use tables passed years ago.

    My new technique is to always start as high up the template hierarchy as possible by making the first page into home.php. Everything else will default to index. That gives us two templates straight off the bat.

    Sweet I really like that, just thinking though, should it be a bit wider to help you not cramp things up?

    Well that is looking good. The footers gone. Would have been an ideal place for the *cough* design credits. :). Looks really neat.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘how to create this template’ is closed to new replies.