Website Redesign Project Creating Intuitive Content Management
Contents
1. Apps al Credit Cards al Laundry Room al Ruby on Rails al inVenTs Website Ei Facebook P Pandora Radio Fitocracy Play g Library 9 Mint al Other Bookmarks ft Dashboard Content Structure Appearance People Modules Configuration Reports Help Hello jackief Log out Add content Find content Edit shortcuts People Home Administration Operating in maintenance mode Go online SHOW ONLY USERS WHERE role any Filter permission any status any UPDATE OPTIONS Unblock the selected users 4 Update USERNAME STATUS ROLES MEMBER FOR LAST ACCESS OPERATIONS linkcm active administrator 1 week 2 days 10 hours 10 min ago edit jackief active administrator 1 week 2 days 3 min 29 sec ago edit devin90 active administrator l week 2 days 23 hours 55 min ago edit Figure 8 Click on Add User Fill in the username and assign a password When the user confirms their account he or she will be able to set his or her password Next select Active for Status Select the role to assign which limits the permissions of the user Make sure to check the box to notify the user of the account then click Create New Account Create Manage User Roles and Permissions The permissions or the amount of functionality a user has on managing or interacting with the site can be set by creating roles and setting permissions In People management click on the Permissions tab as shown in Figure 9 132. Figure 22 Click on Drupal 7 ATN Other Bookmarks Joomla 3 Version 3 3 0 concrete5 Version 5 6 3 1 phpwems Version 172 PHP Nuke Version 8 3 2 e107 Version 10 4 Drupal 6 Version 6 28 23 Finally click on Install as shown in Figure 23 Click on InstallFigure 23 ee amp install Drupal 7 Free Dru x e C 8 https www mojomarketplace com install drupal 7 Apps D Credit Cards jj Laundry Room jj Ruby on Rails jj inVenTs Website Fj Facebook P Pandora Radio Fitocracy Play J Library Mint bluehost POWERED BY AMMOIO Marketplace One Click Installs Popular Themes Most Popular MOJO Marketplace Items cs ae frisco ee a E JGT WHITENESS BlueBird 7 gt Most Recent MOJO Marketplace Items Te a Y eF z Explore MOJO Sell with Us FAQs Contact Services Branding Add Ons Drupal 7 _ Version 726 About Drupal 7 Drupal is software that allows an individual or acommunity of users to easily publish manage and organize a great variety of content ona website Drupal includes features to enable content management systems blogs collaborative authoring environments forums newsletters picture galleries file uploads and download and much more Your Recent Drupal 7 Installs Figure 23 Click on Install Determine Version of Drupal Running wv OS R fall Other Bookmarks External Links Support Official Site Dru
3. Giles Animal Rescue Volunteer Like us on Facebook WS Giles Animal Rescue Rescue QO CEE 1215 Track Donate _ Donate Newsletter The best shelter is a caring community which promotes Spay Neuter Adoption amp Education www gilesa Figure 11 Click on Edit Stay informed on our latest news First scroll down past the content fields and click Remove to remove the old version of the file as shown in Figure 12 E Edit Basic Page with Two om C www gilesanimalrescue org volunteer overlay node 1 edit z O M Apps Credit Cards jal Laundry Room amp Ruby on Rails inVenTs Website Fi Facebook P Pandora Radio Fitocracy Play g Library W Mint O GitHub M CS 1124 S amp S Java API Songza Listen to Al How Do I Put This fal Other Bookmarks f Dashboard Content Structure Appearance People Modules Configuration Reports Help Hello jackief Log out Add content Find content Views Content Types Menus Status Report Edit shortcuts Files must be less than 10 MB Allowed file types png gif jpg jpeg bottom_body A Source B I Attend our Monthly Meetings We meet once a month on the 2nd Wendesday of each month at 7 00 pm atthe Pembroke Town Hall The Town Hall is the 2nd floor of the Pembroke Fire Dept Please come join us General requirements for volunteers All volunteers must complete a volunteer application amp volunteer agreement with Giles Animal Rescue All volunteers must complete a vo
4. 000 E People Giles Animal Resc x e C d www gilesanimalrescue org user 2 overlay admin people se O cs Apps nal Credit Cards nal Laundry Room al Ruby on Rails inVenTs Website f Facebook P Pandora Radio Fitocracy Play g Library fal Other Bookmarks ft Dashboard Content Structure Appearance People Modules Configuration Reports Help Hello jackief Log out Add content Find content Edit shortcuts People Operating in maintenance mode Go online Add user Home Administration SHOW ONLY USERS WHERE role any Filter permission any status any UPDATE OPTIONS Unblock the selected users 4 Update USERNAME STATUS ROLES MEMBER FOR LAST ACCESS OPERATIONS linkcm active administrator 1 week 2 days 10 hours 16 min ago edit jackief active administrator 1 week 2 days 57 sec ago edit devin90 active administrator 1 week 2 days 1 day 1 min ago edit www gilesanimalrescue org admin people render overlay Figure 9 Click on Permissions From here select either Roles or Permissions In Roles define new roles to allow different permissions Set permissions for each role by clicking Permissions and checking boxes Add Content To add a story regardless of where the story will appear click on Add content as shown in Figure 10 14 000 E News amp Events Giles Anir x a VOOM 3 Other Bookmarks e CL www gilesanima
5. Apps Credit Cards Laundry Room Ruby on Rails inVenTs Website fi Facebook P Pandora Radio Fitocracy Play g Library P Mint O GitHub fN CS 1124 iO Java AP Songza Listen to A How Do I Put This Gal Other Bookmarks MA Dashboard Content Structure Appearance People Modules Configuration Reports Help Hello jackief Log out Add content Find content Views Content Types Menus Status Report Edit shortcuts Attend our Monthly Meetings We meet once a month on the 2nd Wendesday of each month at 7 00 pm at the Pembroke Town Hall The Town Hall is the 2nd floor of the Pembroke Fire Dept Please come join us General requirements for volunteers All volunteers must complete a volunteer application amp volunteer agreement with Giles Animal Rescue All volunteers must complete a volunteer waiver with Giles Animal Rescue All volunteers should feel comfortable accept the policies and procedures of Giles Animal Rescue When volunteering all actions should be a reflection of the values and standards set by Giles Animal Rescue All valuntaare muct ha ahla tn uindarctand and follow diractinne of the unl ntaare in rharna andinr mamhare of tha Roard of Nirartare body h4 Disable rich text Text format Filtered HTML More information about text formats Web page addresses and e mail addresses turn into links automatically Allowed HTML tags lt a gt lt em gt lt strong gt lt cite gt lt blockquote gt lt code gt lt
6. However Bluehost does not immediately get the most recent version of Drupal There is a manual way of installing the most recent version of Drupal to the site 1 Download the new installation of Drupal from https drupal org download 2 Unzip the file on your local machine i Delete the sites folder out of this unzipped Drupal core update files Otherwise the standard sites folder will overwrite the sites folder that contains all your information Recompress the folder Upload the file to public_html directory on BlueHosts file manager Extract the files which replaces all the current ones 2 St Check to see if the report status on the Drupal site reflects the new version as described in Determine Version of Drupal Running If not run the 27 update php script by navigating to http www gilesanimalrescue org update php and following the steps Modules Drupal modules extend the functionality of the Drupal core such as formatting images newsletters text formatting etc To install enable configure and use modules first click on Modules as shown in Figure 28 e0e 3 Modules Giles Animal Re x C www gilesanimalrescue org overlay admin modules ve O m Apps Credit Cards Laundry Room Ruby o gas I inven ay bsite Ei Facebook P Pandora Radio Fitocracy Play u Library Mint a Other Bookmarks M Dashboard Content Structure Appearance 2ople Modules Configuration Reports Help Hello jac
7. Do Put This Other Bookmarks Hello jackief Log out Edit shortcuts alling for this Link x hat lets you help the animals of Giles County save th Link Info king with the animals THANK YOU to each and every one of you who already give your time for neo q Link Type ould bi com q URL Protocol URL curre lt other gt sites defaultfiles basic files GAR Vol Appl pdf TOP_IMAGE FILE INFORMATION OPERATIONS Figure 15 Link edit menu Edit the URL to reflect the new file name Then press OK The next link is in the bottom_body content field as well Repeat the same steps Then press Save at the bottom of the page and test the links to make sure they work SimpleNews Newsletter After logging into Drupal click on People as shown in Figure 16 18 ee 3 jackief Giles Animal Resc x lt C www gilesanimalrescue org wv O gt 2 Apps DD Credit Cards 2 Laundry Room ron Rats w enTs Website Facebook P Pandora Radio Fitocracy Play J Library W Mint 2 Other Bookmarks f Dashboard Content Structure Apijearance People Modules Configuration Reports Help Hello jackief Log out Add content Find content Edit shortcuts P O BOX 354 PEARISBURG VA 24134 HOME ABOUT US ANIMALS MEMORIALS SUCCESS STORIES VOLUNTEER DONATE SHELTER Operating in maintenance mode Go online Links j ac k i ef Like us on Facebook Aneman WW 1 912 View Edit Manage display Shortcuts Contact Track
8. Edit shortcuts Show row weights OPERATIONS delete delete delete delete delete delete delete delete delete delete Figure 37 Add new field Select the field type for example a text box dropdown select image etc Once you select field type and widget click Save This will take to you anew menu to set properties of the field type and widget depending on what it is The configuration of the field can always be edited by clicking edit for the field The order of the fields which can be changed by drag and drop is the order of the fields when creating content Manage Display Manage display determines what is shown when a story is published In Structure gt Content Types click on manage display in Animal as shown in Figure 38 35 000 E content types Giles Ani x lt d www gilesanimalrescue org overlay admin structure types 0O gt Apps Credit Cards fal Laundry Room Ruby on Rails al inVenTs Website Fi Facebook P Pandora Radio Fitocracy Play g Library j Mint qQ GitHub MN cs 1124 5 JavaAPI Songza Listen to Fl How Do I Put This ial Other Bookmarks ft Dashboard Content Structure Appearance People Modules Configuration Hello jackief Log out Add content Find content Edit shortcuts Content types Home Administration Structure Operating in maintenance mode Go online Add content type NAME OPERATIONS Animal Machine name animal i manage
9. Safe configuration as shown in Figure 27 26 eee E Maintenance mode Giles x D www gilesanimalrescue org overlay admin config development maintenance 55 Apps Credit Cards jj Laundry Room jj Ruby on Rails jj inVenTs Website Facebook P Pandora Radio Fitocracy Play g Library Mint GitHub MCs 1124 iO Java API Songza Listen to Fl How Do I Put This ce People Modules Configuration Reports Help Hello jackief Log out Add content Views Content Types Menus Status Report Cron Edit shortcuts Maintenance mode Configuration Development m Put site into maintenance mode When enabled only users with the Use the site in maintenance mode permission are able to access your site to perform mainten ors see the maintenance mode message configured below Authorized users can log in directly via the user login page Maintenance mode message Giles Animal Rescue is currently under maintenance We should be back shortly Thank you for your patience essage to show visitors when the site is in maintenance mode Save configuration Figure 27 Click on Save configuration Once the updates or changes are complete take the site off maintenance mode by repeating the process of turning on maintenance mode but turn it off instead Update Drupal Before updating back up the site as described in Backup Files BlueHost provides an upgrade script that can be located on the Drupal install itself
10. and delete content an account must be established Another user with appropriate permissions can create an account This site is set up that a new user must confirm the account via email To create a new user account first sign in as a user Log in at http www gilesanimalrescue org user login or navigate to the site and click on Login in the lower left hand corner Next click on People as shown in Figure 7 ee 8 jackief Giles Animal Resc x C 5 www gilesanimalrescue org user 2 Z O Apps DD Credit Cards I Laundry Room Risk Duni JJ invenTs Website Fj Facebook P Pandora Radio Fitocracy Play QJ Library Mint DJ Other Bookmarks ft Dashboard Content Structure Appeaance People Mods Configuration Reports Help Hellojackier Log out Add content Find content Edit shortcuts P O BOX 354 PEARISBURG VA 24134 HOME ABOUT US ANIMALS MEMORIALS SUCCESS STORIES VOLUNTEER DONATE SHELTER Links Operating in maintenance mode Go online jackief Like us on Facebook View Edit Manage display Shortcuts Contact Track page visits las Giles Animal Rescue OS CEE 194 Email Donate Plaintext email only o Donate Newsletters nn hen m ment ee m www gilesanimalrescue org admin people render overlay Figure 7 Click on People Next click Add User as show in Figure 8 12 000 E People Giles Animal Resc x e C d www gilesanimalrescue org user 2 overlay admin people X cs
11. fie manage display delete Use an Animal content type for creating adoptable animals lost amp found animals and saved animals i Article Machine name article a m manage fie manage display delete Use articles for time sensitive content like news press releases or blog posts asic Page with Two Image Fields Machine name basic_page_with_two_image_fields i manage fie manage display ete B This content type has two image fields and two body text fields Imagel Body1 Image2 Body2 B asic page Machine name page 3 k manage fie manage display ete Use basic pages for your static content such as an out us page Memorial Machine name memoria E manage fie manage display ete Use Memorial to create an In Honor of Memorials stoi News Story Machine name news_story k manage fie manage display ete Use News Story to create a new News amp Events stor Newsletter Machine name newsletter x s manage fie manage display ete Use Newsletter to add a link to a newsletter Simplenews newsletter Machine name simplenews 3 manage fie manage display ete A newsletter issue to be sent to subscribed email addresses Success Story Machine name animal_story i a manage fie manage display ete Use Success Story to create a story to be displayed on the Success Story page Figure 38 Click on manage display Here all the fields that appeared in the manage fields tab are listed First select the layout for the content ty
12. form and set up categories for the form to use Content types Manage content types including default status front page promotion comment settings etc Custom access rulesets Add edit or delete custom access rulesets for use with Panels and other systems that utilize CTools content plugins Custom content panes Add edit or delete custom content panes Display Suite Manage layouts for entities and configure fields view modes etc Menus Add new menus to your site edit existing menus and rename and reorganize menu links www gilesanimalrescue org admin structure Figure 35 Click on Structure Next click on Content types From here you can create new content types edit fields and manage displays Manage Fields Fields are a part of content types that allow pages to be tailored to their purpose For example different content types will have pictures or multiple blocks to add content To demonstrate look at Animal content type Click on manage fields as shown in Figure 36 33 gt C 5 www gilesanimalrescue org admin structure types voor Gl Other Bookmarks sss Apps al Credit Cards a Laundry Room fall Ruby on Rails fall inVenTs Website Ei Facebook P Pandora Radio Fitocracy Play g Library Pd Mint f Dashboard Content Structure Appearance People Modules Configuration Reports Help Hello jackief Log out Add content Find content Edit shortcuts Operating in maintenance mode Go o
13. in all the fields and click Save To make a tab and appear only for certain users change the settings in the corresponding view There are three more menus Administration Animal Links and Site Links that appear at the bottom of the screen The blocks functionality configures where those menus are on the screen Lessons Learned This being our first ever Drupal website we had to spend time learning how the website was built We quickly realized that the website previous students had built was pretty undocumented We had to go through each page and figure out how each was set up The hardest was part understanding the concept behind Views Views had a lot of different style and options that could be used to modify a list of content Eventually we understood the basics of how the website worked and started documenting the website on how certain features worked This would allow for future groups to be able to spend less time getting up to speed and more time focusing on providing changes to the website One of the most important things we learned was how to interact with a client and turn their wants into a finished product We worked closely with our client meeting with her every other week to display our changes and get feedback while also asking for more changes We can take this experience and use it in real life scenarios in the work place Another lesson learned was to consolidate all the information for the website in one
14. page visits WS Giles Animal Rescue Re Email Donate Plaintext email only No Donate Newsletters Pashe unit nd am www gilesanimalrescue org admin people Figure 16 Click on People Then click on Newsletter Subscriptions as shown in Figure 17 ee people Giles Animal Resc x e C 5 www gilesanimalrescue org overlay admin people Z2 0 HI Apps p Credit Cards jj Laundry Room Ruby on Rails DJ inVenTs Website Fj Facebook P Pandora Radio Fitocracy Play Library 9 Mint Jj Other Bookmarks M Dashboard Content Structure Appearance People Modules Configuration Reports Help Hello jackief Log out Add content Find content Edit shortcuts People Home Administration Operating in maintenance mode Go online Add user SHOW ONLY USERS WHERE role any permission any status any UPDATE OPTIONS Unblock the selected users Update O USERNAME STATUS ROLES MEMBER FOR LAST ACCESS OPERATIONS linkcm active administrator 1 week 1 day never edit jackief active administrator 1 week 1 day 9 sec ago edit devin90 active administrator 1 week 1 day 5 min 44 sec ago edit www gilesanimalrescue org admin people render overlay Figure 17 Click on Newsletter Subscriptions Click on Export as shown in Figure 18 19 ee 33 People Giles Animal Resc x e C 15 www gilesanimalrescue org overlay admin people simplenews Apps jj Credi
15. shelter Additionally we migrated hosting from Go Daddy to Bluehost While updating the Drupal core when hosted at Go Daddy we experienced many technical difficulties including limited control of our files and difficult menus for tasking such as backups We moved to BlueHost because we were able to find an organization GrassRoots which offers free webhosting through BlueHost Bluehost has a very intuitive cPanel that displays all the options on one page to help navigate through the website with ease Overall our client has been very pleased with our changes and is excited about the future of her website We feel that we have put forth our best effort over the course of this semester We are proud to have assisted such a great organization that helps save unfortunate animals We hope that our changes will aid them with their mission Summary of Changes Drupal and Content Modifications We focused primarily on our client s objectives mostly fixing bugs and display issues but also Updated the version of Drupal to resolve security issues Resolved text formatting issues by making Filtered HTML default on all content boxes Accessed newsletter subscribers Created tailored content types for each type of page depending on the content to be included Modified search filter on Adoptable Animals Removed metadata from News Events Added pictures to the Volunteer Donate and About Us pages to showcase work of the rescue and its volunteers Ad
16. ul gt lt ol gt lt li gt lt dl gt lt dt gt lt dd gt e Lines and paragraphs break automatically Operating in maintenance mode Go online Choose File Allowed file typi Menu settings Volunteer amp Provide a menu link Access Menu link title Public access Volunteer Revision information No revision Description 2 Giles Animal Rescue Volunteer Information URL path settings Alias volunteer Shown when hovering over the menu link Authoring information By devin90 on 2014 05 06 06 51 12 0600 Parent item lt Main menu gt Publishing options Published Promoted to front page Weight 45 Menu links with smaller weights are displayed before links with larger weights Figure 13 Upload file The application is referenced twice on the page and each reference must be updated depending on the name of the file of the new application The first reference is in the top_body content block at the top of the page as shown in Figure 14 eee Heit Basic Page with Two x e C www gilesanimalrescue org volunteer overlay node 1 edit S Apps amp Credit Cards je Laundry Room Ruby on Rails m inVenTs Website fi Facebook P Pandora Radio Fitocracy Play g Library 9 Mint 0O GitHub MN CS 1124 E Java API Songza Listen to Fl How Do Put This Other Bookmarks ft Dashboard Content Structure Appearance People Modules Configuration Reports Help Hello jackief Log out Add content
17. EARE TEC OEEIEL TREE EEE EETSER EEE 35 PUC EE oscar cige cate eben sansa eat pete A site hey gan tance EE soasenceoneteaccernianee En 36 INA UUM Ss EE nee ee ee ee een Hehe A 37 LESSONS LEAMEO nennen 39 Acknowledgements unseren 39 Executive Summary Our client Christine Link Owens is the president of the non profit Giles Animal Rescue which helps homeless neglected and abused pets in Giles County The organization has a Drupal website www GilesAnimalRescue org that several groups of students have worked on but it still needed bug fixes and feature expansion Our goal was to make all the changes she asked for as well as create a website content management environment that is easy to maintain as well as thorough instructions of common tasks Many of our changes to the site were text formatting issues and adding images to pages but also include e Updated the version of Drupal to resolve security issues Added pictures to many of the pages to showcase work of the rescue and its volunteers Added the ability to enlarge images by clicking on them e Enabled gallery formatting to create image slide shows e Changed settings in Drupal to make adding and editing content easy by creating tailored content types with specific fields e Resolved text formatting issues by making Filtered HTML default on all text content boxes e Accessed newsletter subscribers Created a separate tab for Giles County Animal Shelter for information about the
18. Find content Views Content Types Menus Status Report Edit shortcuts Home Volunteer Operating in maintenance al Rescue Volunteer Information top_body Edit summary A Source B F We are a small group of volunteers who invite you to join GAR You may find tha have a calling for this kind of volunteer work and may discover the perfect niche of service that lets you help the animals of Giles County Your time is just as valuable to us as monetary donations Volunteers perform many tasks in order to save the pets in need of rescue there is much to be done in addition to working with the animals THANK YOU to each and every one of you who already give your time for the animals Thinking about volunteering but not sure what you can do Our volunteers rescue homeless abandoned or abused pets They speak with the public at events fundraise transport animals to the vet or another rescue and or assist low income families in getting a pet spayed neutered Not all our volunteers work directly with animals Whatever your talent the group would benefit and more animals could be helped Please look over the information on our programs and activities page to get a better idea of the areas you would be most interested in volunteering Also feel free to contact us for more information gilesanimalrescue gmail com or attend our monthly meetings We meet every 2nd Wednesday night of the month If you would like to volunteer please download and
19. Free Anti Premium Webmail Spam Anti Spam check out new TLDs 2 bluehost Featured V P S or D D C AT E D Website Install WordPress Install goMobi Install Scripts Manager WordPress Themes Weebly Mobile Figure 2 Click on Hosting From here there are several sections of functionality below are instructions on how to back up files It is recommended to back up the files monthly Backup Files Once at the cPanel scroll down to the File Management section This section contains all information and the ability to manage all files on the web server One important ability is to backup the sites files Click on Site Backup Pro button shown in Figure 3 home giesani Last login from 7163 94 10 expand stats o oa One Click My Installs Themes amp Logos amp Installs Templates Graphics Extensions Plugins amp E Ee o Legacy File File Count Disk Space Web Disk FTP Usage Saina ogeu eug E Register Transfer Subdomains Addon Parked Redirects DNS Zone Cloudflare Domain Domain Domains Domains Editor Upgrade Cloudfare Site Weebly goMobi Accounts gt B Hosting Backup SiteLock Mobile Pro Figure 3 Click on Site Backup Pro From here there are two different options to choose from We do not have the pro version of Backup and Restore so click on Back up and Restore under the free version shown in Figure 4 Don t risk losing all the time and money you ve invest
20. Website Redesign Project Creating Intuifive Content Management Jackie Falatko Devin Henslee May 8 2014 Virginia Tech Blacksburg VA CS 4624 Multimedia Hypertext Information Access Client Christine Link Owens Table of Contents EIS CINE SUMIGI een 3 summary of CHANGES ea a 4 DEG Palani Content IV OCI Ca OI S e E E E E een 4 PROSE ILI a HOM essen ee ee a ee anne bee ern 5 User MONO rennen 6 SIE ODETI O ee Renee 7 SIEH O GLS TOO ee ee ee 7 PE ALIN BLUE OR arrea A een N IA esta ehesten 8 Backen Non oc men een er are 8 CEL ASICS E O E A EAE E E E A A 8 PO E E E E E E 9 Oe MS E a S A EINE RIO E A A saat saa eats ascear saeoscabeneesqnnantocrmeatgacin ses 12 Creole Manace User Rolesand Permission S een et 13 PAG ONS Dee A E E E ee een 14 Update Volunteer Application on Volunteer Page uuessnessneessnnessnnersnnersnnennnneennnnnnnnnenn 15 SAT ON NON NOW EO aenn R ee aD een 18 Ea EE AA A E O N EE 21 Sue DEVE PING R EN ENE E AE E A A T A A 22 Deo PrO P oani A E EEA AE E E E AE AE EEE O 22 Determine Version or Drupal RONDINE eure A eneie 24 IEE Vog heey qteb aye eae le EEA E E AO E eter e eer er eer are 25 FM ise ica coe seats ae 27 IVT SS as acting E ENE bea ee ea A O AE 28 TUG PEE EN EEE as EVEN N A E E E A EE T 28 TAO EE E E E A A A A E T 29 CO 12 2UREUNE NIE E NUR EEE EDEN E E E E NE EEENCIESENCHESSEREHENG 29 EV een ee ee 29 COTES OE Co E E PRLEUE EEE E O ET 33 Mansion 33 DODO B 1277 E E T A E E A EUREN
21. complete the application Giles Animal Rescue is in need of volunteers to foster homeless pets while we find rescues to take them or await transport to a rescue We do not operate the county shelter We currently do not own a facility to house pets we are assisting Please call us and leave a 9 922 3958 Disable rich text Text format Filtered HTML More information about text formats Web page addresses and e mail addresses turn into links automattc Allowed HTML tags lt a gt lt em gt lt strong gt lt cite gt lt blockquote gt lt code gt lt ul gt lt ol gt lt li gt at Lines and paragraphs break automatically TOP_IMAGE Show row weights FILE INFORMATION OPERATIONS E silent Auction photo3_0 jpg 940 27 KB Remove Add a new file Figure 14 top_body content block 17 The hyperlink button shown as the arrow is grayed out inactive To edit the link scroll through the text until your cursor is on the hyperlink application and once the cursor is there the hyperlink button is active Click on the link button the one without the x and a link edit screen should appear as shown in Figure 15 Edit Basic Page with Two X e C www gilesanimalrescue org volunteer overlay node 1 edit z a iii Apps Credit Cards jj Laundry Room Jj Ruby on Rails jj invenTs Website fq Facebook P Pandora Radio Fitocracy Play Library W Mint GitHub Tcs1124 S javaaPl Songza Listento EY How
22. de access Mail System Text formats Configure per module Mail System settings Configure how content input by users is filtered including allowed HTML tags Also allows enabling of module provided filters Mime Mail Wysiwyg profiles Manage mime mail system settings Configure client side editors Cron Manage automatic site maintenance tasks MEDIA File system USER INTERFACE Tell Drupal where to store uploaded files and how they are accessed External links Colorbox Alter the display of external links on the site Adjust Colorbox settings Shortcuts Figure 25 Click on Configuration Under Development click on Maintenance mode as shown in Figure 26 eee E Configuration Giles Anim x e C I www gilesanimalrescue org overlay admin config VE os Apps Credit Cards em Laundry Room Ruby on Rails ja inVenTs Website Fi Facebook P Pandora Radio Fitocracy Play g Library Mint O GitHub MN CS 1124 E Java API Songza Listen to A How Do I Put This Other Bookmarks ft Dashboard Content Structure Appearance People Modules Configuration Reports Help Hello jackief Log out Add content Views Content Types Menus Status Report Cron Edit shortcuts Manage the actions defined for your site CONTENT AUTHORING HTML Mail Simple Access Configure HTML Mail system wide settings Configure node access Mail System Text formats Configure per module Mail System settings Configure how co
23. ded the ability to enlarge pictures by clicking on pictures Enabled gallery formatting to create image slide shows Modified how picture galleries were being displayed for all picture content types Created a separate tabs for the Giles Animal Shelter for o Information about the shelter Contact information Map of the location Links to shelter website O O O 0O Shelter adoption procedures o Information to contact animal control Adjusted the Links block by e Separating the Like us on Facebook with the Like button then e Donate followed by the donate form Added a traffic counter to most pages of the website Modified status s adoptable pets to better reflect the animals current status Made a new picture size standard in between medium and large for the news stories to better display images Added the volunteer application to the Volunteer page Added the Giles Animal Rescue adoption procedures to the adoptable animals page Added links to shelter adoption procedures to stories of adoptable animals in the shelter Host Migration At the beginning of the semester our website was being hosted through GoDaddy We quickly realized that GoDaddy had a lot of issue with their website Navigating throughout the website turned out to be difficult and was not user friendly GoDaddy s file manager did not allow use to download a directory but instead required us to download one file at a time After weeks of dealing with GoDaddy s
24. e organization Success stories are stories of animals that have been placed in a safe home or to another location and are no longer at risk of euthanization If a visitor is looking to contribute to the organization this tab includes actions of volunteers and information about how to get involved The application to volunteer is also included in this tab If a user wished to donate to the organization information about how to donate money via PayPal or mail is included Additionally this tab includes information of how donations are used and other ways to contribute to the organization Lastly while the Giles Animal Rescue is not officially associated with the Giles County Animal Shelter many of the animals the Rescue works with are in the shelter The tab about the shelter includes information about how to contact the shelter such as location and directions as well as the procedures to adopt an animal The website for the shelter is also included Site Operations This section describes website administration basics including how to sign into Grassroots and Bluehost manage the backend including backing up files create user accounts and permissions for Drupal add content update the volunteer application obtain newsletter subscribers and clean up the site with Cron Sign Into Grassroots To sign into Grassroots navigate to http www grassroots org home The email for the account is gilesanimalrescue gmail com Check your
25. eated Note Not all fields need to be displayed when the story is published See Manage Display To add new fields enter the name of the field under Add new field as shown in Figure 37 000 E Animal Giles Animal Res x EilNews amp Events Giles Anir X e C 5 www gilesanimalrescue org admin structure types manage animal fields Apps Credit Cards DJ Laundry Room jj Ruby on Rails jj invenTs Website Facebook P Pandora Radio f Dashboard Content Structure Add content Find content Appearance Operating in maintenance mode Go online LABEL Title Name Status Species Age Sex Breed Description Intake Date Date Available Images Add new field MACHINE NAME title field_name field_status field_species field_age field_sex field_breed field_description field_intake_date field_date_available field_images People Configuration Reports Help FIELD TYPE Node module element Text List text List text Text List text Text Long text and summary Text Text Image Select a field type ma Type of data to store Fitocracy Play g Library 9 Mint Text field Select list Check boxes radio buttons Text field Select list Text field Text area with a summary Text field Text field Image Select a widget Form element to edit the data w OO 2 Other Bookmarks Hello jackief Log out
26. ed in your website __ BACKUP RESTORE__ Backup and Restore Basic Free Backup and Restore Full cPanel posite Files se Individual MySQL Databases Backup and Restore Pro Only 19 99 yr Individual Files or Folders Includes Basic Features With Site Backup and Restore You Receive IE Daily Weekly and Monthly Backups WE Powerful Backup and Restoration Features Figure 4 Click on Backup and Restore Next click on Download as shown in Figure 5 10 2 files in queue 128MB fa Resio Fees Name EI www mein_sieindex htmi 568 E pubiie_himiv sether_siteindechtm 568 s8 68 EI gutiie_himis sther_sitelabout htmi EI puttc_peru_sother_site comtactuntms Buy Now More info Website Files Your public_html directory Browse Download Restore Your home directory Browse Download Email Messages Restore your email messages from a system backup or upload Restore MySQL MySQL databases and tables Browse Download Full Cpanel Backup Your entire account including website files and settings databases forwarders email accounts etc Download Figure 5 Click on Download A popup window will appear Click Download Now as shown in Figure 6 Download Options for Website Files Backup daily Wed May 07 2014 05 36am t Type tar 4 Download Now m Figure 6 Click on Download Now 11 Create User Accounts To create edit
27. hortcuts Skip to main content Operating in maintenance mode Go online Cron takes care 0 ing periodic tasks like checking for updates and indexing content for search Run cron 2 min ago To run cron from outside the site go to http www gilesanimalrescue org cron php cron_key G6LItSL MqYNWf 6Y 1CcxTYX 5SjOzbfAxCUSkWmLE6zk 3hours More information about setting up scheduled tasks can be found by reading the cron tutorial on drupal org 2 Save configuration Figure 20 Run cron Site Development The site uses the Drupal framework to manage all the content This section includes instructions for basic Drupal management including installing Drupal determining the version of Drupal maintenance mode updating Drupal modules views content types blocks and menus Install Drupal Log into the Bluehost cPanel under Hosting then scroll down to the section Mojo Marketplace To install Drupal click on One Click Installs as shown in Error Reference source not found This will take you to the Mojo Marketplace a product that makes creating online presence easier 22 6 j EE Bluehost cPanel gilesani x amp My Installs amp https www mojomarket x _ amp Buy amp Sell Marketplace for x ee e gt Q a https boxS562 bluehost com 2083 cpsess5066397948 frontend bluehost index html post_login 58937857103326 Apps Gj Credit Cards jj Laundry Room jj Ruby on Rails j
28. j inVenTs Website Fj Facebook P Pandora Radio Fitocracy Play Library j Mint COM HOW ABOUT Email Webmail Apache g U r U Accounts sand m learn more gt amp a Import MX Entry check out new TLDs PTR i bluehost BEGO GE One Click My Installs Themes amp Logos amp Plugins amp Installs Templates Graphics Extensions Figure 21 Click on One Click Installs 3 Other Bookmarks EEE Domains Aston Arcam 10 Heip Account Filtering Filtering Scroll down and click on Drupal 7 as shown in Error Reference source not found Bluehost cPanel giles x amp Script installs Applic amp My Installs EB https www mojomar x Buy amp Sell Marketplace Buy amp Sell Marketplace x e gt C 8 https www mojomarketplace com scripts utm_source www bluehost com Apps Credit Cards Laundry Room Ruby on Rails inVenTs Website Fi Facebook P Pandora Radio Fitocracy Play Library a Mint ient Management eCommerce Education Blogs amp Website Builders Forms amp Surveys FRA WordPress Joomla 2 Version 3 9 Version 2 5 20 Guestbooks Mailing Lists ocPortal MODx 7 Version 9 0 13 Version 2 2 14 Photo Galleries l l Project Management liveSite Social Networking Version 8 70 Statistics Croogo Support amp Live Chat Version 1 5 7 Utilities Textpattern Webmail Version 4 5 5 Version 2 2 3 Wiki Geeklog Anchor CMS Version 200 Version 0 9
29. kief Log out Add content Find content Edit shortcuts fore FIG Home Administration Operating in maintenance mode Go online Download additional contributed modules amp to extend Drupal s functionality Regularly review and install available updates to maintain a secure and current site Always run the update script each time a module is updated Install new module v CORE ENABLED NAME DESCRIPTION OPERATIONS Aggregator Aggregates syndicated content RSS RDF and Atom feeds Controls the visual building blocks a page is constructed with Blocks are boxes of content rendered into an area or region of a web page Help Permissions Configure Required by Dashboard enabled Enables multi user blogs Allows users to create and organize related content in an outline Allows administrators to change the color scheme of compatible themes Required by Stylizer enabled Allows users to comment on and discuss published content www gilesanimalrescue org admin modules render overlay De Figure 28 Click on modules Install To install a module obtain the link to the zip or tar file from the web or download the zip or tar file to your machine Then click on Install new module Copy in the URL or upload the file from your computer then press Install To return to the Modules page click on Enable newly added modules 28 Enable To use a module it must be enabled In the mod
30. le Path http www gilesanimalrescue org Display format Unformatted list of teasers with links allow users to add comments etc without comments Items to display 10 Use a pager Create a menu link Include an RSS feed www gilesanimalrescue org admin structure views add render overlay Figure 32 Initial set up Once the initial set up has been completed the following screen shown in Figure 33 allows for full customization of the page Information that was previously entered on the last screen can also be modified on this screen In the screen there are a few main areas that allow for the overall customization of the flow and content of the page Filter Criteria allows the filtering of content being displayed on the view As shown in Figure 33 this page is being setup to display a grid of adoptable animals where the content type must be Animal and status is adoptable Another main section page setup allows the creation of menu tabs paths and access permissions to the page The last most important section is the formatting section In this section Drupal allows for five specific styles in listing information The most common used throughout the site is a grid which allows for a nice ordering of information with a grid displayed around each piece of information 31 f Dashboard Content Structure Appearance People Modules Configuration Reports Help Hello devin90 Log out Add content Find c
31. lrescue org Hello jackief Log out Edit shortcuts ABOUT US ANIMALS MEMORIALS SUCCESS STORIES VOLUNTEER DONATE SHELTER Operating in maintenance mode Go online Links News amp Eve nts Like us on Facebook Anna Rescue xe Giles Animal Res QS Gs Donate Newsletter Stay informed on our latest news gt Figure 10 Click on Add content Next click on the content type depending on what kind of story is being added For example any kind of animal Adoptable Lost amp Found etc will be of content type animal Fill in the form and click Save The story will go to the appropriate page through the filters configured in Views Update Volunteer Application on Volunteer Page First click on the Volunteer tab then click Edit as shown in Figure 11 15 000 E Giles Animal Rescue Volu oS C D www gilesanimalrescue org volunteer O A Apps je Credit Cards fal Laundry Room fal Ruby on Rails jal inVenTs Website Fi Facebook P Pandora Radio Fitocracy Play g Library 9 Mint O GitHub N CS 1124 E Java API amp Songza Listen to A How Do I Put This C tal Other Bookmarks ft Dashboard Content Structure Appearance People Modules Configuration Reports Help Hello jackief Log out Add content Find content Views Content Types Menus Status Report Edit shortcuts P O BOX 354 PEARISBURG VA 24134 HOME ABOUT US ANIMALS MEMORIALS SUCCESS STORIES DONATE SHELTER Operating in maintenance mode Go online Links
32. lunteer waiver with Giles Animal Rescue All volunteers should feel comfortable accept the policies and procedures of Giles Animal Rescue When volunteering all actions should be a reflection ofthe values and standards set by Giles Animal Rescue All unluntaare mict ha ahla tn unrdarctand and follow diractinne of tha unl ntaare in charna andinr mamhare nf tha Roard of Niractore body h4 Disable rich text Text format Filtered HTML More information about text formats Web page addresses and e mail addresses turn into links automatically Allowed HTML tags lt a gt lt em gt lt strong gt lt cite gt lt blockquote gt lt code gt lt ul gt lt ol gt lt li gt lt dl gt lt dt gt lt dd gt Lines and paragraphs break autor File 4 GAR Vol Appl pdf 26 Remove Menu settings Volunteer M Provide a menu link Access Menu link title Public access Volunteer Revision information No revision Description Giles Animal Rescue Volunteer Information URL path settings Alias volunteer Shown when hovering over the menu link Authoring information By devin90 on 2014 05 06 06 51 12 0600 Parent item Figure 12 Remove Volunteer Application file Now there is an option of choose a file to upload Click on Choose File and select the file Then click Upload as shown in Figure 13 16 000 Heit Basic Page with Two x C I www gilesanimalrescue org volunteer overlay node 1 edit xw O
33. m to 2 pm Donate We also need more volunteers to help us sort donated items and set up on the day of the sales Email any questions gilesanimalrescue gmail com 4th Annual Spring Rabies Vaccination Clinic March 8th Newsletter Figure 1 Home Page When a user first visits the site the home page shows recent event that Giles Animal Rescue has done including fundraising activities vaccination clinics and adoption events The About tab includes information about the organization and their mission statement There is information to contact the organization either through telephone or by submitting a form via email Additionally the previous newsletters are posted here The Animals tab displays stories of animals that are available for the adoption found or missing and saved Adoptable animals are either in foster care with a volunteer or are at risk in the shelter Lost or found animals are animals that someone found and are looking for the owner or an owner posting to find their missing pet Saved animals are stories of animals that have been adopted and are in a safe home Additionally this tab has the Giles Animal Rescue application to adopt an animal If a visitor is looking to adopt an animal this tab has information to do so Memorials are stories of families that have donated money in memory of a pet that has passed away Their pet was a part of their family and wished to honor him or her by donating to th
34. nTs Website Fi Facebook P Pandora Radio Fitocracy Play g Library I Mint O GitHub MN CS 1124 iO Java API Songza Listen to A How Do I Put This Other Bookmarks f Dashboard Content Structure Appearance People Modules Configuration Reports Help Hello jackief Log out Add content Find content Edit shortcuts Menus LIST MENUS Home Administration Structure Operating in maintenance mode Go online Each menu has a corresponding block that is managed on the Blocks administration page Add menu TITLE OPERATIONS Main menu list links r add link The Main menu is used on many sites to show the major sections of the site often in a top navigation bar Management p list links edit menu The Management menu contains links for administrative tasks Navigation list links edit menu The Navigation menu contains links intended for site visitors Links are added to the Navigation menu automatically by some modules User menu 7 list links edit menu The User menu contains links related to the user s account as well as the Log out link www gilesanimalrescue org admin structure menu render overlay Figure 41 Click on list links The order the links appear and whether they are nested can be changed by drag and drop Be sure to click Save Configuration at the bottom to save your changes 38 To add a link click on Add link either from the menu page or directly in the list links page Fill
35. nline Add content type NAME Animal Machine name animal Use an Animal content type for creating adoptable animals lost amp found animals and saved animals Article Machine name article Use articles for time sensitive content like news press releases or blog posts Basic Page with Two Image Fields Machine name basic_page_with_two_image_fields This content type has two image fields and two body text fields Imagel Bodyl Image2 Body2 Basic page Machine name page Use basic pages for your static content such as an About us page Memorial Machine name memorial Use Memorial to create an In Honor of Memorials story News Story Machine name news_story Use News Story to create a new News amp Events story Newsletter Machine name newsletter Use Newsletter to add a link to a newsletter Simplenews newsletter Machine name simplenews A newsletter issue to be sent to subscribed email addresses manage fields manage fields manage fields manage fields manage fields manage fields manage fields manage fields Figure 36 Manage fields of content type manage display manage display manage display manage display manage display manage display manage display manage display delete delete delete delete delete Allthe animal stories in the Animals tab use the content type Animals Each animal story has all of the fields when the story is cr
36. nt and only recently did we gain access to this account We have fully moved all the domains off of the previous students account Now our client will be able to control the domains and hosting all on one account This will reduce the number of passwords that our client has to keep track of and consolidates domains and hosts in the same place User Manual The Giles Animal Rescue has a website that contains information about what the organization is events they sponsor stories of animals how to volunteer how to donate and information about the shelter The URL is www GilesAnimalRescue org and its home screen is shown in Figure 1 P O BOX 354 PEARISBURG VA 24134 ABOUT ANIMALS MEMORIALS SUCCESS STORIES VOLUNTEER DONATE SHELTER News amp Events Links Giles Animal Rescue Yard Sale Like us on Facebook We have a Yard Sale usually on the first Saturday of every month to raise funds for our work The next sales will be May 3rd amp May 31st Rain or Shine If you would like to donate an item please WS Giles Animal Rescue call Christine 540 626 7409 We also invite others to bring a table and set up for a donation of Wray 1 914 10 The Yard Sale is located at 5502 Virginia Ave Pembroke VA 24136 On Rt 460E Donate We have truckloads of donations so come and check us out Items include furniture XBOX games jewelry household items jeans of all sizes baby items books artwork home decor antiques etc Sale runs from 8 a
37. ntent Find content Edit shortcuts Structure Home Administration Operating in maintenance mode Go online Blocks Configure what block content appears in your site s sidebars and other regions Contact form Create a system contact form and set up categories for the form to use Content types Manage content types including default status front page promotion comment settings Custom access rulesets Add edit or delete custom access rulesets for use with Panels and other systems that utilize CTools content plugins Custom content panes Add edit or delete custom content panes Manage layou r entities and configure fields view modes etc Menus Add new menus to r site edit existing menus and rename and reorganize menu links Add edit and remove overridden system pages and user defined pages from the system Stylizer Add edit or delete stylizer styles Taxonomy Manage tagging categorization and classification of your content Triggers Configure when to execute actions www gilesanimalrescue org admin structure render overlay Figure 40 Click on Menus This site uses the Main Menu that goes along the top of the screen beneath the logo To view all the links click on list links as shown in Figure 41 Ei Menus Giles Animal Res C 5 www gilesanimalrescue org adoptable animals overlay admin structure menu oo Apps Credit Cards Laundry Room a Ruby on Rails inVe
38. ntent input by users is filtered including allowed HTML tags Also allows enabling of module provided filters Mime Mail Wysiwyg profiles Manage mime mail system settings Configure client side editors Cron Manage automatic site maintenance tasks MEDIA File system USER INTERFACE Tell Drupal where to store uploaded files and how they are accessed External links Colorbox Alter the display of external links on the site Adjust Colorbox settings Shortcuts Image styles Add and modify shortcut sets Configure styles that can be used for resizing or adjusting images on display Image toolkit DEVELOPMENT Choose which image toolkit to use if you have installed optional toolkits Performance Enable or disable page caching for anonymous users and set CSS and JS bandwidth optimization options SEARCH AND METADATA Logging and errors Settings for logging and alerts modules Various modules can route Drupal s system events to different destinations Search settings 9 such as syslog database email etc Configure relevance settings for search and other indexing options Maintenance mode URL aliases Take the site offline for maig hance or bring it back online Change your site s URL paths by aliasing them Clean URLs Enable or disable clean URLs for your site WEB SERVICES Figure 26 Click on Maintenance Mode Click the checkbox Put the site in maintenance mode edit the display message then click
39. ontent Views Content Types Menus Status Report Edit shortcuts Adoptable Animals Content Home Administration Structure Views Operating in maintenance mode Go online Modify the display s of your view below or add new displays Displays Page Add edit view name description v v Page details Display name Page view Page v TITLE PAGE SETTINGS gt Advanced Title Adoptable Animals Path adoptable animals FORMAT Menu Normal Adoptable Animal Format Grid Settings Access Permission View published content Show Content Full content HEADER FIELDS Global Result summary The selected style or row format does not utilize fields FOOTER FILTER CRITERIA Add v PAGER Content Published Yes Use pager Display allitems All items Content Type Animal More link No Content Status or Adoptable Foster Care Content Species grouped ORT CRITERIA www gilesanimalrescue org admin structure views view adoptable_animals edit render overlay Figure 33 Final Set Up Once setting up all the information for a specific page Drupal provides a preview of the view at the bottom of the page as shown in Figure 34 Once the view is completed click Save otherwise all the hard work will be lost f Dashboard Content Structure Appearance People Modules Configuration Reports Help Hello devin90 Log out Add content Find content Views Content Types Menus Status Report Edit sho
40. pal Handbooks By clicking Install Import above you accept our Terms of Service agreement To determine which version of Drupal the site is using click on Reports as shown in Figure 24 24 000 3 Reports Giles Animal Re x C 5 www gilesanimalrescue org overlay admin reports x O ans Apps al Credit Cards al Laundry Room all Ruby on Rails fal inVenTs Web ge Ei Facebook ips andora Radio Fitocracy Play g Library Fi Mint all Other Bookmarks TTT ft Dashboard Content Structure Appearance People Modules Con guration Reports Help Hello jackief Log out Add content Find content Edit shortcuts Reports Home Administration Operating in maintenance mode Go online Status report Get a status report about your site s operation and any detected problems Available updates Get a status report about available updates for your installed modules and themes Recent log messages View events that have recently been logged Field list Overview of fields on all entity types Recent hits View pages that have recently been visited Top access denied errors View access denied errors 403s Top page not found errors View page not found errors 404s Top referrers Figure 24 Click on Reports Next click on Status report The Drupal version is shown in the first row Maintenance Mode Whenever updating or modifying content of a website it i
41. pe functionality provided by the views module below the fields Animals is a two column stacked The fields are arranged in the two column format and fields can be dragged and dropped to each section They order on this page determines the order displayed when published The label can be displayed inline or above or hidden as well Blocks The blocks that come with the theme configure the layout of the site Different themes will have different block configuration To view the blocks functionality click on Structure then Blocks as shown in Figure 39 36 a 000 E Structure Giles Animal Re x e CD www gilesanimalrescue org overlay admin structure 2 O i HI Apps Credit Cards Laundry Room Ruby on Rails inVenTs Website Fi Facebook P Pandora Radio Fitocracy Play Library P Mint Q GitHub MN cs 1124 E Java API Songza Listen to How Do I Put This al Other Bookmarks ft Dashboard Content Structure Appearance People Modules Configuration Reports Help Hello jackief Log out Add content Views Content Types Menus Status Report Cron Edit shortcuts Structure Home Administration aq in maintenance mode Go online Blocks Configure what blo jontent appears in your site s sidebars and other regions Create a system contact form and set up categories for the form to use Content types Manage content types including default status front page promotion comment settings etc Custom access rulese
42. place We ran into an issue where previous students had domains hosted on their private accounts This was not fair to our client because they did not have any control over these private accounts We made sure to get in contact with previous students in order to retrieve the domains from their private accounts Acknowledgements We would like to thank our client Christine Link Owens for allowing us to work on her Drupal website We could not be happier then to help support the cause 39 of Giles Animal Rescue We would like to also thank Dr Fox for his input and help throughout the semester on our project 40
43. ration Reports Help Hello jackief Log out Add content Find content Edit shortcuts People Home Administration People Newsletter subscriptions Operating in maintenance mode Go online Status E Active users Inactive users Subscriptions matching the selected states will be exported Subscribed Subscribed to the newsletter Unconfirmed to the newsletter Unsubscribed from the newsletter Subscriptions matching the selected subscription states will be exported Newsletter Giles Animal Rescue newsletter Sub ptions matching the selected newsletters will be exported Figure 19 Click checkboxes then Export Cron Whenever a notification pops up to run cron make sure to run cron Cron will run periodically to perform routine maintence to the site for example checking for updates The site is configured for cron to run every 3 hours It is good practice to run cron whenever a module is enabled For more information visit https drupal org cron To run cron click Cron as shown in Figure 20 then click Run cron 21 000 Ecron Giles Animal Rescu X Cf www gilesanimalrescue org overlay admin config system cron iI Apps Credit Cards all Laundry Room Ruby on Rails all inVenTs Website fi Facebook P Pandora Radio Fitocracy Play g Library P Mint 9 GitHub fN CS 1124 iO Java API Songza Listen to Fl How Do Put This Hello jackief Log out Edit s
44. records for the password Sign into Bluehost To sign into Bluehost navigate to https my bluehost com web hosting cplogin then click on Login Select login to hosting The domain for the account is gilesanimalrescue org Check your records for the password Then click login Backend Management This section details how to manage the domain on the backend or where all the details of the website are hidden This includes the file system and where Drupal is installed and running from cPanel Basics Bluehost supports user functionality through the use of a cPanel Alltasks such as backing up the site viewing files viewing site emails and other similar functionality can be done through the cPanel To get to the cPanel first log into Bluehost Then click on Hosting as shown in Figure 2 000 Welcome Home gilesani x a nee gt C https my bluehost com cgi home ve O Apps Credit Cards j Laundry Room jj Ruby on Rails jj inVenTs Website FJ Facebook P Pandora Radio Fitocracy Play Library j Mint Other Bookmarks Logout I bl uehost gilesanimalrescue org shared Addons accom 0 O Marketplace What s New Getting Started O Q COM HOW ABOUT Get Started Howto Help Center Passwords Tickets Change My g ug Videos Settings Ec f CU gt Main Features learn more a sd orte Praten sace Email 4 9 Check
45. rtcuts Show Content Full content HEADER FIELDS Global Result summary The selected style or row format does not utilize fields FOOTER FILTER CRITERIA Add PAGER Content Published Yes Use pager Display all items All items Content Type Animal More link No Content Status or Adoptable Foster Care Content Species grouped SORT CRITERIA Content Post date desc Operating in maintenance mode Go online Auto preview Preview with contextual filters Update preview Title Adoptable Animals Exposed Filters Sort by Species a X T tay Figure 34 Preview view 32 Content Types Different pages of content can require different structures for example having pictures dropdowns etc To create content types log in and click on Structure as shown in Figure 35 ee0 33 Structure Giles Animal R x wv OM d i Peau oryan L Ruby on Rails fall inVenTs Website Ei Facebook P Pandora Radio Fitocracy Play g Library Mint al Other Bookmarks C 5 www gilesanimalrescue org admin structure Dashbo amp d Content Serge Appearanc People Modules Configuration Reports Help Hello jackief Log out Add content Find co Edit shortcuts Home Administration Structure Operating in maintenance mode Go online Blocks Configure what block content appears in your site s sidebars and other regions Contact form Create a system contact
46. s always good practice to put the site into maintenance mode This restricts non admin users to not being able to access the site while the site is in the process of being updated To put the website in maintenance mode go to the configuration menu by clicking on Configuration as shown in Figure 25 25 eee EE Configuration Giles Ani e C I www gilesanimalrescue org overlay admin config gt pps Credit Cards Laundry Room Ruby on Rai 2 P Pandora Radio Fitocracy Play g Library Mint oO GitHub MN CS 1124 iO Java API Songza Listen to Fl How Do Put This Other Bookmarks ft Dashboard Content Structure Appearance Peof amp Modules Configuration Reports Hello jackief Log out Add content Views Content Types Menus Status Report Croft Edit shortcuts Configuration Home Administration Operating in maintenance mode Go online Hide descriptions PEOPLE SYSTEM Account settings Site information Configure default behavior of users including registration requirements e mails fields and user pictures Change site name e mail address slogan default front page and number of posts per page error pages IP address blocking Statistics Manage blocked IP addresses Control details about what and how your site logs access statistics Actions Manage the actions defined for your site CONTENT AUTHORING HTML Mail Simple Access Configure HTML Mail system wide settings Configure no
47. support we noticed that the hosting through them was up for renewal Working closely with our client we proposed that we could swap hosts for her and try to find one that is easier to use Spending a few weeks compiling a list of options one in particular stuck out which was BlueHost BlueHost works with an organization GrassRoots that helps non profit organization with their websites by offering free webhosting free technical support and volunteers to assist with website issues Our client would not have to pay for hosting through GoDaddy any longer and GrassRoots would cater to her organization BlueHost s other main selling point was their cPanel it is very easy to use and could navigate to portions of the website with ease unlike GoDaddy However we ran into some issues while migrating hosts First we noticed was that the current live website that was made by students the previous semesters was built incorrectly Files that were custom to the site were outside of the sites folder which makes it impossible to update the Drupal core version We spoke with our client and went with the decision to take one of the domains and rebuild the website correctly on BlueHost Once the website was rebuilt we took the other domain name and forwarded it to the new sites domain Another issue we ran into was that the domains were being connected to a previous students personal BlueHost account We spent weeks trying to get into contact with the stude
48. t Cards jj Laundry Room Ruby on Rails DJ inVenTs Website Fj Facebook P Pandora Radio Fitocracy Play J Library W Mint 2 Other Bookmarks M Dashboard Content Structure Appearance People Modules Configuration Reports Help Hello jackief Log out Add content Find content Edit shortcuts People S NEWSLETTER SUBSCRIPTIONS Home Administration People Operating in maintenance mode Go online Mass subscribe Mass unsuscribe Export SHOW ONLY SUBSCRIPTION WHICH Subscribed to All newsletters Email address Filter UPDATE OPTIONS Activate Update O EMAIL a USERNAME STATUS LANGUAGE OPERATIONS Abdul Pillitteri borsh info edit andrea imt org edit www gilesanimalrescue org admin people simplenews export Figure 18 Click on Export Next checkbox Active Users under Status Subscribed to the Newsletter under Subscribed select the newsletter to send then click on Export as shown in Figure 19 Scroll to the bottom of the screen to obtain the comma separate values of emails 20 a 0 0 0 3 People Giles Animal Res x MEER a anusan ve O ME Apps jj Credit Cards jj Laundry Room jj Ruby on Rails DD inVenTs Website Fj Facebook P Pandora Radio Fitocracy Play QJ Library Mint 2 Other Bookmarks C5 www gilesanimalrescue org overlay admin people simplenews export f Dashboard Content Structure Appearance People Modules Configu
49. ting for rich text fields using CKEditor Requires Wysiwyg enabled External Determine behavior and appearance for external links Options include Make external links open in a new window add Configure Links icons next to external links and email addresses display pop up warnings when users click external links 9 Gallery Provides a jquery gallery CCK formatter for imagefield Formatter Requires Image enabled File enabled Field enabled Field SQL storage enabled Figure 29 Configure modules Views Views are one of Drupal s powerful frameworks that allow users to group content by filtering rules To create a new view first go click on Views in the shortcuts menu shown in Figure 30 29 amp amp Dashboard Content Structure Appearance People Modules Configuration Reports Help Hello devin90 Add con nt Views Conte Types Menus Status Report Cron P O B X 354 PEARISBURG VA 2413 ABOUT US ANIMALS MEMORIALS SUCCESS STORIES VOLUNTEER DONATE SHELTER an News amp Events Like us on Facebook gua Giles Animal Rescue ME v Liko You tke the Donate Donate _ Gg zas Newsletter Stay informed on our latest news Figure 30 Click Views on short cut menu Next click on Add New View shown in Figure 31 ft Dashboard Content Structure Appearance People Modules Configuration Reports Help Hello devin90 Log out Add content Find content Views Content Types Menus Status Report Edit shortcu
50. ts Add edit or delete custom access rulesets for use with Panels and other systems that utilize CTools content plugins Custom content panes Add edit or delete custom content panes Display Suite Manage layouts for entities and configure fields view modes etc Menus Add new menus to your site edit existing menus and rename and reorganize menu links Pages Add edit and remove overridden system pages and user defined pages from the system Stylizer Add edit or delete stylizer styles Taxonomy Manage tagging categorization and classification of your content Triggers Figure 39 Click on Blocks View the block layout by clicking Demonstrate block regions CorporateClean CorporateClean is the theme Blocks can be added and configured so they only display on certain pages Menus Menus are configured in Structures and appear on the site using Block configuration To view menus click on Structure then Menus as shown in Figure 40 37 eee EH structure Giles Animal lt C www gilesanimalrescue org adoptable animals overlay admin structure O A Apps ja Credit Cards oa Laundry Room Ruby on Rails foal inVenTs Website Fi Facebook P Pandora Radio Fitocracy Play g Library P Mint O GitHub Th CS 1124 ol Java API Songza Listen to A How Do I Put This je Other Bookmarks M Dashboard Content Structure Appearance People Modules Configuration Reports Help Hello jackief Log out Add co
51. ts Views Home Administration Structure e Operating in maintenance mode Go online If you install the advanced help module from http drupal org project advanced_help amp Views will provide more and better help You can disable this message at the Views settings page Add new view A i late Import DESCRIPTION TAG PATH OPERATIONS Adoptable Animals default adoptable animals Edit v Display Page In database Type Content Adopted amp Rescued Animals default saved animals Display Page In database Type Content Hidden Animals default hidden animals Display Page In database Type Content In Honor Of Memorials default in honor of memorials Display Page In database Type Content Pact 2 Enund Animalc default lost found animals www gilesanimalrescue org admin structure views add template Figure 31 Add new view Once in the new view page the user can specify the name of the view and then choose how to display the content as shown in Figure 32 30 f Dashboard Content Structure Appearance People Modules Configuration Reports Help Hello devin90 Log out Add content Find content Views Content Types Menus Status Report Edit shortcuts Add new view Home Administration Structure Views Operating in maintenance mode Go online View name Description Show Content oftype All tagged with sorted by Newest first M Create a page Page tit
52. ules listing find the module that you just installed Check the check box then scroll to the bottom and click Save configuration Configure Some modules allow setting to be configured to tailor their functionality To configure a module find the module in the Modules list Then click on Configure as shown in Figure 29 The configure options will vary by module e0e 3 Modules Giles Animal Re X gt C www gilesanimalrescue org admin modules R A A Apps jj Credit Cards jj Laundry Room Ruby on Rails jj invenTs Website FJ Facebook P Pandora Radio Fitocracy Play Library 9 Mint 2 Other Bookmarks f Dashboard Content Structure Appearance People Modules Configuration Reports Help Hello jackief Log out Add content Find content Edit shortcuts Simplenews rules 7 x 1 1 Requires Simplenews enabled Taxonomy enabled Options enabled Field enabled Field SQL storage enabled Rules missing v OTHER ENABLED NAME DESCRIPTION A light weight customizable lightbox plugin for jQuery 1 4 3 f Colorbox i Hi Configure Requires Libraries enabled System enabled Insert Assists in inserting files images or other media into the body field or other text areas Allows version dependent and shared usage of external libraries Libraries Requires System enabled Required by Colorbox enabled USER INTERFACE ENABLED NAME DESCRIPTION OPERATIONS CKEditor for WYSIWYG WYSIWYG edi
Download Pdf Manuals
Related Search