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. This article focuses on the asset library, a Liferay feature that Clarity can use to manage their digital assets with low technical effort.
Asset Libraries
Asset libraries declutter 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 structured with folders and tags, and they integrate seamlessly with Liferay’s other content management features.
Exercise One: Creating Asset Libraries
Navigate to Global Menu (
) → Applications → Content → Asset Libraries.Click New and enter the name “Clarity Branding and Logo”. Click Save.
In the asset library configuration page, navigate to Sites in the sidebar menu.
In Connected Sites, click Add and select “Clarity Public Enterprise Website.”
Navigate to General in the sidebar menu and click Save.
Return to the Asset Libraries page. Click “Clarity Branding and Logo” to enter the management screen for the new asset library.
Select Documents and Media → New → Multiple Files Upload.
Extract the images from
enablement-bootcamp-clarity/exercises/module-7-content-authoring-and-management/clarity-branding-and-logo.zipUpload the images and then click Publish.
Repeat steps 1-7 to create the following asset libraries. Be sure to upload the images from the corresponding zip file for each asset library.
- “Error Pages”
- “Leadership Headshots”
- “Marketing Assets”
- “Product Images”
You should now have five asset libraries of image content with which you can populate Clarity’s web pages.
Exercise Two: Adding Clarity’s Logo to the Master Pages
Navigate to Global Menu (
) → Sites → Clarity Public Enterprise Website.Navigate to Site Menu → Design → Page Templates → Masters.
Click “Primary Master Page” to enter the page template editor.
In the sidebar menu on the left, select Browser.
Navigate to Page Header → Header Navigation Bar → Grid.
Select the first Module → Header Branding → Image → image-square. Note: You can double-click on the Image component in the header to navigate directly to this point.
In the menu on the right, click the + sign next to Image to open the image selection window.
Click Sites and Libraries in the breadcrumb menu, then select the Asset Library tab. You should now see the five asset libraries you created in the previous exercise.
Select “Clarity Branding and Logo” and then select “logo-name-vector” to add the image to the header.
In the Browser menu, navigate to Page Footer → Footer Branding → Image → image-square.
Repeat steps 7-9 to add the image named “logo-full-name-vector” to the footer.
Select Publish Master to save your changes to the master page template.
The header and footer images will now be displayed on all pages that use the Primary Master Page.
Conclusion
This concludes Managing Clarity’s Digital Assets. With your asset library in place, you can learn more about creating content from scratch with Liferay.
Next Up: Creating Clarity’s Web Content