Thundered

Expression Engine: Making a Photo Blog

ExpressionEngine is a very flexible content management system. You can use it to manage different weblogs, all from the same control panel. This leads me to the topic of using ExpressionEngine to create a photo blog, similar to the one found here.

Tutorial

1. Log into your control panel and hover over the tab titled "Publish". There should be a drop down menu and in the drop down menu, select Edit Weblogs.
2. At the top of the page, there should be a large green button that says Create a New Weblog. Click on it.
3. Fill out the form. Here is what I used to fill out my form:
   • Full Weblog Name: Photo
   • Short Name: photo
   • Duplicate existing weblog's preferences: Do not duplicate.
   • Edit Group Preferences: No (for now)
   • Under the second box that says Create New Templates For This Weblog?, select Duplicate an existing template group and select the default template group.
   • New Template Group Name: photo
4. Now your new weblog should be created... but wait! We're not done yet! We still have to create our custom fields! Go to your Admin tab, click it, and under Weblog Administration, select Custom Weblog Fields.
5. Like always, there should be a large green button at the top right hand corner that says Create a New Weblog Field Group. Click it, and create your new weblog field group (I titled mine "Photo").
6. After you've created the weblog field group, go back to the page where all the groups are listed, and find your new field. Click on it, and you'll find that you have no weblog fields! Our friend, the green button, is in the top right hand corner, as always. Click him. Here is what I used to fill out my form.
   • Field Name: photo
   • Field Label: Photo Image
   • Field Instructions: These are just instructions that go on the publish page. You should know what you're going to do with this, so you can leave it blank if you want.
   • Field Type: Textarea with one row.
   • Default Text Formatting for This Field: XHTML
   • You can just ignore the rest of the things.
   .
7. After you've created the field that your image link is going to go in, you have to create the place where you're going to write your summary about the photo! Again, go to the main page where all the field groups are listed, click on the field group that you created earlier, and once again, click on our green friend that creates new fields. Here is what I used to fill out the form:
   • Field Name: photo-summary
   • Field Label: Photo Summary
   • Field Instructions: These are just instructions that go on the publish page. You should know what you're going to do with this, so you can leave it blank if you want.
   • Field Type: Textarea with six rows.
   • Default Text Formatting for This Field: XHTML
   • You can just ignore the rest of the things.
8. Now that we've created our fields, go to the Publish tab once again and click Edit Weblogs. Find your corresponding weblog and click Edit Groups.
9. Where it says Field Group, put your newly created field group (mine was called Photo).
10. Now that we've assigned our field groups to our weblog, we can go about editing our templates so they display our newly created fields! Click on the templates tab, and select the template that corresponds with your new photo weblog (mine was named photo).
11. Click on the index template page, and at the top, add this line {assign_variable:my_weblog="photo"} {assign_variable:my_template_group="photo"}. If you've named your weblog and template something else besides "photo," change the code to match your settings.
12. Here's the part that will vary between people (because we all don't have the same template code). Find the place that usually says {summary} {body} {extended} and replace it with {Photo} {photo-summary} . This will make our custom fields show up.

Extras

If you want a separate category group for your photo blog, here is how you would accomplish that!

1. Click on the Admin tab and select Category >Management.
2. Click on the large green button that says Create a New Category Group and well... create a new category group (can't be much clearer than that). I named mine "Photo".
3. After that, click on the Publish tab and under the drop down menu, select Edit Weblogs.
4. Find your photo blog and click on Edit Groups.
5. Under the box that says Category Group, select your newly created group.
6. To add categories to your group, click on the Admin tab, and then go to Category >Management.
7. Find your category group and beside it, there should be an option to Add/Edit Categories.

That wraps up this tutorial on how to make a photo blog in ExpressionEngine! This tutorial was inspired by Brent. If you have any questions or are having problems with the tutorial, feel free to email me at alex.thundered[at]gmail.com.

Thundered is proudly powered by ExpressionEngine. Copyright © 2006-2008 Alex Qin.