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.

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)