Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
EECI2009 - From Design to Dynamic - Rapid Expre...
Search
FortySeven Media
September 27, 2011
Design
1
99
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
Share
More Decks by FortySeven Media
See All by FortySeven Media
Customizing EE2's Publish Area
fortysevenmedia
1
100
EECI 2010 - The Power of ExpressionEngine's Dynamic Templates
fortysevenmedia
4
270
Why ExpressionEngine is Great for Designers
fortysevenmedia
5
130
Other Decks in Design
See All in Design
デザイナー視点の体験設計とデザインレビューを事業部全員で体験するワークショップをしたお話
masayofff
3
210
地図・デザイン・可視化 −情報をわかりやすく伝えるために−
hjmkth
2
490
Lightning Talk: Beautiful Slides for Beginners
inesmontani
PRO
1
150
Dreamia
elsh
0
170
PMとデザイナーはニコイチ! メリットと具体的なアクション10選
mosmos_noki
2
1.1k
想像するためのデザイン - LARPの可能性を探求してみた話
okabemy
0
550
新しいemoji😄のアイデアをUnicodeが募集中‼️🏃♀️💨💨💨傾向を学んでみんな提案しよう💪
oguemon
2
690
我做了一個詐騙網站...嗎?
crboy
1
150
ZKK_001.pdf
nicholaspegu
0
1.4k
若手デザイナーチームが手がける CADC2024クリエイティブディレクションの全貌 / opening-design
cyberagentdevelopers
PRO
1
630
DMMデザイン組織の生成AI導入プロセス - Adobe Fireflyと振り返る約1年とこれから -
takumasaito
1
370
20240921-図書館の実空間とデジタル資源の接点をデザインする-dtk55-Designing-the-interface-between-the-library's-physical-space-and-digital-resources
majimasachi
0
310
Featured
See All Featured
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
[RailsConf 2023] Rails as a piece of cake
palkan
52
4.9k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
33
1.9k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
126
18k
Bootstrapping a Software Product
garrettdimon
PRO
305
110k
BBQ
matthewcrist
85
9.3k
How to Ace a Technical Interview
jacobian
276
23k
10 Git Anti Patterns You Should be Aware of
lemiorhan
655
59k
A better future with KSS
kneath
238
17k
The Language of Interfaces
destraynor
154
24k
Scaling GitHub
holman
458
140k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
28
8.2k
Transcript
From Design to Dynamic Rapid Development with ExpressionEngine
Hello My Name is Jonathan Longnecker @necker47
[email protected]
@47m http://fortysevenmedia.com
Overview What We’re Covering Today
The Problem EE Developers Are Too Awesome
The Problem 15+ Add-Ons for Each Site Using the Same
Template Patterns Doing it Over and Over Again
The Solution EE Sandbox Templating Rapid Build Out Sweet T
ricks
The Old Way How we used to do this
Find all Addons & Install Go to all the 3rd
party developer sites, download install latest versions, configure to liking. The Old Way
Templates Manually create templates for each major page, use gobal
embeds where possible. The Old Way
Image Placement Confusing mess using the file field plugin. Images
had to be manually inserted in templates. The Old Way
EE Sandbox Get Your Shovels and Buckets
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
Leevi Graham The man EE Sandbox Addons
LG Addon Updater Let your 3rd party addons check home
for updates EE Sandbox Addons
LG .htaccess Generator Remove index.php and much, much more EE
Sandbox Addons
LG Add SiteName Enable CP admin page title replacements EE
Sandbox Addons
LG Tiny MCE Turn off source formatting, spans and br’s
Take out image upload, add blockquote EE Sandbox Addons
SL Developer Info Get to all your developer information quickly
by keeping it in one place EE Sandbox Addons
Image Sizer Resizes, crops and thumbnails your images intelligently EE
Sandbox Addons
Freeform Make forms using custom fields, create email templates EE
Sandbox Addons
Field Frame Rethink the way you use custom fields EE
Sandbox Addons
nGen File Field A fieldtype for the FieldFrame framework EE
Sandbox Addons
Structure Radically change the way you handle content pages and
navigation EE Sandbox Addons
Structure Manage content weblog with Structure Choose “content” template EE
Sandbox Addons
Template Preferences Turn on revisions Save templates as files EE
Sandbox Addons
Weblog Create a “content” weblog EE Sandbox Setup
Custom Fields Meta Keywords Meta Description Body (Tiny MCE) Images
(FF Matrix) EE Sandbox Setup
File EE Sweet Trick Title Width Height Align AJ Penninga
- http://www.prettysquares.com
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
Global Variables HTML Opening HTML Closing jQuery Javascript RSS Links
Stylesheets EE Sandbox Global Variables
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
EE Sandbox Global Variables </head> html_head_end
EE Sandbox Global Variables <!--Blog Feeds--> <link rel="alternate" type="application/atom+xml" title="Blog
Title Here" href="#" /> rss
Templates Footer Header Nav Sidebar Content EE Sandbox Templates
EE Sandbox Templates <h4>Navigation Here</h4> <ul> {exp:structure:nav_main include_ul="no" current_class="current"} </ul>
nav
EE Sandbox Templates <h4>Sidebar Here</h4> {exp:structure:nav_sub css_id="sec-nav" show_overview_link="yes" start_from="/{segment_1}" show_depth="2"
} sidebar
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
None
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
Entry List what we’ve installed and any special path changes
when moving servers. EE Sandbox Install Log
Moving Servers Moving your sandbox is faster than installing
Export the Database Export from your sandbox install. Moving Servers
Import Database Create a new blank database and import. Moving
Servers
Move Files Move all your files to the new server.
Moving Servers
Check Permissions Check permissions against the installation instructions Moving Servers
Config File Update your new database info in the config.php
file. Moving Servers
Check Paths Change paths all through CP (there’s a lot)
Moving Servers
Chop it Up & Build it Out Live Demo Time
Thank You! Slides, links and assets available at fortysevenmedia.com