Resources

Add, organise and manage the files used by your website

Resources include the images, fonts, documents, media and folders used by your website. You can manage them directly in RapidWeaver Elements.

Local resources added to a project are included when publishing or exporting your website. Remote resources keep using their original external URLs.

Adding Local Resources

Open Resources in the left sidebar, then drag files or folders from Finder. Elements preserves their structure and names in the project and its exported output.

The resources you add will be copied and stored inside your project.

Supported File Types

Elements accepts all file types and folders in Resources, with additional support for certain formats:

• Images — PNG, SVG, JPG and other web formats
• Fonts — WOFF, WOFF2 and TTF
• YouTube URL — Individual videos and playlists
• Vimeo URL — Individual videos and playlists

If a warning triangle appears instead of a thumbnail, Elements could not generate a preview for that file. The most common cause is an unsupported or invalid format.

Elements will still export the file when publishing, even if it cannot generate a thumbnail.

Web-Safe Resource Naming

When publishing, Elements converts resource filenames to lowercase and replaces unsupported characters or spaces with a hyphen. For example:

• my~file.png would become my-file.png.
• my file has spaces.png would become my-file-has-spaces.png.
• myFile.png would become myfile.png.

Many Linux and Unix web servers treat File.jpg and file.jpg as different files. Windows and macOS file systems are often case-insensitive, so a mismatch may work locally but produce broken links after publishing.

Using lowercase filenames avoids these differences between hosting environments.

Adding YouTube and Vimeo Videos

Add a YouTube or Vimeo video by dragging its URL from your browser into Resources. Playlist URLs are also supported.

Elements stores the video URL rather than downloading the media.

You can also right-click the Resources heading and select Add Remote Resources.

Adding Custom Fonts

Add font files to Resources, then use the Resource Info panel to define the weight and, if required, width of each file. These fonts work with Font Family in Theme Studio.

Editing Metadata

Open the Resource Info panel to inspect a file. You can leave the panel open while browsing Resources.

You can change details such as:

• Filename (all file types)
• Caption (images)
• Alt Text (images)
• Author (images)
• Link URL (all file types)

Image Alt Text

In Elements 3.0 and later, set alternative text on the image resource rather than on each Image component:

1. Open Resources in the left sidebar.
2. Select the image.
3. Open the Resource Info panel.
4. Enter a concise description in Alt Text.

Every Image component that uses the resource uses this alt text. Edit the resource's Alt Text to update it everywhere that image is used.

Custom image URLs: To use a remotely hosted image directly in an Image component, select the component and set Type to Custom. Paste the image URL into Source, then enter its alternative text in the Alt field below the URL. This is useful for a one-off remote image that you do not need to add to Resources.

Remote image resources: If you want to reuse a remote image, add its URL through Add Remote Resources. Select the resulting image in Resources and enter its alternative text in the Resource Info panel, just as you would for a local image. The image remains hosted remotely and is not copied into your project.

See Image for more Custom and CMS image guidance.

Creating Folders

Right-click in Resources and select New Folder.

Adding Remote Resources (Warehouse Images)

RapidWeaver Classic users may know externally hosted images as Warehouse images, and the process of using them as warehousing images. Elements calls these Remote Resources.

Right-click the Resources heading and select Add Remote Resources.

You can add one or more remote URLs at a time. Place each remote resource on a new line. The Remote Resources window also supports multiple Vimeo and YouTube URLs.

For a remote image, select it in Resources and use the Resource Info panel to add its Alt Text, caption, author, or link. Elements stores the external URL and metadata in your project, but it does not download or publish a copy of the remote file. If the original URL changes or becomes unavailable, the image will no longer load on your website.

Sorting Resources

Resources use manual ordering. To arrange the current contents of a folder, right-click it and choose a Sort option. New or moved items will not be sorted automatically.

Folder Sorting Options

• A-Z (Ascending)
• Z-A (Descending)
• Newest First
• Oldest First