MHC Drupal User Manual - Mount Holyoke College
Contents
1. MHC Drupal User Manual Mount Holyoke College Directories Login Calendar Campus Map ye Custom Search ABOUT ADMISSION ACADEMICS STUDENT LIFE ATHLETICS OFFICES GIVING NEWS amp EVENTS Celebrating ive Years of Lynn Pasquerella 1980 President of Mount Holyoke College 10 10 2012 Author Theresa Chamberland This user manual describes how to get started using Drupal to update your section of the Mount Holyoke College website and covers basic topics such as logging in editing and creating content Contents se 6 1 7 x N Ae ee ee en ee eee eee 4 Adah 161 GES aloe Caled Bq 6 o gt sosaren eoe 4 E WM T 5 Lee 5 WOKS RODS sasir r SE EEE 5 LOON TT 5 OTT CANU LOO UIA TT 5 gm campus Logi srs E E a 5 PO o an E A EE E T c FAGO O TTT 8 ST des A E EE E ene E A T cauncesmeeianeveanensee A A EET 9 Scl PO AOS dees epee E E E 9 AO en 11 TOES oa ne E E ee eee 11 E gt e ee eee ee eee T eee ee 12 WG ES Z H T 12 BS FAA I MET TT 13 Fa 9 8 210 ode lo gt T eee ene eee ere ree eee ene 14 G Upoad Fie arora tes se earserene sce ae aeidotie ts coetsn a N 15 P 6 212d gl ae ne nee en ie ee a ee eee es a eee ee 16 Te lt 41 lt lc eee ee ene es Sena eee eee ee ee ere eee eee 17 N em 22 lt a 7519 KT e dee ee oe es ee ee ore eee eee ae eee 17 12 Greate Naw Slandard Pago ceed nes cecee ence caseccuee i E Et 18 To LOT e E coo ane ee ree ee 20 me COO ON T 20 Pa C 2 5 eee ee eee ee eee ee ee eee 20 3 Mount Holyoke2. the now defunct Drop org website whose code slowly evolved into Drupal Dries Buytaert the developer wanted to call the site dorp Dutch for village for its community aspects but mistyped it when checking the domain name and thought the error sounded better Source Wikipedia 4 Mount Holyoke College Drupal User Manual 10 10 12 2 Help If you need help in Drupal email the College Web Team webhelp mtholyoke edu rather than writing to one individual as the mail list goes to the full web team and our students Access To obtain access to Drupal send an email to webhelp mtholyoke edu include the name of the department s you maintain You must attend an Introduction to Drupal workshop before you will be given access to Drupal Workshops Register for Drupal workshops here www mtholyoke edu go drupalworkshop Login Before you can add or edit content on your section of the College website you need to attend Drupal training If you work on more than one section of the College site inform the trainer so they will give you access to all the sections you maintain on the College website Off Campus Login To access Drupal off campus you will log into Drupal the same way you do on campus On Campus Login You may use any platform i e PC or Mac and any Web browser i e Firefox Internet Explorer Safari Chrome etc to work in Drupal A Once you have access to Drupal go to the webpage you want to
3. time a change is made to a content page Drupal automatically saves a version of that content which allows content to be reverted to an earlier version Workbench The workbench where you work on sections you have access where you will find your recent edits and where you can search for content 20 Mount Holyoke College Drupal User Manual 10 10 12
4. College Drupal User Manual 10 10 12 1 Overview Drupal is the Web content management system which the College uses to update and maintain official College websites When visitors view a page Drupal pulls the relevant bits of content from the database and composes all of the components of the page in a template This makes it easy to quickly add or change content without requiring knowledge of HTML or other Web technologies on the part of the user person providing the content Most of the content on a Drupal based site is stored in a database Text and images are submitted by users filling in forms via a web browser This user manual describes how to get started using Drupal to update your section of the Mount Holyoke College website and covers topics such as logging in creating new webpages and the basic information you need to use Drupal successfully Download the most recent version of this user manual http www mtholyoke edu web This MHC Drupal User Manual contains proprietary information It is the express property of Mount Holyoke College and is to be used exclusively for creating updating and expanding Mount Holyoke College websites by authorized MHC community only This document is not for distribution in any form outside the College without permission Why this CMS is called Drupal ga Drupal is an English rendering of the Dutch word druppel which means drop as in a water droplet The name was taken from
5. D AUTHOR LAST UPDATED vy ACTIONS About Mount Holyoke About MHC Standard Page Yes admin I day 3 fours aga edit D You are now ready to edit the page 8 Mount Holyoke College Drupal User Manual 10 10 12 5 Edit Content This section covers making changes to existing content on the website When editing a page there are several components that may be updated including e Title e Section s Body where the main content is locate e Revision information e File attachments e Images Some of these items will be discussed in more detail later Edit Existing Pages When you are logged into a site as a site editor you will see editing tabs on pages that you are authorized to edit Benefits Home Human Retources gt Pertormance Management Forms l Holiday Schedute Pertormance Managemprit Payroll Perio mance Managemert What ts R How Works Pilar Coaching Evalusting Errgtoyreerd Mount Holyoke Cofege is commited to educating diverse community of women af h Gwely G Mah inina the Peghest vel ol acaderfec excelence and to fostering the alkance of iberal arts Workplace education wih purposeful enaaaement in the world Al emplovees are expected to A Navigate to the page you would like to change Select the Edit tab at the top of the web page the results will look similar to this Edit Standard Page Employment at Mount Holyoke view EDIT REVISIONS Home About Employment at MHC Title ee Employ
6. DOC XLS ETC Add a new file Browse Upload Files must be less than 20 ME Allowed file types txt pdf doc xls docx xlsx pptx D After you select your file select Upload a description filed will appear under the file name E Save the page before adding the text link and then return to the text editor again F Inthe text editor highlight the text that you want to link to the file G Copy the text keep the text highlighted and then paste the text in the Description field FILE INFORMATION OPERATIONS KN We Onlinelonsent pdt 1 76 KB Insert Description Pemove How to Consent The description may be used as the label of the link to the file H Scroll to the bottom of the page and select Save 15 Mount Holyoke College Drupal User Manual 10 10 12 9 Replace File IMPORTANT e Before uploading a file change the file name so it is all lower case contains only letters or numbers and be sure there are no spaces use_underscored_between_words e Replacing a PDF file does not update any links to the file e You need to update the PDF link on each page including the one you are editing If you link to the same PDF on more than one webpage you must manually update those links as well Consider pointing to one page which links to one page listing your PDF s To replace a file such as a PDF document Microsoft Word Excel go to the page where you want to update the file A Remove the text link by highlighting t
7. Police Basic Page for Campus Police only Embedded Media use for embedding video from YouTube or Vimeo Gallery Image used in photo galleries such as Candid Campus People Pages used for academic department people pages Random Text Callout rotating featured person used on the academic department websites Standard Page this content type is used for most pages Webform for forms or questionnaires You must attend a webform workshop before you may edit or create webforms 17 Mount Holyoke College Drupal User Manual 10 10 12 12 Create New Standard Page A Select Add Content Once you have logged in you should find link called Add content at the top of your personal menu fo Me Workbench Advanced bep Hello theresa Log aut Add content find content Directories Login Calendar Campus hiap Select this and you ll see a list of the types of content you can create This list reflects the privileges assigned to your user account or to the role your account is part of B Select Standard Page rome Standard Page i 1 Add the Title 2 Select the Section 3 The Featured Image option is not yet available 4 Add content to the Body Follow the steps you used to edit a page 5 Select the Parent Item pull down menu and click on the location you want the new page to appear in the left navigation 6 Scroll to the bottom of the page and check the box to the left of Provide a menu link loc
8. S Banner image Body Content GIVING NEWS amp EVENTS Banner image Third column Callouts GIVING NEWS EVENTS Third column Callouts T Mount Holyoke College Drupal User Manual 10 10 12 4 Find Content Once logged into Drupal you should be able to navigate to any page in your menus to edit view your pages Some pages may not be linked to a menu item such as your left navigation To get to a specific page you may navigate to the page as you would in a web browser or you can search for your content A Select Find Content Pa My Workbench Advanced help dd content Find content Hello theresa Lo go ut Directories Login Calendar Campus tiap B In the Find content display complete these fields A Title About B Type Standard Page C Sections About MHC D Select Apply A B Title Type About MHC standard Page ltems per page 25 lt Apply D Published Sections Yes Sections S About MHC History Notable Young Alumnae Resources and Facilities C Click on the title i e About Mount Holyoke listed under Title and you will be directed to that page Add content Find content Home All Recent Content My Edits All Recent Content Title Typs Published Sections Items per page About Atandard Page l Yes Sections y 25 S About MHC History Notable Young Alumnae Resources and Facilities lt l Apply ee SECTION TYPE PUBLISHE
9. ated next to Menu settings Menu settings i T Provide a menu link Motin menu Revision information Mew rewision 7 More options will appear 18 Mount Holyoke College Drupal User Manual 10 10 12 8 Select the Parent Item pull down menu and click on the location you want the new page to appe Menu settings Benefits URL path settings Alias hr benefits URL redirects No redirects Revision information New rewisiorn Comment settings Closed Authoring information By admin on 20 2 04 16 17 16 46 0400 Publishing options Published Save Preview View cha in the left navigation IZ Provide a menu link Menu link title Benefits Hide link in navigation arent item Human Resources lt Hurman Resources gt A Human Resources Forms Holiday Schedule Payroll Students gnet Time Sheet ssassn Direct Deposit Faculty amp Staff Performance Management What ls It pans How lt Works bonded Planning eee Coaching Evaluating Employment busis Affirmative Action S Local Resources eae Demographics Resources S In the example above the new page will be added to the main navigation If you want it to appear as a sub navigation page such as a sub page of the section titled Employment then you would select Employment and after the page is saved it will be listed in the left navigation under Human Reso
10. e sure there are no spaces use_underscored_between_words To upload a new file see next page on how to replace a file such as a PDF Microsoft Word Excel etc A Remove spaces from the file name before you upload the file to Drupal B Go to the page you would like to attach a file and select the edit tab C Scroll down to the section below the text editor window to the area where you can add files Browse to the document you would like to upload and then select Browse Body B 7 L W Paragraph for students participating in Mount Holyoke College programs abroad This Confidential Health Statement form is designed to help Mount Holyoke assess any special p eds that you might have and to enable us to be of assistance to you should the need arise while you are studying abroad A period of foreigy study often is accompanied by both physical and emotional stresses that may sometimes make life more difficult and cause even mild physical or psychological conditions to become more serious In addition systems of health care in other countries are likely to be very different from that in the US For these reasons itis critical that Path p Disable rich text Text format Filtered HTML More information about text formats Web page addresses and e mail addresses turn into links automatically Embed content by wrapping a supported URL in embed embed s Lines and paragraphs break automatically ADD FILE PDF
11. edit Scroll to the bottom of the page and select login below the contact the College details Note you may login from any MHC webpage that has includes login at the bottom of the page 9 Mount Holyoke College Drupal User Manual 10 10 12 B After clicking on the login link at the bottom of the page you will be redirected to the authentication login page This landing page is five college collaboration used for authentication do not bookmark this page MOUN THOLYOKE Select the Mount Holyoke logo at the bottom of the page C Enter your MHC username and password ee I Username Click a f Login D After you click on login you should see your workbench screen which looks similar to this B My Workbench Advanced help Hello chen25c Log out Find content Directories Logn Calendar Campus Map L D Mount Holyoke College Drupal User Manual 10 10 12 3 Regions To help you find your way around in Drupal become familiar with the regions assigned to each section of the page Each webpage is broken down into regions such as s Banner image not all sections of the MHC site have banner images e Left navigation e Body Content e Third column Callouts MOUNT JOLYOKE ABOUT ADMISSION ACADEMICS STUDENT LIFE Left navI9aUOon MOUNT JOLYOKE ADMISSION ACADEMICS STUDENT LIFE Left navigation ATHLETICS OFFICES Body Content Derectorios Lopen Calendar Cemove Maz ATHLETICS OFFICE
12. he link text and then selecting the unlink icon Body hy CE g IIl 4 dhe II 4 Wel NT Z e go ih wm 9 Paragraph 95 gA ZL 9 B Remove the PDF by selecting Remove FILE INFORMATION OPERATIONS KN W Onlinelonsent pdf 351 76 KB Insert Description Remove How to Consent The description may be used as the label of the link to the file C Make sure the new PDF does not have any spaces in the file name if it does remove the space you may add an underscore if you want to separate the words Also use lowercase letters no capitals D Upload the new PDF as described above E Test the new link after you save the page Also test the link while logged out of Drupal www Note You may need to wait up to 10 minutes for the changes to appear on the page Do not make any further attempts to update the document until at least 10 minutes have passed and you have tested the PDF link from the live page www 16 Mount Holyoke College Drupal User Manual 10 10 12 10 Revisions This option allows you to retain old versions of content If you make a mistake during your updates you can always revert back to a previous version View S Revisions Convert Devel 11 Content Types When creating new pages there are several types of content that may be available on your website however not all content types are available for all sites Art Museum Basic and Home Page for Art Museum only Campus
13. highly qualified and diverse workforce The Department is committed to working strategically with the community in advocating for a work environment where the contributions of each employee are recognized and where every individual is treated fairly and equitably We provide leadership in identifying and responding to the community s changing needs and in providing guidance in the development implementation and administration of policies and procedures in support of our mission Path p C To make the text editor window larger drag the bottom right edge corner D To preview your change scroll down the page and select Preview ave Preview View changes U E Once you are satisfied with your change scroll to the bottom of the page again and hit the Save button 10 Mount Holyoke College Drupal User Manual 10 10 12 Input Format Content for websites is based on HTML Hypertext Markup Language When you cut and paste from other applications the HTML produced may cause havoc with your web page As a result Drupal provides two input format options Filtered HTML filters out some of the tags which may make website unreadable Text format Full HTML Full HTML L allows ALL of the HTML content on the page to be displayed Text format Filtered HTML lt Paste from word use this feature to pastes your content am LZ Paragraph MKM K ll q Wel Text Styles When entering headings in your article
14. https dprod mtholyoke edu sites gs Insert Edit Link Link URL mailto tchamber mtholyoke edu Target Nod Set sia v Tite Nooo Class Not Set C Enter mailto followed by the email address in the field to the right of Link URL i e mailto username mtholyoke edu No spaces are allowed otherwise the email link will not work D Press Insert to create the link 13 Mount Holyoke College Drupal User Manual 10 10 12 7 Upload Images You have two options for adding an image to the page 1 at the top of the page or 2 the bottom of the page all images will align left of your text The process for adding the image is the same for both locations To add an image to a page A Browse for the image low Page Body optional Browse Uoload Upload the largest available image Files must be less than 20 M Allowed file types png g jpg jpeg ages will scale to the maximum width allowed by the page B Select Upload C Add alternative text in the dialogue box below the image Alternate text This text will be used by screen readers search engines or when the image cannot be loaded Upload the largest available image Images will scale to the maximum width allowed by the page 14 Mount Holyoke College Drupal User Manual 10 10 12 8 Upload File IMPORTANT Before uploading a file change the file name so it is all lower case contains only letters or numbers and b
15. ment at Mount Holyoke Section About MHC E Histor Notable Young Alurnnae Resources and Facilities x This field is synchonized across all revisions Add Featured Image optional Browse Upload Upload the largest available image Images will scale to the maximum width allowed by the page Files must be less than 2 MB Allowed file types png gif jpg jpeg Body B Z i m Paragraph 445 A demonstrated in numbers as well as perspectives Mount Holyoke College is an equal opportunity employer committed to the value of diversity in the faculty A Mount Holyoke College is a national leader in creating and sustaining diversity The College is a truly multicultural community where inclusive excellence is staff and student bodies 9 Mount Holyoke College Drupal User Manual 10 10 12 B Scroll down to the Body section and use the text editor to make your changes B Z s 7i wm Mount Holyoke College is a national leader in creating and sustaining diversity The College is atruly multicultural community where inclusive excellence is demonstrated in numbers as well as in perspectives Mount Holyoke College is an equal opportunity employer committed to the value of diversity in its faculty staff and student bodies In partnership with the College community the Human Resources Department supports the mission of the College by providing programs and services that attract develop and retain a
16. s rather than select font type and size use the Format drop down menu as shown below Body e z E Mount Holyoke College provides benefits for regular full time and part time employees who We bi arm Paragraph 29 4 2 work at least 17 5 hours a week forthe academic or fiscal year Faculty Faculty members are eligible to participate in these benefits if they have at least a half time appointment To set a heading style select the line of text that you wish to make into a heading in the content window and then choose a style from the format drop down box By default all regular text will be set as Normal 11 Mount Holyoke College Drupal User Manual 10 10 12 6 Links Text Links A While editing a site page with your cursor highlight the text you would like to make into a link and select on the link button Body B Ff i Mount Holyoke s campus is recognized as one of the most beautiful in the nation by the Princeton Review Whatever the reason for your visit we want you to feel welcome and enjoy the F surroundings as you engage in the Mount Holyoke experience IE E e 25 L nm Paragraph 25 HY 9 37 3 Getting here by air car train or bus is easy and you ll find a variety of eli tite is 1t including hotels motels and bed and breakfasts within a short distance from campus The area s many restaurants offer casual to elegant dining and yo
17. u ll find an abundance of cultural and recreational opportunities on campus and around South Hadley and the region M Path p A B A popup window will display similar to the image below S Insert Edit Link Mozilla Firefox GEESS target tnos we Oo cass m R C To link to another MHC webpage 1 Type or paste the relative URL i e about visit lodging in the link box as shown above 2 Select the Insert button the popup window will disappear 12 Mount Holyoke College Drupal User Manual 10 10 12 D To link to another website 1 Copy the full URL address from the website i e http www nytimes com and then paste the URL in the link box as shown above 2 To make the external link open up in a new window select the Target tab and set the target to open link in new window MHC Protocol is to open a new window or tab when linking to a site that is not affiliated to the College Do not set the target to open a new window to another section of the College website the Alumnae Association ISIS or any MHC applications or affiliated websites 3 Select the Insert button the popup window will disappear Email Links A While editing a site page with your cursor highlight the text you would like to make into a link and select on the link button a B A popup window will display similar to the image below Insert Edit Link Mozilla Firefox x MHC mtholyoke edu
18. urces gt Employment 9 Select Preview or Save Note if you do not select save after editing or creating a page the changes will be discarded 19 Mount Holyoke College Drupal User Manual 10 10 12 13 Log Out Once you have finished all of your site updates and work log out of the system You will find the Log out link in the menu bar Select on the Logout link and the system will log you out A Hello tchanroes My Workbench Dashboard Content Structure Appearance People Modules Configuration Reports Advanced help Help Add content Find content Performance Edit shortcuts It s a good idea to make your edits log out and review them as someone that s not logged into your website 14 Conclusion There is a lot more functionality in Drupal than covered in this starter manual This manual will continue to expand over time 15 Glossary Content Management System CMS CMS refers to the MHC Web Content Management System It is the program Drupal that we use to create a framework for the content of our website Section The College is one website each office department or program is a section of the College website When writing about the web i e in the catalogue you may continue to refer to your website Standard Page The most common page type is called standard page There will be other page types available i e for multimedia Art Museum and webforms etc Versions Any
Download Pdf Manuals
Related Search