Build an EE SiteBostonEErs workshopSaturday 12/4/2010                                         1
Howdy!                    Ruthie ‘Danger’ BenDor                    unruthless.comMarc ‘High Five’ Amosbostonwebstudio.com...
Thanks!          3
The Plan!•   Get Acquainted With ExpressionEngine•   Install ExpressionEngine•   Break•   Model & Import Your Site Content...
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-s...
GoodForWhat?• ExpressionEngine runs all kinds of sites.• It’s great for ... • sites with complex content, • sites run by n...
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://expressioneng...
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.)...
Step 6:  Adjust file andfolder permissions.                      20
•   CHMOD the following files to 666:    •   /system/expressionengine/config/config.php    •   /system/expressionengine/config...
Step 7:Run installation   wizard.                   22
• Go to http://yoursite.com/system/ and the  installation wizard will automatically start.• Follow the instructions on the...
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...
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...
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...
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 oth...
Awesome sponsors.                    71
It’s been real.                    Ruthie ‘Danger’ BenDor                    unruthless.comMarc ‘High Five’ Amosbostonwebs...
bostonEErs.org                 73
Upcoming SlideShare
Loading in …5
×

Build Your First EE2 Site

1,545 views

Published on

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

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,545
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
25
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Build Your First EE2 Site

  1. 1. Build an EE SiteBostonEErs workshopSaturday 12/4/2010 1
  2. 2. Howdy! Ruthie ‘Danger’ BenDor unruthless.comMarc ‘High Five’ Amosbostonwebstudio.com ~ with special thanks to ~ Andrew ‘Too Cool For A Photo’ Rodgers openpixels.com 2
  3. 3. Thanks! 3
  4. 4. 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
  5. 5. Let’s begin. 5
  6. 6. Get acquainted with EE. 6
  7. 7. 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
  8. 8. 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. 9. 9
  10. 10. InstallExpressionEngine. 10
  11. 11. Step 1:Go get EE. 11
  12. 12. 12
  13. 13. Step 2:Gather server info. 13
  14. 14. 14
  15. 15. Step 3:Run server wizard. 15
  16. 16. • 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
  17. 17. Step 4:Upload EE files to web server. 17
  18. 18. Step 5: Make somesecurity tweaks. 18
  19. 19. • 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
  20. 20. Step 6: Adjust file andfolder permissions. 20
  21. 21. • 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
  22. 22. Step 7:Run installation wizard. 22
  23. 23. • Go to http://yoursite.com/system/ and the installation wizard will automatically start.• Follow the instructions on the screen. 23
  24. 24. Bookmark these links! 24
  25. 25. Step 8:Remove installer folder. 25
  26. 26. Step 9: Log into thecontrol panel. 26
  27. 27. Step 10:Dance Party. 27
  28. 28. Breaktime. Caffeine. 28
  29. 29. 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
  30. 30. Model YourSite Content. 30
  31. 31. 31
  32. 32. Step 0: What are webuilding here? 32
  33. 33. 33
  34. 34. Step 1:Figure out whattypes of content your site has. 34
  35. 35. 35
  36. 36. 36
  37. 37. These are your channels. Eachindividual piece ofcontent is an entry. 37
  38. 38. Each entry in aparticular channel has the sameformat - the same custom fields. 38
  39. 39. Step 3: Plan, then buildyour channels and custom fields. 39
  40. 40. Excel is your friend. 40
  41. 41. Native fieldtypes 41
  42. 42. Customfieldtypes 42
  43. 43. Step 4:Give uploaded files a place to go:File Upload Directories. 43
  44. 44. Step 5: Categorize yourcontent with, well: Categories. 44
  45. 45. Step 6:Control which entries getpublished withCustom Statuses. 45
  46. 46. Lunch.Dibs on the caprese. 46
  47. 47. 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
  48. 48. Display YourSite Content. 48
  49. 49. Demo:static mockups 49
  50. 50. Demo:Template Manager 50
  51. 51. Demo:Template Groups 51
  52. 52. Demo:Create Templates 52
  53. 53. Demo: Populatetemplates 53
  54. 54. Demo:Handle CSS and JS 54
  55. 55. Demo:Add EE Tags 55
  56. 56. Demo:Plugins 56
  57. 57. Demo:Snippets 57
  58. 58. Demo:Global variables 58
  59. 59. Breaktime. Stretch. 59
  60. 60. 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
  61. 61. Performance Tweaks 61
  62. 62. the disable="" parameter 62
  63. 63. caching 63
  64. 64. .htaccess 64
  65. 65. minify CSS and JS 65
  66. 66. Throttling 66
  67. 67. Control Panel User Interface Tweaks 67
  68. 68. Customize thePublish page 68
  69. 69. Accessories 69
  70. 70. 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
  71. 71. Awesome sponsors. 71
  72. 72. 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
  73. 73. bostonEErs.org 73

×