Build Your First EE2 Site
-
Upload
ruthie-bendor -
Category
Technology
-
view
1.319 -
download
5
description
Transcript of Build Your First EE2 Site
![Page 1: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/1.jpg)
BostonEErs workshopSaturday 12/4/2010
Build an EE Site
1
![Page 2: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/2.jpg)
Howdy!Ruthie ‘Danger’ BenDorunruthless.com
Marc ‘High Five’ Amosbostonwebstudio.com
~ with special thanks to ~
Andrew ‘Too Cool For A Photo’ Rodgersopenpixels.com
2
![Page 3: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/3.jpg)
Thanks!
3
![Page 4: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/4.jpg)
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
![Page 5: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/5.jpg)
Let’s begin.
5
![Page 6: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/6.jpg)
Get acquainted with EE.
6
![Page 7: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/7.jpg)
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
![Page 8: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/8.jpg)
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
![Page 9: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/9.jpg)
9
![Page 10: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/10.jpg)
Install ExpressionEngine.
10
![Page 11: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/11.jpg)
Step 1:Go get EE.
11
![Page 12: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/12.jpg)
12
![Page 13: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/13.jpg)
Step 2:Gather server info.
13
![Page 14: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/14.jpg)
14
![Page 15: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/15.jpg)
Step 3:Run server wizard.
15
![Page 16: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/16.jpg)
• 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.zip
2. 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
![Page 17: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/17.jpg)
Step 4: Upload EE files to
web server.
17
![Page 18: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/18.jpg)
Step 5:Make some
security tweaks.
18
![Page 19: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/19.jpg)
• 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
![Page 20: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/20.jpg)
Step 6:Adjust file and
folder permissions.
20
![Page 21: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/21.jpg)
• 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
![Page 22: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/22.jpg)
Step 7:Run installation
wizard.
22
![Page 23: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/23.jpg)
• Go to http://yoursite.com/system/ and the installation wizard will automatically start.
• Follow the instructions on the screen.
23
![Page 24: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/24.jpg)
Bookmark these links!
24
![Page 25: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/25.jpg)
Step 8:Remove installer
folder.
25
![Page 26: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/26.jpg)
Step 9:Log into the
control panel.
26
![Page 27: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/27.jpg)
Step 10:Dance Party.
27
![Page 28: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/28.jpg)
Breaktime.Caffeine.
28
![Page 29: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/29.jpg)
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
![Page 30: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/30.jpg)
Model YourSite Content.
30
![Page 31: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/31.jpg)
31
![Page 32: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/32.jpg)
Step 0:What are we
building here?
32
![Page 33: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/33.jpg)
33
![Page 34: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/34.jpg)
Step 1:Figure out what types of content
your site has.
34
![Page 35: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/35.jpg)
35
![Page 36: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/36.jpg)
36
![Page 37: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/37.jpg)
These are your channels. Each
individual piece of content is an entry.
37
![Page 38: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/38.jpg)
Each entry in a particular channel
has the same format - the same
custom fields.
38
![Page 39: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/39.jpg)
Step 3:Plan, then build
your channels and custom fields.
39
![Page 40: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/40.jpg)
Excel is your friend.40
![Page 41: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/41.jpg)
Native fieldtypes41
![Page 42: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/42.jpg)
Custom fieldtypes
42
![Page 43: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/43.jpg)
Step 4:Give uploaded files
a place to go:File Upload Directories.
43
![Page 44: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/44.jpg)
Step 5:Categorize your
content with, well:Categories.
44
![Page 45: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/45.jpg)
Step 6:Control which
entries get published with Custom Statuses.
45
![Page 46: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/46.jpg)
Lunch.Dibs on the caprese.
46
![Page 47: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/47.jpg)
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
![Page 48: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/48.jpg)
Display YourSite Content.
48
![Page 49: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/49.jpg)
Demo:static mockups
49
![Page 50: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/50.jpg)
Demo:Template Manager
50
![Page 51: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/51.jpg)
Demo:Template Groups
51
![Page 52: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/52.jpg)
Demo:Create Templates
52
![Page 53: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/53.jpg)
Demo:Populate templates
53
![Page 54: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/54.jpg)
Demo:Handle CSS and JS
54
![Page 55: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/55.jpg)
Demo:Add EE Tags
55
![Page 56: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/56.jpg)
Demo:Plugins
56
![Page 57: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/57.jpg)
Demo:Snippets
57
![Page 58: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/58.jpg)
Demo:Global variables
58
![Page 59: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/59.jpg)
Breaktime.Stretch.
59
![Page 60: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/60.jpg)
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
![Page 61: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/61.jpg)
Performance Tweaks
61
![Page 62: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/62.jpg)
the disable="" parameter
62
![Page 63: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/63.jpg)
caching
63
![Page 64: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/64.jpg)
.htaccess
64
![Page 65: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/65.jpg)
minify CSS and JS
65
![Page 66: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/66.jpg)
Throttling
66
![Page 67: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/67.jpg)
Control Panel User Interface Tweaks
67
![Page 68: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/68.jpg)
Customize the Publish page
68
![Page 69: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/69.jpg)
Accessories
69
![Page 70: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/70.jpg)
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
![Page 71: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/71.jpg)
Awesome sponsors.
71
![Page 72: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/72.jpg)
It’s been real.Ruthie ‘Danger’ BenDorunruthless.com
Marc ‘High Five’ Amosbostonwebstudio.com
~ with special thanks to ~
Andrew ‘Too Cool For A Photo’ Rodgersopenpixels.com
72
![Page 73: Build Your First EE2 Site](https://reader033.fdocuments.in/reader033/viewer/2022060118/558be1d1d8b42a23608b469e/html5/thumbnails/73.jpg)
bostonEErs.org
73