Managing Clarity’s Digital Assets

In the context of content management, digital assets are any files or media you can use to enrich your content. As a general requirement, enterprise websites need a comprehensive plan that outlines how the organization’s staff users will store, manage, and use its digital assets. Without an asset management infrastructure, Clarity’s web developers and content creators will struggle to maintain and leverage their digital assets effectively. This article focuses on Asset Libraries, a Liferay feature that Clarity can use to manage their digital assets with low technical effort.

Asset Libraries

Asset libraries simplify digital asset management by providing a collaborative hub for adding, editing, and sharing assets among multiple sites and users. Permissions and version control ensure that assets are accessible by the right people and kept up to date with the latest changes, all while maintaining security and transparency across the organization. Asset libraries can be organized with folders, tags, and categories. They also integrate seamlessly with Liferay’s other content management features. For example, you can use asset libraries with workflows to create a custom publishing process.

Exercise: Creating Asset Libraries

The training workspace already includes multiple libraries for Clarity’s assets. Here, you’ll create a library for branding assets as Walter Douglas.

To do this,

1. Open the Global Menu (), go to the Applications tab, and click Asset Libraries.

2. Click New and enter the name Clarity Branding and Logo.

3. Click Save. This creates a library and redirects you to its configuration page.

   Now you can link the library to Clarity’s site.

4. Go to the Sites tab in the sidebar menu.

5. Click Add and select Clarity Public Enterprise Website.

   

   This enables users in the site to access content in the asset library. Next, add content to the library.

6. Return to the Asset Libraries overview page.

7. Click Clarity Branding and Logo to access its applications and begin adding content.

8. Select Documents and Media.

9. Click New and select Multiple Files Upload.

10. Select all images from the [repository-folder]/exercises/lesson-9/ resources folder.

11. Click Publish.

After completing this exercise, you should have seven asset libraries with images and content that you can use in Clarity’s website:

• Clarity Branding and Logo
• Error Pages
• HR
• Leadership
• Legal
• Marketing Assets
• Product Images

Next, you’ll return to Clarity’s master pages and use the imported branding images.

Exercise: Adding Clarity’s Logo to the Master Pages

Clarity’s master page templates are mostly complete. However, we still need to add Clarity’s logo to the header and footer. Here you’ll add these images as Walter Douglas.

To do this,

1. Go to Clarity Public Enterprise Website.

2. Open the Site Menu (), expand Design, and select Page Templates.

3. In the Master tab, click Primary Master Page to begin editing it.

4. Double click the header’s Image fragment.

   This selects the fragment’s image-square sub-element and opens its configuration options.

5. In the configuration side panel, click Select Image ().

6. Click Sites and Libraries in the breadcrumb menu.

   

7. Go to the Asset Library tab.

   You should now see all asset libraries connected to this site.

8. Select Clarity Branding and Logo.

9. Select logo-name-vector to add the image to the header.

   Tip

   If you’re having difficulty finding the image, use the search bar.

10. In the configuration side panel, go to the Link tab and configure these settings for the image-square element:

    Tab	Setting	Value
    Link	Link	Page
    Link	Page	Home

    Now when users click the header image, they’re directed to Clarity’s Home page.

11. Repeat these steps for the footer image fragment, selecting the logo-full-name-vector instead.

12. Click Publish Master to save your changes to the master page template.

    All pages using the master page are now automatically updated.

    Important

    If the image does not update for you, you must clear the Liferay server’s cache. To do this, sign in as the Clarity Admin user, open the Global Menu (), go to the Control Panel tab, and click Server Administration. Then, click Execute for the “Clear content cached across the cluster” operation.

    

13. Repeat steps 4-10 to update the header image in the Secondary Master Page template to use logo-name-vector.

Conclusion

Great! So far you’ve learned how to create asset libraries, import content, and display it in pages. Next you’ll learn about creating web content.

Next Up: Creating and Mapping Clarity’s Content

Additional Resources

See official documentation to learn more about Liferay’s digital asset management features:

• Asset Libraries
• Documents and Media