User Guide Cancel

Work with web gallery layouts

  1. Lightroom Classic User Guide
  2. Introduction to Lightroom Classic
    1. What's new in Lightroom Classic
    2. Lightroom Classic system requirements
    3. Lightroom Classic | Common Questions
    4. Lightroom Classic Key Concepts
    5. Lightroom Classic tutorials
    6. Set Preferences for working in Lightroom Classic
    7. Reset Preferences for working in Lightroom Classic
  3. Workspace
    1. Workspace basics
    2. Display the Library on a second monitor
    3. Personalize identity plates and module buttons
    4. Watermark your photos in Lightroom Classic
    5. Color management
  4. Import photos
    1. Specify import options
    2. Set import preferences
    3. Import photos from a camera or card reader
    4. Import photos from a folder on a hard drive
    5. Import photos automatically
    6. Import photos from Photoshop Elements
    7. Import photos from a tethered camera
    8. The Filename Template Editor and Text Template Editor
  5. Organize photos in Lightroom Classic
    1. Face recognition
    2. Work with photo collections
    3. Group photos into stacks
    4. Flag, label, and rate photos
    5. Use keywords
    6. Metadata basics and actions
    7. Find photos in the catalog
    8. Work with video in Lightroom Classic
    9. Advanced metadata actions
    10. Use the Quick Develop panel
  6. Process and develop photos
    1. Develop module basics
    2. Create panoramas and HDR panoramas
    3. Flat-Field Correction
    4. Correct distorted perspective in photos using Upright
    5. Improve image quality using Enhance
    6. Work with image tone and color
    7. Masking
    8. Apply local adjustments
    9. HDR photo merge
    10. Develop module options
    11. Retouch photos
    12. Cure red eye and pet eye effects
    13. Use the Radial Filter tool
    14. Adjustments with Lens Blur
    15. Edit and Export in HDR
    16. Remove Tool
  7. Viewing photos
    1. View photos
    2. Browse and compare photos
    3. Set Library view options
    4. Share photos for comments and feedback
    5. Smart Previews
  8. Export photos
    1. Export files to disk or CD
    2. Export photos from Lightroom Classic
    3. Publish photos online
    4. Export to hard drive using publish services
    5. Presets for export, and other settings
  9. Work with external editors
    1. External Editing preferences
    2. Open and edit Lightroom Classic photos in Photoshop
  10. Manage catalogs and files
    1. How Lightroom Classic catalogs work
    2. Create and manage catalogs
    3. Back up a catalog
    4. Locate missing photos
    5. Create and manage folders
    6. Manage photos within folders
  11. Maps
    1. Work with the Map module
  12. Photo books
    1. Create photo books
  13. Slideshows
    1. Create slideshows
    2. Slideshow module panels and tools
    3. Specify the slide layout
    4. Add overlays to slides
    5. Play and export slideshows
  14. Print photos
    1. Print module basics
    2. Print module layouts and templates
    3. Work with print job options and settings
  15. Web galleries
    1. Create web galleries
    2. Use the Web module panels and tools
    3. Work with web gallery layouts
    4. Work with web gallery templates and settings
    5. Preview, export, and upload web photo galleries
  16. Keyboard shortcuts
    1. Keyboard shortcuts
  17. Content Authenticity 
    1. Content Authenticity in Lightroom Classic
  18. Lightroom and Adobe services
    1. Creative Cloud Libraries
    2. Using Adobe Stock in Creative Cloud apps
  19. Troubleshooting 
    1. Fixed Issues
    2. Known Issues
  20. Technical Support
    1. Performance Guidelines
      1. Basic troubleshooting steps to fix issues in Lightroom Classic
      2. Optimize performance
      3. Keep Lightroom up to date
      4. Preference file and other file locations | Lightroom Classic
      5. Allow Permissions to Lightroom Classic on macOS
    2.  Technical issues
      1. GPU Issues
        1. Troubleshoot graphics processor (GPU) and graphics driver issues | Lightroom Classic
        2. Lightroom Classic GPU FAQ
      2. Startup Issues
        1. Windows | Lightroom doesn't start
        2. Error: Lightroom catalog cannot be opened
        3. Error: 'Unexpected error opening catalog' occurs in Lightroom after Windows 10 upgrade
        4. "Assertion failed" update error | Windows
        5. Error MSVCR110.dll opening apps in Windows 10
      3. Rendering Issues
        1. Troubleshoot issues with Develop module
      4. Stability Issues
        1. Troubleshoot crash or freeze in Lightroom Classic
      5. Miscellaneous Issues
        1. FAQ | Color in Lightroom Classic
        2. Lightroom desktop and mobile apps unavailable to Education memberships | Kivuto
    3. Workflow Issues
      1. Catalog Issues
        1. Error : Lightroom catalog cannot be opened
        2. Troubleshoot corrupt catalog
        3. Locate missing photos
        4. Recover catalog and images after resetting preferences
        5. Lightroom Classic catalog FAQ
      2. Sync Issues
        1. Lightroom Classic sync FAQ

Updated in Lightroom CC 2015/Lightroom 6

Note:

Beginning with Lightroom CC 2015/Lightroom 6, the support for Flash galleries has been removed.

Lightroom Classic has premade HTML5 web gallery templates that you can select in the Template Browser. You can customize premade templates and create new custom templates by specifying certain elements—such as colors, gallery layout, text, and an identity plate—for your gallery. Custom templates are listed in the Template Browser of the Web module. See Web gallery templates and settings.

  1. In the Web module, click a template in the Template Browser.

    The preset templates appear under the Lightroom Classic Templates folder, but you can add new folders and custom templates. Click the arrow next to a folder to expand or collapse it.

    Note:

    To download a variety of third-party web gallery templates, visit www.adobe.com/go/exchange.

If the source for your web photo gallery is a collection or a folder that does not contain subfolders, you can manually rearrange the photos in the gallery.

  1. In the Web module, drag photos in the Filmstrip to rearrange them.
  1. In the Color Palette panel, click the color box beside an element.
  2. Choose from the color pop-up window.

Specify the appearance of Lightroom Classic HTML galleries

  1. Select an HTML gallery in the Template Browser.
  2. In the Appearance panel, do any of the following:
    • To add drop shadows to all photos, select Add Drop Shadows To Photos.

    • To add a horizontal rule under the site title, select Section Borders. Click the color picker to choose a color for the rule.

    • To specify the grid layout on the thumbnail index page, click in the grid to set the number of rows and columns.

    • To display an index number in the upper-left corner of each photo thumbnail, select Show Cell Numbers.

    • To add borders to photo thumbnails, select Photo Borders in the Grid Pages section of the panel, and then choose a border color from the color picker.

    • To specify the size of large-image pages, drag the Size slider or enter a pixel value.

    • To display a border around photos on large-image pages, select Photo Borders in the Image Pages section of the panel. Drag the Width slider or enter a pixel value to define the size of the border.

  • In the Output Settings panel, select Watermarking and choose an option from the pop-up menu:
    • Choose a text or graphical watermark that you have created in the Watermark Editor.

    • Choose Simple Copyright Watermark to use the IPTC copyright metadata as the watermark.

    • Choose Edit Watermarks to open the Watermark Editor.

    Lightroom Classic displays the watermark on both thumbnails and large images in the gallery. However, the watermark is not always visible on small thumbnails.

    Tip: To display copyright metadata below the large photos in the gallery, in the Image Info panel, choose Caption > Edit. Then, insert the copyright IPTC metadata token.

Add titles, description, and contact information to web photo galleries

Website titles, photo collection titles and descriptions, contact information, and a web or mail link appear on every web page in your web photo gallery.

  1. In the Site Info panel or in the work area, do either of the following:
    • Overwrite the text in the corresponding boxes with site and collection titles, a collection description, contact info, and a web or mail link. In the work area, double-click the text to activate the box you want to type in. The information you type appears on every web page.

    • Delete the text in the corresponding boxes so that web pages do not contain any titles, description, contact info, or a web or mail link.

    Note:

    Each time you enter a site title, collection title, collection description, or contact info, Lightroom Classic stores the information as a preset. When creating other web photo galleries, click the triangles to the right of Site Title, Collection Title, Collection Description, Contact Info, and Web Or Mail Link to choose a preset from the pop-up menu.

Add your identity plate to web photo galleries

You can use your identity plate as your website or gallery title.

  1. In the Site Info panel, select Identity Plate.

  2. (Optional) To use a different identity plate, click the triangle in the lower-right corner of the identity plate preview area and choose from the menu.
    Note:

    Choosing Edit opens the Identity Plate Editor.

Display photo titles and captions in web photo galleries

You can add titles and captions beneath the large versions of the images in your web photo gallery. You can either type the title and caption that you want to appear below every photo, or specify that metadata be displayed with each photo. For example, if you entered caption metadata for your photos in the Library module, you can display the caption metadata that is specific to the photos in your web gallery.

  1. In the Image Info panel, do any of the following:
    • To display the same title and caption under all photos, choose Custom Text from the pop-up menus next to Title and Caption, and then enter the title and caption in the boxes below those options.

    • To display a different caption or title for each photo, click the Custom Settings menu to the right of Title or Caption, and choose Edit. In the Text Template Editor that appears, insert the IPTC title or caption metadata element, and click Done.

    • To display information from a photo’s metadata, click the Custom Settings menu to the right of Title or Caption, and choose the metadata that you want from the pop-up menu.

Get help faster and easier

New user?