Skip to main content
Drupal Documentation for SCLS

Main navigation

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

Breadcrumb

  1. Home
  2. How-To Info for Library Staff
  3. Adding Images to Your Pages

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.

Book traversal links for Images with Clickable Links

  • Avoid copying and pasting images from clipboard
  • Up
  • Creating and Editing Website Content
  • Managing Accounts for Your Drupal Site
  • Adding Images to Your Pages
    • Avoid copying and pasting images from clipboard
    • Images with Clickable Links
  • Creating and Editing Website Content
  • Uploading Files
  • Changing Menu Links
  • Creating Photo Albums & Galleries
  • Folders, Directories, and File Structure
  • Managing Sidebar 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

Tags

accordion (1)
account (2)
anchors (1)
blocks (1)
cache (1)
carousel (2)
CKEditor (4)
configuration (1)
content types (1)
CSS (1)
disable rich-text (1)
Drupal 9 (18)
email (2)
embed code (1)
Entity Registration (5)
events (6)
file browser (2)
files (2)
files media (1)
folders (1)
formatting (2)
front page (3)
Google Analytics (1)
headings (2)
HTML (1)
iframe (2)
images (7)
imce (3)
Layout Builder (3)
link a pdf (1)
links (7)
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 (1)
site name (1)
slogan (1)
source (1)
sticky (2)
text formats (1)
themes (1)
toolbar (2)
URL aliases (4)
Webform (2)
widget (1)