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.

This is similar to how we upload and link to PDFs on our Drupal 7 sites.

Image Removed

Image Removed

Table of Contents

Table of Contents
minLevel2

Steps

Inserting PDFs using the "Link" icon

Step 1

)

: Select

your text to be linked

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 that says "Link."Image Removed

: 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 should 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.

3) Click the "Open File Browser" text. 

Image Removed

This brings up IMCE, the File Manager.

Image Removed

4) Select your file.

Step 3: 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

Image RemovedImage Added


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 size.

Image Removed

Image 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.

Image Added

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

5) Save your link.

Image Added

It now appears in the document.

Image Removed

6) Save your document and test your link.

Image Removed

Image Removed

Image Removed

Image RemovedImage Added


Step 5: Save Your Document

Image Added

Test 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.

1) As before, select the text you want to click to.

Image Removed

2) Click on the paperclip icon that says "File.


Step 1: Place the cursor where you want to add the link to the file

Image Added

Step 2: Click on the Insert Media Icon that Says "Insert Media"

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

Image Removed

Image Removed

3) Select a file from your desktop.

Image Removed

4) Click save.

Image Removed

Image Removed

5) Save your document and test your link as before.

Image Removed

Getting a file to appear in the menu structure

Image Added


Under Add File, click on 'Choose File'

Image Added


Step 3: Select a File from Your Desktop

Image Added


Step 4: Click 'Save'

Image Added

Step 5: Save Your Document

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 menu.

1)

Follow the instructions below to add the PDF.

Step 1: Create a Basic Page

Go to Add Content and

select

Select Basic Page.

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

Image RemovedImage Added

2) Using

Step 2: Upload a PDF

Upload a PDF using the instructions above for Inserting a PDF

file via the link icon

File Via the Link Icon, or the one

using

Using the

file button, upload a PDF

Insert Media button.

Image RemovedImage Added

Image RemovedImage Added


Step 3

)

: Save the

page as unpublished.

Page as Unpublished

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

Image Added

Having a page, even if unpublished, tells Drupal that the file is permanent rather than temporary.

Image Removed

Image Removed

4)

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

5) Under the file tab, we see our recently uploaded file.

Image Removed

6)

Step 5: 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 Removed

7)

Image AddedImage Added


Go to the

menu structure

Menu Structure and

click

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

Image Removed

8)

Image Added

Paste your url,

give

Give the

link

Link a

title

Title, and

decide where it will go

Decide Where it Will Go. Save the

link

Link.

Image Removed

9) You will see your

Image Added

Step 8: View Your PDF in the

menu structure.

Image Removed

Image Removed

Image Removed

Menu Structure

Image Added

Image Added


Image 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

8

Support
Drupal

8

Support
nameLogin
nopaneltrue

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