Upgrade to Pro — share decks privately, control downloads, hide ads and more …

EECI2009 - From Design to Dynamic - Rapid Expre...

FortySeven Media
September 27, 2011

EECI2009 - From Design to Dynamic - Rapid ExpressionEngine Development

Using ExpressionEngine, Structure and some other tricks to build out a site super fast.

FortySeven Media

September 27, 2011
Tweet

More Decks by FortySeven Media

Other Decks in Design

Transcript

  1. The Problem 15+ Add-Ons for Each Site Using the Same

    Template Patterns Doing it Over and Over Again
  2. Find all Addons & Install Go to all the 3rd

    party developer sites, download install latest versions, configure to liking. The Old Way
  3. Image Placement Confusing mess using the file field plugin. Images

    had to be manually inserted in templates. The Old Way
  4. EE Sandbox Addons LG Addon Updater LG .htaccess Generator LG

    Add Sitename LG Replace LG TinyMCE SL Developer ImgSizr Word Limit Plus Category Checkboxes Freeform Field Frame nGEN File Structure Edit Dropdown
  5. LG Tiny MCE Turn off source formatting, spans and br’s

    Take out image upload, add blockquote EE Sandbox Addons
  6. SL Developer Info Get to all your developer information quickly

    by keeping it in one place EE Sandbox Addons
  7. ImgSizr Create “sized” directory in /images with appropriate permissions EE

    Sandbox Other Stuff SL Developer Create custom tab Extensions Create custom tab Client Member Group Setup new “editor” group with access to file upoads, Structure, weblogs
  8. EE Sandbox Global Variables <!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="/favicon.ico"/> <meta name="author" content="FortySeven Media" /> <meta name="copyright" content="©2009 Company Name" /> html_head
  9. EE Sandbox Templates {html_head} {exp:weblog:entries weblog="content" disable="member_data| pagination|trackbacks"} <meta name="keywords"

    content="{keywords}" /> <meta name="description" content="{short-desc}" /> {/exp:weblog:entries} <title>{exp:structure:titletrail separator="|"}</title> {rss} {stylesheets} {js} {jquery} {html_head_end} content
  10. EE Sweet Trick {exp:weblog:entries weblog="content" limit="1" disable="member_data|pagination|trackbacks"} {exp:lg_replace:haystack needles="{images backspace="1"}image_{row_count}|{/images}"}

    {body} {images} {exp:lg_replace:replacement needle="image_{row_count}"} {exp:imgsizer:size src="{img}" width="{img-width}" height="{img- height}" alt="{img-caption}" class="{img-align}"} {/exp:lg_replace:replacement} {/images} {/exp:lg_replace:haystack} {/exp:weblog:entries} Image Replacement Method
  11. Entry List what we’ve installed and any special path changes

    when moving servers. EE Sandbox Install Log