Warning: strtolower() expects parameter 1 to be string, array given in /nfs/c06/h06/mnt/184288/domains/markboulton.co.uk/html/_app/core/private_api/_cache.php on line 337

Warning: strtolower() expects parameter 1 to be string, array given in /nfs/c06/h06/mnt/184288/domains/markboulton.co.uk/html/_app/core/private_api/_cache.php on line 341

Warning: strtolower() expects parameter 1 to be string, array given in /nfs/c06/h06/mnt/184288/domains/markboulton.co.uk/html/_app/core/private_api/_cache.php on line 337

Warning: strtolower() expects parameter 1 to be string, array given in /nfs/c06/h06/mnt/184288/domains/markboulton.co.uk/html/_app/core/private_api/_cache.php on line 337
| Journal | The Personal Disquiet of Mark Boulton

The Personal Disquiet of

Mark Boulton

Blog Category: expression-engine

The ExpressionEngine $15,000 shootout!

pMachine have just announced The ExpressionEngine $15,000 shootout, a competition in to find the best, new EE–based sites. I’ll be a judge on the competition along with Colly, Jason, Molly, Scrivs,Cameron, Narayan, Emily Chang, Jesse, Max and Om Malik.

Contest entries can be Commercial, Personal, and Core licensed sites so anybody with an EE powered site can enter.

<

p>So, what can you win? Well, there are 10 winners for each category: Commercial, Personal and Core. There will be $5000 worth of prizes to be won per category, in addition to EE licenses, with the winner taking home $1000 (and the glory!). Each entry will be judged on innovation, excellence of design, usability, and content.

If you’ve got a project coming up and been meaning to give EE a go, now is your chance to do that and possibly earn yourself some cash and plenty of back–slapping in the process. Pop over to pMachine and get yourself the free Core version of EE.

Filed in: expression-engine, news. on February 1st, 2006

Green n Blue - An EE control panel theme

{title}I thought I’d share this. Expression Engine’s Control Panel, in the latest version, allows for user (or ‘member’) theming. I haven’t noticed many of them being done so I’d thought I’d share my own. Introducing ‘Green n Blue’ (how imaginitive is that?!!).

First off let me say that the pMachine team have done a great job with EE 1.3.1. Superb. The control panel, although not to my taste, is well designed and well executed. It predominantly uses CSS for stying which enables the easy use of theming. Nothing new here really considering other blogging tools have had this functionality for a while.

I’ve tried to slim down the CSS with less images creating gradients etc. and am still working on this, so expect some updates to this theme and who knows maybe I’ll get bored of this one and do some more!

Here’s some screenshots:

{title}

{title}

Instructions

  1. Download the greennblue.zip (24kb) file and unstuff.
  2. Put the whole folder in your /themes/cp_themes/ folder.
  3. Log into your control panel and go to My Account > Control Panel Theme and select ‘greennblue’ from the drop down menu.
  4. Then go to Admin > System Preferences > Control Panel Settings and select ‘greennblue’ from the drop down menu.
  5. Enjoy!.

Filed in: expression-engine. on August 13th, 2005

More about tagging

Following some interesting discussion about tags I’ve decided to experiment a little on this site.

Like most designers, I like to keep a list of bookmarks of useful sites and resources. Over the past six months instead of saving these bookmarks in the browser, I’ve been posting them on this site in my ‘Of Interest’ section. One thing did bother me though.

Adding content to a bottomless pit, without any meta-tagging, and more importantly any UI to access that meta data, caused problems in terms of trying to find stuff.

Previously this list was just another blog in Expression Engine with a set of custom fields. Now, I could of course used categories to tag these links, which would have worked fine. However, I happened upon the Links List module for Expression Engine which is designed for exactly this. Yoshi has done a sterling job in creating a very flexible EE module with stacks of functionality.

So, what have I done?

Well, I’ve created a bunch of Links Lists (one for each month) and then migrated the content across from the old blog-list. At first I thought multiple lists might be a bit of a nightmare, but Yoshi’s module provides a simple interface to move links from one list to another. Then, each link is given a bunch of keywords which can also be viewed as a list. Oh, and there is a ‘tag-cloud’, but I don’t think I like it.

Why go to all this bother then?

As I said I wanted to organise the ‘bookmarks’ into more of a navigable structure but I also want to provide access to them from related journal posts. So, if a journal post is given keywords then these can be cross-referenced to the ‘Of Interest’ links and provide a list of contextual related links for the user (and also for me!).Well, that’s the aim anyway.

So, it’s a bit of an experiment and I may change it back at some point. Oh, and the RSS ‘Of Interest’ feeds are bust - I’m currently working to fix them.

Another point is I’m continually amazed by the power of Expression Engine and when combined with well written modules, such as LinksList, it really does blow me away. Right, better get on with some real work now (I was only supposed to spend an hour on this!).

Filed in: expression-engine, markboulton-co-uk. on July 30th, 2005

Successful upgrade to EE 1.3

I’d like to say it went without a hitch but that would be lying. I had a bit of a problem with permissions, htaccess files and ftp weirdness. Once that was all sorted EE 1.3 is now up and running.

Improvements are mainly in the backend with a redesigned control panel. Pmachine has also launched a forum module to slot in with this release which looks like a solid product which fully integrates with all of EE’s functionality.

Update: Make sure you dump your cache otherwise, like me, you’ll wonder why there are so many damn 404’s on this site!

Filed in: expression-engine. on July 3rd, 2005

Expression Engine - Designers Questions Part 2

Following several more emails from designers, I thought i’d compile some of the questions in a follow up to Expression Engine - Designers Questions.

Many of the questions have been related specifically to the reason why I bought EE in the first place - my portfolio. You may recall some of my reasons for changing to EE, one of those reasons was the ability to add custom fields, this makes EE invaluable for both clients sites and designers portfolios.

Some more questions

Why should I spend money on EE when there are free systems which offer more functionality, eg forums, threaded comments etc.

Well, for me it’s not so much a question of out-of-the-box functionality but more that EE fits very well for me as a designer. It allows me to customise the data sets and importantly seperates templates from the tags, that way I can produce valid XHTML code and use CSS for the styling. This is something other CMS’s don’t do, such as Mambo. Although Mambo is a pretty nifty system a lot of the built in modules and plugins produce invalid code which, unless you’re very familiar with php, you have to use.

I’m not picking on Mambo specifically here, a lot of CMS’s, blogging software and CMS frameworks do the same thing.

How do you move from a weblog idea to create sections in a commercial site

This involves thinking slightly differently to EE’s documentation. Where it says ‘weblog’ think ‘section’, where it says ‘entries’ think ‘pages’ and so on. This site is created by several ‘weblogs’, in each one there are categories and then ‘entries’ for the pages of content. They also all have custom fields for their content.

How do you handle global includes such as navigation and footers?

In the past i’ve used php to include files, such as navigation and footers, on my server. You can still do this in EE by turning on php parsing in the template preferences. My preferred method however is to create a seperate template group called ‘includes’ then each template within this group is a template I can include throughout my site using the embed tag. This downside to this is it’s another query for the server, but this is a minor point when you consider all of your content is now accessible and editable from within EE.

Can I use my old design from pMachine?

I’m not that familiar with pMachine, but as far as the html and css goes I can’t see this being a problem. Simply take the html into your favourite html editor, take out the pMachine tags and replace them with the EE tags. it should work ok.

Can I have flash in a post?

Yes you can. There is a plugin available and you have make sure .swf is an acceptable upload file format. You can do this in your weblog settings. You can also have Quicktime embedded as well with a similar plugin.

How did you build your portfolio in EE?

I’ve had so many emails asking this question. I could’ve saved myself a load of typing and posted this weeks ago. Never mind. here’s the run down.

Decide what your content will be

<

p> Firstly decide what content is going to be in your portfolio. Is it going to be just images? Images and captions? Detailed text? etc. These are the different requirements I had for my portfolio.

  • Title
  • Client
  • Small promo image
  • Small promo text
  • Introduction text
  • Extended text
  • Screenshot 1 title
  • Screenshot 1 image
  • Screenshot 1 caption
  • Screenshot 2 title
  • Screenshot 2 image
  • Screenshot 2 caption
  • Screenshot 3 title
  • Screenshot 3 image
  • Screenshot 3 caption
  • Screenshot 4 title
  • Screenshot 4 image
  • Screenshot 4 caption
  • Screenshot 5 title
  • Screenshot 5 image
  • Screenshot 5 caption
  • Related links

<

p> I also needed categories with which to categorise the portfolio entries.

  • Digital
    • Websites
    • Applications
    • User research and strategy
  • Print
    • Branding and identity
    • Print communications
  • Archive

Now I have a basic idea of the content and the categories with which to label the content I can set up the weblog, or section, of my site.

Set up EE

Firstly, create a new weblog called ‘Portfolio’:

{title}

Then set up the categories:

{title}

Next, set up a new Custom Field Group and call it Portfolio.

{title}

Then, add your content headings choosing the correct field types.

{title}

{title}

Now you have your Custom Field Set. Go into your weblog management and select your new Portfolio weblog. Click Edit Groups, then choose your new portfolio field group from the dropdown menu. Now, when you publish a new entry you should see your new field group being used.

That’s the data side of things covered. After inputting all of your new portfolio information into your new field group you should have all the content ready to start building the templates.

<

p> My portfolio templates have basic EE tags controlling all of the dynamic stuff going on and it has many similarities to weblogs. I have four templates.

  • Index
  • Category
  • Detail
  • Screenshots

The index page is a bunch of queries to the different categories. The portfolio entries which are pulled out as promos (the one’s with the images across the middle) are simply made ‘sticky’ which brings them to the most recent entry within their category. The index page then queries the database and the category and pulls out the most recent, which is the one i’ve defined as being sticky. this allows me to rotate the promoted portfolio entries very easily.

The other templates are self explanatory. The category templates displays the parent category entries. The detail template shows the extended text and the Screenshot template shows the various screenshots controlled by a simple javascript gallery. I’d like to combine the Detail and Screenshot templates and use simple logic to display the content depending on what you click on the page. I think this can be done with the segment tag, but i’m not quite sure how to do it at this stage.

So basically, that’s about it. You can have whatever you like in your portfolio - flash, quicktime, images, text. The only real limitation is your imagination.

Filed in: design, expression-engine. on February 9th, 2005