Editing Drupal 7 Sites. Basic page editing. June To begin editing, log in by clicking Login at the bottom of the homepage. Username.

Transcription

1 Editing Drupal 7 Sites June 2013 Basic page editing To begin editing, log in by clicking Login at the bottom of the homepage Username Password Navigate to the page you want to edit Click the Edit tab at top of page Look for the Body area Enter text in the Body area, and use the editing toolbar to format fonts, size, boldness, links, and photos 1 1 Scroll to bottom of page and click Save (you can Preview but remember to Save afterwards). Once you Save any update or change it is automatically live on your site. Continue to edit as needed

2 Adding links Navigate to the page you want to link to and copy its URL from the browser s address bar. Back on your library s website, from the Body portion of the Edit page, find or enter the text you want to make into a link. Highlight the text that you want to link. 2 2 Click the Insert/edit link icon: The following Insert/Edit Link window will appear:

3 Paste your URL into the blank space next to Link URL (include etc. if that is part of the address). If you want the link to open in a new window or tab, choose open in new window (_blank) from the Target dropdown. 3 3 Click Insert. The text you selected to link will appear underlined and in blue on your Edit page.

4 Click Save at the bottom of the page to save your links. Adding links Selecting a linked address allows some users to open a blank addressed to that address. Follow the steps above for creating a link to another website, but rather than pasting a URL into the Link URL field, enter mailto:[ address] as shown below: 4 4

5 Linking to files For text- based documents, we recommend that you post PDF files on your site for optimum accessibility. The maximum file size you may upload is 2 MB, but the files you post should typically be considerably smaller than that. First, save the file you want to link to in an accessible spot on your computer. Go to the page on your library s website where you want to post the file. From the Body portion of the Edit page, find or enter the text you want to make into a link to the file. Highlight the text that you want to link. 5 5 Click the Insert/Edit Link icon: The Insert/Edit Link window will appear:

6 Click the Browse icon to access your site s File Browser. The File Browser contains saved files associated with your site. 6 6 From the left side of the new File Browser window under Navigation, select the folder in which to save your file. You will find the saved file on your computer. Click Upload near the top of the window.

7 A new box will appear below the Upload button. Click the Choose file button to find the file saved on your computer 7 7 A new Open window will appear. Search your computer for the file you want to link to. Click Open at the bottom of the window after you select your file.

8 Your file s name will appear in the File field back in the File Browser window. 8 8 Click Upload.

9 Your file will be added to the folder you selected earlier, and it will be selected in the list. Close the small Upload window using the x in the upper right. 9 9 Click Insert file to link to the selected file.

10 You will see the Insert/Edit Link window again with information about your file entered. Click Insert to return to the edit page The text you selected to link will appear underlined and in blue on your Edit page.

11 Click Save at the bottom of the page to save your changes

12 Displaying images Save your image to an easily- retrievable place on your computer. We recommend saving images as JPEG files at 72 dpi and under 50 kb. From the Edit page, place your cursor where you want to insert an image. Click the Insert/Edit Image button From the Insert/Edit Image window, click the Browse icon.

13 From the left side of the new File Browser window, select the folder in which to save your image file. You will find the image file on your computer and save to this collection of files associated with your website Click Upload near the top of the window.

14 A set of options will appear below. Click the Choose File button A new Open window will appear. Search your computer for the image file you want to insert. Click Open near the bottom of the window after you select your file.

15 Your file s name will appear in the File field back in the File Browser. Click Upload Your image file will be added to the folder you selected earlier, and it will be selected in the list. Close the small Upload window using the x in the upper right.

16 Click Insert file to display the selected image file You will return to the Insert/Edit Image window with your image s unique URL in the Image URL filed and an image preview in the Preview pane.

17 On the General tab, give your image a description and title. These are particularly useful for visually impaired visitors using screen readers From the Appearance and Advanced tabs, you can adjust the size, border, and alignment of your image. o o o o Alignment choose where you want your image to appear (usually right or left) If your image is too large or small, you can adjust the dimensions If you want some space left around it, add this in the Vertical or Horizontal space boxes If you want a border around the image, add a number here. (1 is thinnest)

18 Click Insert to return to the Edit page after you have entered any applicable specifications

19 Click Save at the bottom of the page to save your images To edit your image, select it in the Body section of the Edit page. Click the Insert/Edit Image icon to view and make changes on the Insert/Edit Image window. To remove an image: Click Edit Scroll down to the Body area Click on the image (it is highlighted) Click your delete key OR the Insert/Edit Image icon Insert. and remove the Image URL then click

20 Adding Calendar Events This section refers to Drupal s built- in calendar function To add a new event to the calendar, select Add Event in the upper left A blank Create Event page will open

21 Fill in the Title and Body portions of the page: Title: this information will appear on the calendar grid Body: this information will appear if a user clicks on the title from the calendar grid. Include any information, links, images, etc. related to the event. You may also leave the Body section empty Scroll down to the Date section. You must complete this information to place your event on the correct spot on the calendar.

22 If the event has no specific starting time, select the All Day checkbox. You will only be prompted to enter a date below If the event is regularly repeated (a weekly storytime, for example), check the Repeat box. You will be prompted to enter information about how the event repeats.

23 Select Save at the bottom of the page to add your event to the calendar Editing Calendar Events To make changes to an existing event entry, click on it from the calendar grid. Select the Edit tab and make your changes on the resulting editing page. Select Save at the bottom of the page when complete. If you encounter problems or need additional help with your website, contact Gus Falkenberg or Kathy O Leary at IFLS