Expression Engine Designer

WELCOMETO THE FRONT-END DESIGN CONFERENCE

Why ExpressionEngine is great for designers

HELLOMY NAME IS JONATHAN LONGNECKER

HELLOHIS NAME IS NATE CROFT

CHANNELS/WEBLOGS Customized updatable content.

GRAPHIC DESIGN HTML/CSS EXPRESSIONENGINE

WHAT IS IT?

IS BUILT FOR DESIGNERS

WEB PUBLISHING

TEMPLATE ENGINE

ADD-ONS

COMMENTING

COMMUNICATION

SEARCH

MEMBER MANAGEMENT

TYPOGRAPHY

SPAM DETERRENTS

DATA CACHING

SECURITY

UTILITIES

TOP DESIGNERS & AGENCIES USE IT

FLEXIBLE, POWERFUL TEMPLATING

CUSTOM PUBLISHING

CONTROL OVER CODE

EASY SYNTAX

STRONG SUPPORT & COMMUNITY

WHO’S USING IT?Don’t take my word for it.

WHO’S USING EXPRESSIONENGINE? Jason Santa Maria

WHO’S USING EXPRESSIONENGINE? 31Three

WHO’S USING EXPRESSIONENGINE? Airbag Industries

WHO’S USING EXPRESSIONENGINE? Blue Flavor

WHO’S USING EXPRESSIONENGINE? Veerle Pieters

WHO’S USING EXPRESSIONENGINE? Duoh

WHO’S USING EXPRESSIONENGINE? Happy Cog

WHO’S USING EXPRESSIONENGINE? Viget Labs

WHO’S USING EXPRESSIONENGINE? A List Apart

WHO’S USING EXPRESSIONENGINE? Change.gov

WHO’S USING EXPRESSIONENGINE? Campaign Monitor

TEMPLATESWelcome to complete freedom.

TEMPLATES Welcome to complete freedom.

TEMPLATE GROUPS


TEMPLATE GROUPS

TEMPLATES


http://fortysevenmedia.com/

TEMPLATE GROUP

blog/

URL TITLE

be_thankful

TEMPLATE

archives/


GLOBAL VARIABLES TEMPLATE EMBEDS{stylsheets} {embed="global/footer"}


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<link rel="Shortcut Icon" href="http://fortysevenmedia.com/favicon.ico"/>

<meta name="keywords" content="web design, graphic design" />

<title>FortySeven Media ~ Kick Awesome Web Design, Graphic Design & Media Creation ~ Knoxville, TN</title>


<div id="nav"><ul>

<li><a class="current" href="/">Home</a></li><li><a href="/dont_hire/">Don't Hire Us</a></li><li><a href="/portfolio/">Portfolio</a></li><li><a href="/services/">Services</a></li><li><a href="/blog/">Blog</a></li><li><a href="/about/">About Us</a></li><li><a href="/contact/">Contact</a></li>

</ul></div>


<div id="nav"><ul>

<li><a {if '{embed:loc}' == 'home'}class="current"{/if} href="/">Home</a></li><li><a href="/dont_hire/">Don't Hire Us</a></li><li><a href="/portfolio/">Portfolio</a></li><li><a href="/services/">Services</a></li><li><a href="/blog/">Blog</a></li><li><a href="/about/">About Us</a></li><li><a href="/contact/">Contact</a></li>

</ul></div>


{embed="global/nav" loc="home"}


GLOBAL VARIABLES TEMPLATE EMBEDS{stylsheets} {embed="global/footer"}

CHANNELS/WEBLOGSCustomized updatable content.


CUSTOM STATUSES

CUSTOM FIELDS & FIELD TYPES

CUSTOM CATEGORIES


<h3>Recent Blog Entries</h3>

<ul><li><a href="/blog/article/console_for_la_live/">Console for LA Live <br /><span class="date">07-09-09</span></a></li>

<li><a href="/blog/article/console_for_majestic_star_casino/">Console for Majestic Star Casino <br /><span class="date">07-02-09</span></a></li>

<li><a href="/blog/article/launch_party_at_the_hard_rock/">Launch Party at the Hard Rock <br /><span class="date">05-13-09</span></a></li>

<li><a href="/blog/article/welcome_to_the_new_site/">Welcome to the New Site! <br /><span class="date">05-13-09</span></a></li></ul>

http://casillasinc.com/blog/article/console_for_majestic_star_casino/

http://casillasinc.com/blog/article/console_for_majestic_star_casino/

http://casillasinc.com/blog/article/launch_party_at_the_hard_rock/

http://casillasinc.com/blog/article/launch_party_at_the_hard_rock/

http://casillasinc.com/blog/article/welcome_to_the_new_site/

http://casillasinc.com/blog/article/welcome_to_the_new_site/



<ul>{exp:weblog:entries weblog="blog" orderby="date" sort="desc" limit="5"}

<li><a href="{url_title_path="blog/article"}">{title} <br /><span class="date">{entry_date format="%m-%d-%y"}</span></a></li>

{/exp:weblog:entries}</ul>

CODE CONTROLPutting it all together.

CODE CONTROL Putting it all together.


<a class="lightwindow" params="lightwindow_width=504, lightwindow_height=379" title="Title Goes Here" href="http://vimeo.com/moogaloop.swf?clip_id=3287538&server=vimeo.com&show_title=0&show_byline=0&show_portrait=0&color=8cd1c2&fullscreen=0&autoplay=1">Click to Play</a>


{exp:weblog:entries weblog="work" orderby="date" sort="desc" limit="5"}

<a class="lightwindow" params="lightwindow_width={video_width}, lightwindow_height={video_height}" title="{title}" href="http://vimeo.com/moogaloop.swf?clip_id={video}&server=vimeo.com&show_title=0&show_byline=0&show_portrait=0&color=8cd1c2&fullscreen=0&autoplay=1">Click to Play</a>

{/exp:weblog:entries}


{exp:weblog:entries weblog="work" orderby="date" sort="desc" limit="5"}

{embed="global/global_videolink" title="{title}" video="{video}" video_width="{video_width}" video_height="{video_height}"}

{/exp:weblog:entries}


<a class="lightwindow" params="lightwindow_width={embed:video_width}, lightwindow_height={embed:video_height}" title="{embed:title}" href="http://vimeo.com/moogaloop.swf?clip_id={embed:video}& server=vimeo.com&show_title=0&show_byline=0&show_portrait=0&color=8cd1c2&fullscreen=0&autoplay=1">Click to Play</a>

SYNTAXEven I can understand it.

SYNTAX Even I can understand it.


<ul>{exp:weblog:entries weblog="blog" orderby="date" sort="desc" limit="5"}





<ul>{exp:weblog:entries weblog="blog" orderby="date" sort="asc" limit="5"}





<ul>{exp:weblog:entries weblog="blog" orderby="date" sort="asc" limit="2"}





<ul>{exp:weblog:entries weblog="blog" orderby="random" limit="5"}



COMMUNITYThey get behind a fellow.

COMMUNITY EE Documentation

COMMUNITY EE Kowledge Base

COMMUNITY EE Forums

COMMUNITY Train-ee

COMMUNITY EE Insider Tips

TOP DESIGNERS & AGENCIES USE IT

FLEXIBLE, POWERFUL TEMPLATING

CUSTOM PUBLISHING

CONTROL OVER CODE

EASY SYNTAX

STRONG SUPPORT & COMMUNITY

DISCUSSIONLet’s talk about it.

THANK YOUEnjoy the rest of the conference!

Expression Engine Designer

Documents

Transcript of Expression Engine Designer