• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Build Your First EE2 Site
 

Build Your First EE2 Site

on

  • 1,325 views

Slides from the BostonEErs free all-day workshop in December 2010.

Slides from the BostonEErs free all-day workshop in December 2010.

Statistics

Views

Total Views
1,325
Views on SlideShare
1,325
Embed Views
0

Actions

Likes
1
Downloads
22
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Build Your First EE2 Site Build Your First EE2 Site Presentation Transcript

    • Build an EE SiteBostonEErs workshopSaturday 12/4/2010 1
    • Howdy! Ruthie ‘Danger’ BenDor unruthless.comMarc ‘High Five’ Amosbostonwebstudio.com ~ with special thanks to ~ Andrew ‘Too Cool For A Photo’ Rodgers openpixels.com 2
    • Thanks! 3
    • The Plan!• Get Acquainted With ExpressionEngine• Install ExpressionEngine• Break• Model & Import Your Site Content• Lunch• Display Your Site Content• Break• System Tweaks & Tips• Wrapup 4
    • Let’s begin. 5
    • Get acquainted with EE. 6
    • ExpressionWhat?• ExpressionEngine is an awesome content management system for websites.• SELF-HOSTED, not software-as-a-service.• WEB-ADMINISTERED. All you need’s a browser.• Written in PHP, runs on MySQL.• Commercial product from EllisLab.• Latest version is 2.1.1. 7
    • GoodForWhat?• ExpressionEngine runs all kinds of sites.• It’s great for ... • sites with complex content, • sites run by non-technical content editors, • membership sites, • and more. 8
    • 9
    • InstallExpressionEngine. 10
    • Step 1:Go get EE. 11
    • 12
    • Step 2:Gather server info. 13
    • 14
    • Step 3:Run server wizard. 15
    • • Before you install EE, make sure your web host can handle it:1. Download the server wizard from http://expressionengine.com/files/ee_server_wizard.zip2. Unzip and upload the ee_wizard folder to your web server.3. Go to http://yourdomain.com/ee_wizard and fill out the form. 16
    • Step 4:Upload EE files to web server. 17
    • Step 5: Make somesecurity tweaks. 18
    • • At a minimum, rename the ‘system’ folder something less easily guessable. (NOT ‘admin’, ‘controlpanel’, ‘login’, etc.) Then open index.php and update $system_path.• Better option is to move the ‘system’ folder entirely outside the web root. Details here: http://expressionengine.com/user_guide/ general/system_above_webroot.html 19
    • Step 6: Adjust file andfolder permissions. 20
    • • CHMOD the following files to 666: • /system/expressionengine/config/config.php • /system/expressionengine/config/database.php• CHMOD the following folders to 777: • /system/expressionengine/cache/ • /images/avatars/uploads/ • /images/captchas/ • /images/member_photos/ • /images/pm_attachments/ • /images/signature_attachments/ • /images/uploads/ 21
    • Step 7:Run installation wizard. 22
    • • Go to http://yoursite.com/system/ and the installation wizard will automatically start.• Follow the instructions on the screen. 23
    • Bookmark these links! 24
    • Step 8:Remove installer folder. 25
    • Step 9: Log into thecontrol panel. 26
    • Step 10:Dance Party. 27
    • Breaktime. Caffeine. 28
    • The Plan!• Get Acquainted With ExpressionEngine• Install ExpressionEngine• Break• Model & Import Your Site Content• Lunch• Display Your Site Content• Break• System Tweaks & Tips• Wrapup 29
    • Model YourSite Content. 30
    • 31
    • Step 0: What are webuilding here? 32
    • 33
    • Step 1:Figure out whattypes of content your site has. 34
    • 35
    • 36
    • These are your channels. Eachindividual piece ofcontent is an entry. 37
    • Each entry in aparticular channel has the sameformat - the same custom fields. 38
    • Step 3: Plan, then buildyour channels and custom fields. 39
    • Excel is your friend. 40
    • Native fieldtypes 41
    • Customfieldtypes 42
    • Step 4:Give uploaded files a place to go:File Upload Directories. 43
    • Step 5: Categorize yourcontent with, well: Categories. 44
    • Step 6:Control which entries getpublished withCustom Statuses. 45
    • Lunch.Dibs on the caprese. 46
    • The Plan!• Get Acquainted With ExpressionEngine• Install ExpressionEngine• Break• Model & Import Your Site Content• Lunch• Display Your Site Content• Break• System Tweaks & Tips• Wrapup 47
    • Display YourSite Content. 48
    • Demo:static mockups 49
    • Demo:Template Manager 50
    • Demo:Template Groups 51
    • Demo:Create Templates 52
    • Demo: Populatetemplates 53
    • Demo:Handle CSS and JS 54
    • Demo:Add EE Tags 55
    • Demo:Plugins 56
    • Demo:Snippets 57
    • Demo:Global variables 58
    • Breaktime. Stretch. 59
    • The Plan!• Get Acquainted With ExpressionEngine• Install ExpressionEngine• Break• Model & Import Your Site Content• Lunch• Display Your Site Content• Break• System Tweaks & Tips• Wrapup 60
    • Performance Tweaks 61
    • the disable="" parameter 62
    • caching 63
    • .htaccess 64
    • minify CSS and JS 65
    • Throttling 66
    • Control Panel User Interface Tweaks 67
    • Customize thePublish page 68
    • Accessories 69
    • Done for today. But there’s a lot more to cover.Sadly, we’ll have to save membership, e-commerce,search, and other nifty EE features for another time. Hopefully this was enough to get you started. 70
    • Awesome sponsors. 71
    • It’s been real. Ruthie ‘Danger’ BenDor unruthless.comMarc ‘High Five’ Amosbostonwebstudio.com ~ with special thanks to ~ Andrew ‘Too Cool For A Photo’ Rodgers openpixels.com 72
    • bostonEErs.org 73