A short, non-technical overview of Drupal 7 for Content Editors.
Display at full-screen to use the hyperlinks displaying the demonstration videos.
This was originally prepared as a presentation to the 2012 eLearning Summit held at Northwestern College in the Twin Cities, Minnesota USA
Beyond the EU: DORA and NIS 2 Directive's Global Impact
What is Drupal - For Content Editors
1. WHAT IS DRUPAL?
For Content Editors
• How Drupal works.
by Peter K. Johnson - peterk@WebExplorations.com • Adding new content.
Originally presented at eSummit - July 2012
• Edit content.
• Upload Images.
• Create new pages.
• Add menu items.
• Resources
photo by QuinnDombrowski - flickr.com
2. A software framework
- customizable modules and themes.
Content is stored in a database
Site Administrators build the house and paint the
walls, and set the locks.
Content Editors hang pictures on the wall and put
fresh flower arrangements on the table.
WHAT IS DRUPAL?
photo by 5Emrank - flickr.com
3. WHO USES DRUPAL?
Stanford University
The Economist
Amnesty International
NASA
MIT Media Lab
WhiteHouse.gov
16,000+ active developers - worldwide (March 2012)
6. Video Demo - Adding New Content
Each content item is added to the database.
ADD NEW CONTENT.
photo by GreyLight - flickr.com
7. Video Demo - Adding New Content
Story Content
Each content item is added to the database.
ADD NEW CONTENT.
photo by GreyLight - flickr.com
8. Video Demo - Adding New Content
Story Content
Article Content
Each content item is added to the database.
ADD NEW CONTENT.
photo by GreyLight - flickr.com
9. Video Demo - Adding New Content
Story Content
Blog Content
Article Content
Each content item is added to the database.
ADD NEW CONTENT.
photo by GreyLight - flickr.com
10. Video Demo - Adding New Content
New Page
Story Content Content
Blog Content
Article Content
Each content item is added to the database.
ADD NEW CONTENT.
photo by GreyLight - flickr.com
11. Video Demonstration - Edit Existing Content
1. View list of content items - Click on "Content"
2. Filter to see the content type you want.
3. Click on the "edit" link for the item you want to change.
4. Click on "Save" button at very bottom of the page.
EDIT CONTENT
photo by Ecstatic Mark - flickr.com
12. 1. Download image to use
Demo: Working with Images
2. Resize using online editor http://pixlr.com/editor/
3. Edit specific content
4. Click on picture icon
5. Upload image
6. Click on "insert" button
UPLOAD IMAGES.
photo by fox_kiyo - flickr.com
13. Demo: Add pages and menu items
1. "Content/Add Content/Basic page"
2. Add a title and the content
3. Add as menu item
- weight determines the order
4. "Save" the page
5. You can view by clicking on "Content" on the menu bar
CREATE NEW PAGES.
photo by pranav - flickr.com
14. RESOURCES
• 10 Reasons to choose Drupal
A PDF chart
• A Drupal Overview
http://drupal.org/node/265726
• Understanding Drupal - A video overview
http://drupalize.me/videos/understanding-drupal
• Lynda.com
Essential Training (several free videos)
• Drupal Cookbook (for beginners)
http://drupal.org/documentation/customization/tutorials/beginners-cookbook
Special thanks to the photographers at Flickr.com
who gave permission to use their photos in this presentation.
Last Revised: July 4, 2012
Editor's Notes
\n
How did Drupal Get Its Name?\nIn 2000, permanent Internet connections were at a premium for University of Antwerp students, so Dries Buytaert and Hans Snijder set up a wireless bridge between their student dorms to share Hans's ADSL modem connection among eight students. While this was an extremely luxurious situation at that time, something was missing: There was no means to discuss or share simple things.\nThis inspired Dries to work on a small news site with a built-in web board, allowing the group of friends to leave each other notes about the status of the network, to announce where they were having dinner, or to share some noteworthy news items.\nThe software did not have a name until the day after Dries moved out after graduation. The group decided to put the internal website online so they could stay in touch, keep sharing interesting findings, and narrate snippets of their personal lives. While looking for a suitable domain name, Dries settled for 'drop.org' after he made a typo to see if the name 'dorp.org' was still available. Dorp is the Dutch word for 'village', which was considered a fitting name for the small community.\nOnce drop.org was established on the Web, its audience changed as the members began talking about new web technologies, such as moderation, syndication, rating, and distributed authentication. Drop.org slowly turned into a personal experimentation environment, driven by the discussions and flow of ideas. The discussions about these web technologies were tried out on drop.org itself as new additions to the software running the site.\nIt was only later, in January 2001, that Dries decided to release the software behind drop.org as "Drupal." The purpose was to enable others to use and extend the experimentation platform so that more people could explore new paths for development. The name Drupal, pronounced "droo-puhl," derives from the English pronunciation of the Dutch word "druppel," which means "drop."\nhttp://drupal.org/about/history\n\n
User types in a URL (web address)http://WebExplorations.com/myWebsite\nWebsite extracts the information from a database\nDrupal builds a web page from the data\nDrupal sends the finished page back to the user to view in his or her browser.\n
User types in a URL (web address)http://WebExplorations.com/myWebsite\nWebsite extracts the information from a database\nDrupal builds a web page from the data\nDrupal sends the finished page back to the user to view in his or her browser.\n
Here is a video demonstration of these steps: http://youtu.be/QM2b0u4dDu8?hd=1\n\n1. From the menu select Content/Add new/ and choose the type of content you want to edit.\n2. Once you add in the title and body of the content select if you want commenting turned on and the publishing options.\n3. Don't forget to click on "Save" at the bottom of the page!\n
Here is a video demonstration of these steps: http://youtu.be/QM2b0u4dDu8?hd=1\n\n1. From the menu select Content/Add new/ and choose the type of content you want to edit.\n2. Once you add in the title and body of the content select if you want commenting turned on and the publishing options.\n3. Don't forget to click on "Save" at the bottom of the page!\n
Here is a video demonstration of these steps: http://youtu.be/QM2b0u4dDu8?hd=1\n\n1. From the menu select Content/Add new/ and choose the type of content you want to edit.\n2. Once you add in the title and body of the content select if you want commenting turned on and the publishing options.\n3. Don't forget to click on "Save" at the bottom of the page!\n
Here is a video demonstration of these steps: http://youtu.be/QM2b0u4dDu8?hd=1\n\n1. From the menu select Content/Add new/ and choose the type of content you want to edit.\n2. Once you add in the title and body of the content select if you want commenting turned on and the publishing options.\n3. Don't forget to click on "Save" at the bottom of the page!\n
There is a video demonstration of editing existing content here: http://youtu.be/svxyc41fVdg?hd=1\n\nYou can edit your content by mousing over the content and looking for the small gear icon. Click on that to edit or delete the content.\n\nDepending on how the site admin has set up the permissions you may or may not be able to edit/delete other people's work.\n\nYou can also edit content by clicking on "Content" on the menu bar. This will display a list of the content. \nThis list of content can be filtered to look at only certain content types such as blog entries or articles.\n\nUpdated items are automatically moved to the top of the list and highlighted with the word "updated"\n
Here is a video demonstration showing ways to work with images: http://youtu.be/VciMFeoaE00?hd=1\n
This feature may not be available to you depending on how the site administrator has set up your permissions.Here is a video demonstration showing how to add pages and menu items: http://youtu.be/WrYFFoum1cM?hd=1\n