17 - Implementing the Work Section - Part 1

In this chapter we’ll actually do the things to get the Work section implemented that we planned out during the content modeling phase of our project.

 

One of the big advantages to documenting the content model up front is that it’s much easier to come back to a dormant project and jump back into development.

‘Nuff said about that.

The Building Blocks
In the content heirarchy of ExpressionEngine the lowest-level blocks are the individual fields. Let’s get those in place for our work/portfolio section. Implement the following (per the Content Model that we mapped out):

Create a new File Upload Preference for the Work images. As part of that File Upload Preference create the following Image Manipulations:

  • Related Image: 220px wide
  • Gallery Image: 300px wide
  • Main Image: 940 px wide

Now create the Work Field Group and then the following fields within it:

  • Work Image, File field type, mapped to the File Upload Preference you just created.
  • Work Description, Rich Textarea field type, XHTML formatting.
  • Work Client, text field, no formatting.
  • Work Link, text field, no formatting.

The next level of building block is a Category Group. Categories allow you to pull groups of entries from within a channel. In our case we’ll use them to organize the Work section into the Photography, Print, Video, and Web views that the design calls for.

Create a Category Group named “Work” and within it create the four categories I just mentioned.

Tying It Together
With the low-level blocks created we can now create the Work channel. Do that, and remember to assign the Field Group, the Category Group, and the Status Group.

Enter Content
You now have the necessary structures in place to begin entering content. Enter 5-6 Work entries, filling in all the fields and remembering to assign categories to each.

In the next chapter we’ll setup the templates to display this content.

Category Navigation

<< Previous Entry   

Next Entry >>

 

Previous Comments

Picture of matt

by matt

Date: Wednesday, September 10th, 2014
Comment: #1

Hi Mike,
Really enjoying this tutorial. While waiting for your next entry I have started work on the work/portfolio templates. What i’ve done seems good so far. The only problem I have is that any entries that have more than one category assigned to them are displaying on the “portfolio” page multiple times when no filter is applied (show all). When I select a filter button such as “web” it’s fine. Can you please offer any advise on how to ensure the entries are only displayed once under the “show all” filter?
Here’s my code:
{exp:channel:entries channel=“work” orderby=“date” sort=“asc” }
  {categories}
    <figure class=”{category_name}”>
    {work_image_1}
    <figcaption>
    <h6 class=“heading”>{title}</h6>
    <div class=“portfolio-cat”>
      {category_name},
    </div>
    </figcaption>
    </figure>
    {/categories}
  {/exp:channel:entries}

Mike Boyink

by Mike Boyink (Author)

Date: Wednesday, September 10th, 2014
Comment: #2

Take a look at http://www.train-ee.com/courseware/free-tutorials/comments/working-with-categories/ for some clues..;)

Picture of Matt

by Matt

Date: Wednesday, September 10th, 2014
Comment: #3

Thanks for the speedy response Mike! I’ll take a good look at the link you suggested….
Any idea when you’ll get the next instalment for this tutorial online?

Add Your Comment

Commenting is not available in this channel entry.

Unless otherwise stated all content is © Michael Boyink of Train-ee.com & Boyink Interactive. Please don't steal - I've got kids to feed...

dy>