Getting Started on Sites: How to Attach Documents to Your Content

Welcome back!  This is the third blog post in a series on how to create a Drupal 7 personal website using Stanford Sites. Last time we looked at using the Quick Steps to get started editing our Sites website.

Now that you've got a few pages in your new website, you may be wondering how to attach a document to a page. First, you'll need to add a new field to the Basic page Content type for file attachments. Then you can either edit an existing page that you've already made, or you can create a new page, which is what I'll do in the following instructions.

Adding a file attachment field to your Content type

1. Go to Structure > Content types > Basic page > Manage fields.

   

2. Add new field and label it something like File attachment or Document.
3. Click on the Select a field type arrow and select File.
4. Select a widget should also be File.
5. Click the Save button.
6. Set the field settings that will apply to this field everywhere it is used in the website then click the Save field settings.

   

Adding a file to your Basic page content entry

1. First, add a new page (or edit one you already have made). To add a new page, from the Admin menu, Go to Content > Add content > Basic page.

   

2. Fill in the web form fields for Title and Body.

   

3. Below your body field is a FILE section. Files must be less than 50 MB and the allowed file types are txt, pdf, doc, docx, xls, xlsx, and rtf.  Click the "Browse..." button to locate the file that you going to upload.  Once you have selected the file, press the "Open" button. The file path will display in the file field.  Click the "Upload" button to upload your file to your page.

   

4. After clicking the "Upload" button, you will see your file.  The description is the text that will display. There are several options that you may choose to display the document.  You can click the "Insert" button to add a link to the document in your body text. You can also check the box in the "Display" column.  This tells Drupal to also display the file below the body field on your page. Should you need to, there is also an opportunity to upload additional documents using the "Add a new file" field below your already uploaded document.
   

   

5. Finish making your edits to the the page. Don't forget to scroll down to the bottom and click the "Save" button. Your page should look something like this:
   

   

Next time, I'll show you how to add images to your pages.