WordPress.org

Ready to get started?Download WordPress

Forums

food site using wp - not a standard template (31 posts)

  1. JohnPope
    Member
    Posted 6 years ago #

    I have used WordPress quite a lot in the past, but haven't used it for a few years.

    Earlier this year, I started a food blog but didn't know how much time I would have to post anything on it, so I just used wordpress.com, now I am finding that I am spending more time there than I thought I would be able to, and I want to do a lot of things with the site/blog that wordpress.com just doesn't allow me to do.

    I've put together a site and imported posts over from my existing blog, and it is currently living in a temporary place while I work on it and try to iron out some bugs.

    I'm happy with the front page, and the rest is starting to come together as well, although there is a bit of CSS fiddling still to do.

    My biggest problem is that I only have a Mac at home, and while everything looks fine to me in Safari, Firefox and Opera, and also looked ok in IE7 from an internet cafe this morning, I have no way to see how broken it all is in IE6 or earlier.

    I'd really appreciate any and all feedback, both good and bad.

    Thanks in advance.

    http://www.sevent.com.au/food/

  2. Chrisber
    Member
    Posted 6 years ago #

    The full justification in the gray text boxes looks terrible. Otherwise I think the design is pretty clean and different from most other WP sites.

  3. JohnPope
    Member
    Posted 6 years ago #

    I wasn't sure about that either, when I did it there were only 4 cats on the page and the excerpts were much longer, it looked much better.

    Just changed it to left justify, looks a lot better.

  4. Chrisber
    Member
    Posted 6 years ago #

    It is a definite improvement, but I would suggest going back to a layout that's closer to your original 4 categories. Maybe a 2 across grid instead of 3 across. When line lengths are too long or too short they are much more difficult to read.

  5. mach2racer
    Member
    Posted 6 years ago #

    Looks good to me

  6. JohnPope
    Member
    Posted 6 years ago #

    Chrisber: Thanks for the input, but I need to keep all 6 cats on the front page, so will keep the grid as it is, but might try changing around a few other things on the page.

    Is anyone out there using IE6?
    I know that the front page looks ok, but would like to know if the category and post pages are ok in IE, or if they break in some strange way.

  7. PhotoluluGuy
    Member
    Posted 6 years ago #

    Interesting layout. Now I'm getting hungry.

  8. JohnPope
    Member
    Posted 6 years ago #

    Surely somebody out there is using IE? :)

    I've added a 'Development blog' to the About the site page in case anyone wants to follow my adventures in wordpress.

  9. How about this...

    My first impression of your website is that I don't exactly know what I'm doing there or what to do next...

    Sure, there are 6 blocks in front of me, but none of them naturally gravitate my attention, nor do they really set a good expectation on what is coming next and why it warrants my attention...

    I like the idea, I like the colors and I like the fact that it's a break away from the typical layout monotony, but in the end it leaves me wishing I knew why I was supposed to keep reading...

    Good direction and good luck!

  10. JohnPope
    Member
    Posted 5 years ago #

    Ouch! :)

    The idea is that each of the six blocks represents one section (category) of the site.

    The newest post in the section is featured with the excerpt and a picture, and the next 3 posts are listed by title only.

    It's a pretty standard kind of idea for news sites, etc. Latest article with some info and pic, then other articles listed.

    Maybe the fact that there are the six sections means there is too much on the page, and this is why you don't like it, or maybe my excerpts and pics just aren't interesting enough.

    I have made a slight change to the css of the page today, which will be carried through to the rest of the site as well either today or tomorrow - I think that the light grey background makes quite a big positive difference to the front page (just worried that it makes it look a bit BBC).

    Thanks for the comment, would love more if anyone has any thoughts.

  11. Chrisber
    Member
    Posted 5 years ago #

    I was also a little bit confused about where to go and how to get there. I think part of the problem is that your links don't really look like links. I think it would also help if your categories had more interesting titles.

  12. arkane8
    Member
    Posted 5 years ago #

    I like how you take wordpress and mold it to outside of the box. Very well done. It shows really how much powerful wordpress is. Lol you even named the blog directory /food. I haha'd.

    Anyway, the customization is certainly nice. I also customized mine beyond standard WP but unforutnately it's still a vertical blog type post (I'm trying to do two columns). Anyway check it out, the site is a hip hop community about buying beats.

  13. JohnPope
    Member
    Posted 5 years ago #

    This site has now moved to johnonfood.com

    There is still a lot to, but I think it is looking better and better.

    For anyone curious about what we are doing with wordpress, the site development blog is at dev blog

    Thanks for all comments in here so far, I'm eager to improve the site, so would love more criticism and opinions (good or bad).

  14. Chrisber
    Member
    Posted 5 years ago #

    John: I went back for another look today, and I think the gray background behind your categories is an improvement. A vertical rule to enclose the sides of that gray box would be a nice touch.

  15. kaethy
    Member
    Posted 5 years ago #

    Make the category titles bigger and easier to see.

  16. JohnPope
    Member
    Posted 5 years ago #

    kaethy: I'm assuming that you are talking about on the frontpage?

    Just had a CSS juggle of the front page, makes the category titles much bigger and stand out more.

  17. mikey1
    Member
    Posted 5 years ago #

    Hi there, what a great blog, and I'm glad to see that others are praising you too.Very original, and I like the clear navigation, as a well known foody, I can always read about it, well done.
    Its bookmarked.
    Mike.

  18. Cathy Tibbles
    Member
    Posted 5 years ago #

    I have a similar design that I've been working on. Here, I thought I was original! I bet you found a better way to query the category's latest post too. I like the site. Very clean and easy to navigate.

  19. JohnPope
    Member
    Posted 5 years ago #

    Mikey: Thanks, I'm glad you like it. :)

    Multitalented: I bet I didn't, it's very hacked together, but I'm going to go back and make it all neater, I just wanted to get it looking reasonable and out there first, and then I'll go back and clean up the code and the css later.

  20. Chrisber
    Member
    Posted 5 years ago #

    It's looking better all the time.

  21. Netwonder
    Member
    Posted 5 years ago #

    John Pope

    Any chance you could share your secret for pulling the different category posting to the homepage like you did. I am working on a site and I would like to do the same thing.

    I wrote this but no luck.

    <?php require('/home/content/t/a/l/talkingscience/html/blogs/wp-blog-header.php'); query_posts('showposts=2'); wp_set_post_categories('/home/content/t/a/l/talkingscience/html/blogs/category/health/Health');
    while (have_posts()) : the_post(); ?>
    <h3>" rel="bookmark"><?php the_title(); ?></h3>

    <h7><?php the_time('m/j/y'); ?> | Filed under:
    <?php the_category(', ') ?></h7>
    <?php the_content('Read more...'); ?>

    <?php endwhile;?>

  22. omgitztrey
    Member
    Posted 5 years ago #

    You are suppose to be pulling it by category id

    And you will need multiple loops

  23. maurreen
    Member
    Posted 5 years ago #

    I would make "Other stuff" the last box of the six.

  24. JohnPope
    Member
    Posted 5 years ago #

    Sorry, I've been away for a week.

    To pull posts from different categories into lists on the frontpage like I have done is pretty simple, but you will need to use multiple loops.

    Below is the basic code that I am using on that page. I've stripped it down to a simple form without any formatting so that it is easy to follow. You just need to repeat the loop for as many categories as you want to display.

    <!-- Featured post in 1st category -->
    
    <?php $my_query = new WP_Query('category_name=THEFIRSTCATEGORY&showposts=1');
     while ($my_query->have_posts()) : $my_query->the_post();
      		$do_not_duplicate = $post->ID; ?>
    
    <?php the_title(); ?>
    <?php the_content; ?>
      		<?php endwhile; ?>
    
    <!-- Other posts in the 1st category -->
    
    <?php query_posts('category_name=THEFIRSTCATEGORY&showposts=4'); ?>
    <?php if (have_posts()) : ?>
    <?php while (have_posts()) : the_post();
    		if( $post->ID == $do_not_duplicate ) continue; update_post_caches($posts); ?>
    
    <?php the_title(); ?>
    
    <?php endwhile; ?>
    <?php endif; ?>
    
    <!-- Next category -->
    
    <!-- Featured post in 2nd category -->
    
    <?php $my_query = new WP_Query('category_name=THESECONDCATEGORY&showposts=1');
     while ($my_query->have_posts()) : $my_query->the_post();
      		$do_not_duplicate = $post->ID; ?>
    
    <?php the_title(); ?>
    <?php the_content; ?>
      		<?php endwhile; ?>
    
    <!-- Other posts in the 2nd category -->
    
    <?php query_posts('category_name=THENEXTCATEGORY&showposts=4'); ?>
    <?php if (have_posts()) : ?>
    <?php while (have_posts()) : the_post();
    		if( $post->ID == $do_not_duplicate ) continue; update_post_caches($posts); ?>
    
    <?php the_title(); ?>
    
    <?php endwhile; ?>
    <?php endif; ?>
  25. JohnPope
    Member
    Posted 5 years ago #

    @maurreen

    Thanks, I think you are right. I'll move them around this afternoon.

  26. Chrisber
    Member
    Posted 5 years ago #

    JohnPope:

    Any chance you would be willing to let me take a closer look at your template files? I'm trying to figure out a way to organize my site by category. The more I study your site the more I like your basic concept.

    Thanks,
    Chris

  27. mores
    Member
    Posted 5 years ago #

    I really, really like it, it's well planned and well done.
    I guess most of your work was in planning, what you want to categorize how :)

    Site bookmarked ;)

  28. justderek
    Member
    Posted 5 years ago #

    @JohnPope

    Don't know if you've solved the IE testing issue yet, but if not: are you aware of browsershots.org? I use it all the time. As its front page says:

    Browsershots makes screenshots of your web design in different browsers. It is a free open-source online service created by Johann C. Rocholl. When you submit your web address, it will be added to the job queue. A number of distributed computers will open your website in their browser... make screenshots, and upload them to the central server here.

    So you just select which browsers/other specs, put in the url of the page you want to test, and then wait a bit as the screenshots come in and load on the results page.

  29. redhousepainter
    Member
    Posted 5 years ago #

    I didn't read all of the posts so I'm not sure if this was covered but...

    I also have a Mac and when I can't be bothered running IE on VMware Fusion I use the best web tool in the world.

    Personally, I really like the front page boxes structure. I'd just make them navigational graphics and get rid of the text.

  30. lexipixel
    Member
    Posted 5 years ago #

    Very nice layout.

    One suggestions: Since you set the precedent of enabling users to click on the image(s) on the home page to read a post, it would be nice if you the images in the category pages also were clickable, (should be as easy as adding the same tag as the title,

    <a href="<?php the_permalink() ?>"><img src="/path/to/filename.jpg" border="0" alt="<?php the_title(); ?>" /></a>

    e.g.- in http://johnonfood.com/sections/how-to/

    You can't click the images --- AND I WANTED TO!

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.