Mee & EE: Sitting In A Tree

40

description

ExpressionEngine intro given internally.

Transcript of Mee & EE: Sitting In A Tree

Page 1: Mee & EE: Sitting In A Tree
Page 2: Mee & EE: Sitting In A Tree
Page 3: Mee & EE: Sitting In A Tree
Page 4: Mee & EE: Sitting In A Tree

GRILLED CHEESETO PERFECTION

arnold | inuyaki

Page 5: Mee & EE: Sitting In A Tree

MEE & EE:SITTING IN A TREE

Trevor Davis4.22.2011

Page 6: Mee & EE: Sitting In A Tree

4 IMPORTANT PIECES TO EE‣ Custom Fields

‣ Channels

‣ Templates

‣ Tags

Page 7: Mee & EE: Sitting In A Tree

OK DEVS, DON'T KILL ME...

Page 8: Mee & EE: Sitting In A Tree

EE SORTA HAS MVC PROPERTIES‣ Models == Custom Fields & Channels

‣ Views == Templates

‣ Controllers == Templates

Page 9: Mee & EE: Sitting In A Tree

CUSTOM FIELDS

Page 10: Mee & EE: Sitting In A Tree

CUSTOM FIELDS‣ Part of a field group

Page 11: Mee & EE: Sitting In A Tree

MANY FIELDTYPES‣ Checkboxes

‣ File

‣ Multi-select

‣ Select

‣ Radio buttons

‣ Date

‣ Relationship

‣ Text input

‣ Textarea

‣ Create your own

Page 12: Mee & EE: Sitting In A Tree

CHANNELS

Page 13: Mee & EE: Sitting In A Tree

CHANNELS‣ Think of them as content types

‣ Ex: News, Events, Athletes, etc.

‣ Contains field group with custom fields

‣ Categories

Page 14: Mee & EE: Sitting In A Tree
Page 15: Mee & EE: Sitting In A Tree

TEMPLATES

Page 16: Mee & EE: Sitting In A Tree

TEMPLATES‣ What actually gets rendered

‣ Template groups

‣ /template_group/template

‣ /blog/index

‣ Saved as files

Page 17: Mee & EE: Sitting In A Tree

TEMPLATE MANAGER

Page 18: Mee & EE: Sitting In A Tree

URL SEGMENTS

Page 19: Mee & EE: Sitting In A Tree

BEST THING EVER/blog/article-name/some/nonsense

segment_1 == blog

segment_2 == article-name

segment_3 == some

segment_4 == nonsense

Page 20: Mee & EE: Sitting In A Tree

CONTROLLER-LIKE TEMPLATES{if segment_2 == ''} //Render something{if:elseif segment_2 == 'category'} //Render a different thing{if:else} //Render something else{/if}

Page 21: Mee & EE: Sitting In A Tree

EMBEDDED TEMPLATES

Page 22: Mee & EE: Sitting In A Tree

‘PARTIALS’‣ Repeatable pieces of content or functionality

‣ Pass parameters

‣ Function-like

Page 23: Mee & EE: Sitting In A Tree

EMBED CODE{embed="template_group/template"}

{embed="template_group/template" channel="work"}

{embed:channel}

Page 24: Mee & EE: Sitting In A Tree

TAGS

Page 25: Mee & EE: Sitting In A Tree

CHANNEL ENTRIES TAG{exp:channel:entries} ...{/exp:channel:entries}

Page 26: Mee & EE: Sitting In A Tree

PARAMETERS‣ channel

‣ category

‣ orderby

‣ year

‣ limit

‣ many more...

Page 27: Mee & EE: Sitting In A Tree

WITH PARAMETERS{exp:channel:entries channel="work" orderby="title" limit="3"} ...{/exp:channel:entries}

Page 28: Mee & EE: Sitting In A Tree

VARIABLES

Page 29: Mee & EE: Sitting In A Tree

SINGLE VARIABLES‣ author

‣ entry_date

‣ title

‣ url_title

‣ many more...

Page 30: Mee & EE: Sitting In A Tree

WITH SINGLE VARIABLES{exp:channel:entries channel="work"}

<h2>{title}</h2> {general_body}

{/exp:channel:entries}

Page 31: Mee & EE: Sitting In A Tree

WITH VARIABLE PAIRS{exp:channel:entries channel="work" limit="1"}

{categories backspace="2"} {category_name}, {/categories}

{/exp:channel:entries}

Page 32: Mee & EE: Sitting In A Tree

ADD-ONS

Page 33: Mee & EE: Sitting In A Tree

ADD-ON TYPES‣ Fieldtypes

‣ Plugins

‣ Extensions

‣ Modules

‣ Accessories

Page 34: Mee & EE: Sitting In A Tree

PLUGINS{exp:ce_img:pair src="{image}" max_width="200"} <img src="{made}" alt="" width="{width}" height="{height}" />

{/exp:ce_img:pair}

Page 35: Mee & EE: Sitting In A Tree

EXTENSIONS

Page 36: Mee & EE: Sitting In A Tree

MODULES{exp:freeform:form required="name"} <p>Name: <input type="text" name="name" /></p> <p>Email: <input type="text" name="email" /></p> <p><input type="submit" name="submit" value="Submit" /></p>{/exp:freeform:form}

Page 37: Mee & EE: Sitting In A Tree

ACCESSORIES

Page 38: Mee & EE: Sitting In A Tree

THE BEST PART...

Page 39: Mee & EE: Sitting In A Tree

EE PUNS THAT MAKE BLAIR CRINGE‣ Hon-ee Pot Captcha

‣ Repeet

‣ Freebie

‣ Shortee

‣ CSVee

‣ MD Dulee Noted

Page 40: Mee & EE: Sitting In A Tree

HAVE A HAPPEE DAY!