Skip to main content
Drupal Documentation for SCLS

Main navigation

  • Home
  • How-To Info for Library Staff
  • Drupal 10
  • Help

Breadcrumb

  1. Home
  2. How-To Info for Library Staff

Images with Clickable Links

An image can be turned into a clickable button by adding a link to the image.

  1. Follow the steps for Adding Images to Your Pages.
  2. Once you have the image added, right-click on the image in the editing screen and select Image Properties.
  3. The Image Properties dialog opens.
    Image
    Screen shot of Image Properties dialog window
  4. Click the Link tab.
    Image
    The Link tab is between the Image Info and Advanced tabs.
  5. Paste or type the URL for the link destination. If linking to a file on your site, click the Browse Server button to select a file as the link destination.
    Image
    Screen shot of a web address in the URL field
  6. Click OK. The Image Properties dialog will close.
    Image
    Screen shot of the OK button at the bottom of the dialog window
  7. Save your content. Don't forget to test the link to make sure it works.
  • Managing Accounts for Your Drupal Site
  • Images
  • Creating and Editing Website Content
  • Uploading Files to Media
  • Changing Menu Links
  • Creating Photo Albums & Galleries
  • Folders, Directories, and File Structure
  • Blocks
  • Paths and URL Aliases
  • Configuring Site Information
  • Developer Permissions
  • Homepage Variations
  • Events/Programs with repeating dates
  • Registration for Events/Programs
  • What is Cron?
  • Avoid mixed content warnings (HTTPS/HTTP)
  • LINKcat Title List (Experimental)
  • Performance settings: Cache pages for anonymous users
  • Slick Carousel
  • Uploading Files with IMCE

Tags

accordion (1)
account (2)
anchors (1)
blocks (0)
cache (1)
carousel (2)
CKEditor (5)
configuration (1)
content types (1)
CSS (1)
disable rich-text (1)
Drupal 10 (15)
Drupal 9 (16)
email (2)
embed code (1)
Entity Registration (5)
events (6)
file browser (1)
files (4)
files media (1)
folders (1)
formatting (2)
front page (3)
Google Analytics (1)
headings (2)
HTML (1)
iframe (2)
images (4)
imce (1)
Layout Builder (3)
link a pdf (1)
links (5)
login (1)
media (2)
menus (3)
nodes (1)
openid (1)
paste as plain text (1)
paths (4)
performance (1)
photo albums (1)
photo galleries (1)
redirects (3)
registration (5)
remove format (1)
repeat dates (2)
reports (1)
revisions (1)
sidebars (0)
site name (1)
slogan (1)
source (1)
sticky (2)
text formats (1)
themes (1)
toolbar (2)
URL aliases (4)
Webform (2)
widget (1)