Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Hinch Panel
colorpurple
titleComplexity Level: Intermediate

The is an intermediate topic. You will need to possess some basic understanding and have some experience with Drupal content editing.

Info
titlePermission Level

Level 3 or Higher - See permission level document for details


Overview

This is an intermediate topic and assumes you already have some level of comfort with inserting images. If not, please see our basic topic, Adding images to content

Table of Contents

Table of Contents

Background information

Where on the site can I reuse existing images?

It is possible to reuse images in some places on the site. For example, a thumbnail or banner field in Article provides link text to "Open File Browser" and look for images that are already uploaded, as in the screenshots below.


But you've probably noticed that you don't have the same option for inserting images to Body text fields-- the big fields where you have control over text and image layout. 

When you click the image icon in a Body text field, you get a prompt to upload something from your computer.

And this is your only option.

However, there is a way to insert images and files that already uploaded to the site for the Body text fields. It is not an ideal and doesn't give you options for resizing, captions, or alignment, and you must remember to add alternative text.

Table of Contents

Steps

Find the image file, or pdf file, you wish to reuse.

1) Go to Content and Select the Files tab.


2) Use the "Filename" search field to find the image.

You'll need some idea of the file name to locate the image.


3) Click on the image of the image or file.


You'll see the image in its full, unedited form.

Make sure this is the image you want. There will be no option to resize when you insert it. 


4) Copy the url location to the image or file.

Take everything after the .edu. Do not include the name.franklin.uga.edu part. 


Use html to add the image url location to the source of your text field

1) Go to your content, or create new content from a content type or template, such as Article or Basic Page.


2) Click the "source" button.


You're now in HTML mode.


3) Type html code for inserting images...

<img src="/url-goes-here/image.jpg">


...and alternative text:

<img src="/url-goes-here/image.jpg" alt="This is the image's description">


4) Click "Source" again to get out of Source mode.

You'll notice that this image is really too big for this page.

Now, the theme will resize it to make it look okay, however it is still loading the original sized image. So someone on a mobile phone will see a small image, but it still loading all 2 megabytes of this picture. 

5) Save your content. 


Again, this method isn't ideal if you were hoping to add alignment, captions, or even resize the image. 


Hinch Panel
coloryellow
titleLogin

Excerpt Include
Drupal Support
Drupal Support
nopaneltrue

Excerpt Include
Franklin OIT Self Service Website
Franklin OIT Self Service Website
nopaneltrue