Take the 2-minute tour ×
WordPress Development Stack Exchange is a question and answer site for WordPress developers and administrators. It's 100% free, no registration required.

I'm new to WordPress.org and currently I'm making a food recipe website. What I want to do is to create a menu with different categories, eg Pork, Seafood, beef etc and when I clicked into each categories, it links to a page with a whole page of different images with the food names under each image, and when you click an image, you get directed to the page containing that food recipe.

I'm just wondering how can I add multiple images links with food name under them in a single page?

share|improve this question
    
How's your WordPress theming and general coding knowledge? It's easy to think of how to code this, but it gets trickier if you can't do that. –  mrwweb Apr 23 '12 at 4:10

1 Answer 1

You have two options which I'll call the "quick and dirty" and the "sustainable."

Quick and Dirty

You could manually-create the Categories Page with many left-aligned images with captions and the Link URL field for each image linked to a set of pages where you repeat that process with images linking to individual recipes.

If you have a small, set number of recipes, this will get the job done, but if you plan on adding, editing, or removing categories and recipes, this solution will be borderline-impossible to maintain. Which leads us to...

Sustainable

This requires significantly more upfront work and WordPress know-how, but will serve you well. Here's how I would handle it.

  1. Create a new "Recipes" custom post type using register_post_type().
  2. Create a new "Food Type" custom taxonomy to the Recipes post type with register_taxonomy().

    • These first two steps will keep your admin clean and keep your recipes and Food Types separate from Posts and Categories, respectively.
  3. Install the Taxonomy Images plugin.

  4. Add a "Recipe Categories" Page Template to your theme that displays the taxonomy images and labels for each term in your Food Types taxonomy. Each image and label will link to that term's taxonomy archive page.
  5. Assign a featured image to each Recipe post you make (Make sure that you've enabled post thumbnails when you register your post type in Step 1.). Finally, create a custom template (via the Template Hierarchy) that applies to all the Food Type Term Archives and displays the Featured Image and Title of each recipe as a link.

VOILA!

share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.