Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Insert excerpt
Complexity
Complexity
nameBeginner
nopaneltrue


Info
titlePermission Level

Level 1 or Higher - See permission level document for details

Overview

You can upload PDFs to be linked in your pages. You can also select PDFs that have already been uploaded elsewhere on your site and link to them.

Table of Contents

Table of Contents
minLevel2

Steps

Inserting PDFs using the "Link" icon

Step 1: Select Your Text to Be Linked to the PDF

Image Removed

From within a page or piece of content with a text editor, type and select the text you want the PDF or doc to link to.

Image Added

Note
titleNote:

Make sure that the link is as specific as possible. "Click here" or "Read more" or "this" is not specific enough and will not comply with accessibility standards.


Step 2: Click the Chain Icon

Image Added

Please note: File names can not contain an apostrophe. Rename the pdf without the apostrophe before uploading.

The Chain Icon

(it says Link)

Image Removedshould be to the right of the (URL) Link icon:
Image Added

This is the same icon you click when you want to insert a link to a page on your site, or on another site.

Step 3

: Click the "Open File Browser" text. 

Image Removed

This brings up IMCE, the File Manager.

Image Removed

Step 4

: Select Your File

If your file is already in the File Manager, you can click on it and hit the "Select" option at the top.

If you don't see it, you can upload the file from your desktop.

Click "Upload" and "Add File."

Image Removed


I'm uploading and linking to this Color Guide PDF.

There are file size limits, usually 2 megabytes, so if the PDF doesn't upload, it may be too large.

Talk to your IT Professional about how to reduce the file sizeImage Added


Your pdf will need  need to be 2 megabytes or smaller to be uploaded. Here's a tutorial on reducing the pdf file size, if your file is too large.

I actually re-saved the original of this using Adobe Acrobat's "Save as Reduced Size PDF" option. 431kb is small enough.


Click on your newly uploaded PDF and click "Select."

Image Removed

You'll see the url to the PDF.

Image Removed

Step 5: Save Your

Image Added

It now appears in the document.

Image RemovedImage Added


Step

6

5: Save Your Document

and Test Your Link

Image Removed

Image Removed

Image RemovedTest your link.

Your browser settings will determine whether the PDF appears in the browser or downloads automatically.

Image Added

Inserting PDFs using the "

File

Insert Media" icon

Alternatively, if you know your PDF isn't on the site already, you can by pass the File Manager altogether.


Step 1:

Select the Text You Want to Click toImage Removed

Place the cursor where you want to add the link to the file

Image Added

Step 2: Click on the

Paperclip

Insert Media Icon that Says "

File.

Insert Media"

This takes you straight to your desktop to upload a file.

Image Removed

Image RemovedImage Added


Under Add File, click on 'Choose File'

Image Added


Step 3: Select a File from Your Desktop


Step 4: Click 'Save'

Image RemovedImage Added

Image Removed

Step 5: Save Your Document

and Test Your Link as Before

Image Removed

Getting a file to appear in the menu structure

Image Added

Image Added

You can add a caption to your link and have text wrap around it. Click on the link and a list of icons will appear above your link. You can caption it, align left or right with text and create a line break.

Image Added


Here's what your link looks with a caption and aligned to the right:

Image Added


Getting a File to Appear in the Menu Structure

Let's say you want a PDF or other file to exist in the menu somewhere, not on a page. We'll start a Basic Page and upload a PDF the usual way. We will save the page as published, which is different than the way we would go about this in Drupal 7, where we wouldn't have to save a page). We'll go to the File list, get the url for the file, and go into the menu structure and add the url to the PDF to the menuFollow the instructions below to add the PDF.

Step 1: Create a Basic Page

Go to Add Content and Select Basic Page.

You can use any content type with the text editor field, really.

Image RemovedImage Added

Step 2:

Using the Instructions Above

Upload a PDF

Upload a PDF using the instructions above for Inserting a PDF File Via the Link Icon, or the

One

one Using the

File Button, Upload a PDF

Insert Media button.

Image RemovedImage Added

Image RemovedImage Added


Step 3: Save the Page as Unpublished

Make sure that the box next to Published is not checked and click on 'Save.'

Image Added

Having a

Page

page,

Even

even if

Unpublished

unpublished,

Tells

tells Drupal

That

that the

File

file is

Permanent Rather than Temporary

Image Removed

Image Removed

permanent rather than temporary.

Image Added


Step 4: View Files

Go to Content and

Look for the File tab.

click on the 'Files' tab.

Under the files tab, we see our recently uploaded file.
If you don't see this "

File

Files" tab, put in a ticket to the web team via helpdesk.franklin.uga.edu.

Image RemovedImage Added

Image Removed

Step 5:

Under the File tab, We See our Recently Uploaded File

Image Removed

Step 6:

Get the URL

Click on the file to get the url. We only want the part after the .edu. So starting at "/sites/default/files/etc..."

Image Removed

Image Added


7

Go to the Menu Structure and Click "Add Link."

You can access via Structure >> Menus >> Main Menu, or via the Shortcut links in the main menu.

For more information on working with menus, click here

8

Paste your url, Give the Link a Title, and Decide Where it Will Go. Save the Link.

Step

9

8:

You Will See

View Your PDF in the Menu Structure


Image RemovedImage Added

Deleting PDFs

permanently

Permanently

To remove PDFs and other files permanently, from the File Manager, select a File and click on delete. Or, follow my instructions here: How to delete files in Drupal 8 or Drupal 7Delete Files


Insert excerpt
Drupal Support
Drupal Support
nameLogin
nopaneltrue

Insert excerpt
Franklin OIT Self Service Website
Franklin OIT Self Service Website
nopaneltrue