HELP (ARTS CMS)

Faculty of Arts

Module Examples – Span 12 Page

Accordions

Expand all

|

Collapse all

Accordion Title 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Accordion Title 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Accordion Title 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Buttons

Button With Image

Button with image – 2

Learn More

Content goes here

<img alt='Content goes here' class='box-content-img' src='https://devtestcases.cms.arts.ubc.ca/wp-content/uploads/sites/73/2026/02/news-events-placeholder-image-ubc-arts-students.jpg'/>

Learn More

Content goes here

<img alt='Content goes here' class='box-content-img' src='https://devtestcases.cms.arts.ubc.ca/wp-content/uploads/sites/73/2021/08/news-events-placeholder-image-ubc-arts-spaces-1.jpg'/>

Button with image – 3

Learn More

Content goes here

<img alt='Content goes here' class='box-content-img' src='https://devtestcases.cms.arts.ubc.ca/wp-content/uploads/sites/73/2026/02/news-events-placeholder-image-ubc-arts-students.jpg'/>

Learn More

Content goes here

<img alt='Content goes here' class='box-content-img' src='https://devtestcases.cms.arts.ubc.ca/wp-content/uploads/sites/73/2021/08/news-events-placeholder-image-ubc-arts-spaces-1.jpg'/>

Learn More

Content goes here

Cards

Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis.

2 Cards - First Card

Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis.

2 Cards - Second Card

Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis.

3 Cards - First Card

Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis.

3 Cards - Second Card

Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis.

3 Cards - Third Card

Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis.

4 Cards - First Card

Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis.

4 Cards - Second Card

Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis.

4 Cards - Third Card

Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis.

4 Cards - Fourth Card

Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis.

Card with Image

Card with Image - Small

Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulv

Card with Image - Small

Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulv

Card with Image - Medium

Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulv

Card with Image - Large

Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulv

Card with Image - Large

Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulv

Featured General Post

1 Featured General Post - Grid View

Featured Post 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure do

2 Featured General Post - Grid View

Featured Post 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure do

Featured Post 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure do

3 Featured General Post - Grid View

Featured Post 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure do

Featured Post 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure do

Featured Post 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure do

4 Featured General Post - Grid View

Featured Post 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure do

Featured Post 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure do

Featured Post 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure do

Featured Post 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure do

Featured General Post - List View

Featured Post 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure do

Featured Post 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure do

Featured Post 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure do

Featured Post 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure do

1 Featured News

New nested display for courses with subsections or additional formats

We made minor enhancements to improve the display of the Courses archive on Arts CMS.

Bluesky icon now available

You can now link to your Bluesky account along with your other social media links/icons within the footer of your Arts CMS website.

2 Featured News

Courses page enhancements

The updates aim to help users navigate your courses and find section details more easily.

Bluesky icon now available

You can now link to your Bluesky account along with your other social media links/icons within the footer of your Arts CMS website.

3 Featured News

Courses page enhancements

The updates aim to help users navigate your courses and find section details more easily.

Bluesky icon now available

You can now link to your Bluesky account along with your other social media links/icons within the footer of your Arts CMS website.

Accordions enhancements

The updates aim to help users find information more easily, keep more content visible, and provide better control over their browsing experience.

1 Featured Events

View All Events

Featured Event 1

5:00 pm - 6:00 pm

View All Events

2 Featured Events

View All Events

Featured Event 1

5:00 pm - 6:00 pm

Featured Event 2

6:00 pm - 7:00 pm

View All Events

3 Featured Events

View All Events

Featured Event 1

5:00 pm - 6:00 pm

Featured Event 2

6:00 pm - 7:00 pm

Featured Event 3

7:00 pm - 8:00 pm

View All Events

Infographs

1 Infograph

Participate in local or international programs

2 Infograph

Participate in local or international programs

90%

Graduates who receive job offers within one month after graduation

3 Infograph

Participate in local or international programs

90%

Graduates who receive job offers within one month after graduation

Build your professional network and resumé

Inline Alert

Important

Admission are now open

Midpage Banners

<img class='box-content-img banner-img' src='https://devtestcases.cms.arts.ubc.ca/wp-content/uploads/sites/73/2021/08/news-events-placeholder-image-ubc-arts-generic-updates.jpg'>

Single Midpage Banner

This is the description for a midpage banner

Single Midpage Banner

This is the description for a midpage banner

Single Midpage Banner

This is the description for a midpage banner

Double Midpage Banners

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Double Midpage Banners

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

<img class='box-content-img banner-img' src='https://mdst.cms.arts.ubc.ca/wp-content/uploads/sites/20/2019/11/ubc-bachelor-of-media-studies-program-button.jpg'>

Name Lastname

Name Lastname

<img class='box-content-img banner-img' src='https://help.cms.arts.ubc.ca/wp-content/uploads/sites/9/2020/10/Programs-VisualCard-Involvement-UBC-Arts.jpg'>

Double Midpage Banners

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Name Lastname

News & Events List Feed

News List Feed

Courses page enhancements

placeholder image

<img alt='placeholder image' data-src='/wp-content/plugins/modules-shortcode-wizard/img/news.jpg' class='lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' /><noscript><img src='/wp-content/plugins/modules-shortcode-wizard/img/news.jpg' alt='placeholder image'/>

Bluesky icon now available

placeholder image

<img alt='placeholder image' data-src='/wp-content/plugins/modules-shortcode-wizard/img/news.jpg' class='lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' /><noscript><img src='/wp-content/plugins/modules-shortcode-wizard/img/news.jpg' alt='placeholder image'/>

Accordions enhancements

placeholder image

<img alt='placeholder image' data-src='/wp-content/plugins/modules-shortcode-wizard/img/news.jpg' class='lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' /><noscript><img src='/wp-content/plugins/modules-shortcode-wizard/img/news.jpg' alt='placeholder image'/>

Event List Feed

Featured Event 1

5:00 pm - 6:00 pm

placeholder image

<img alt='placeholder image' data-src='/wp-content/plugins/modules-shortcode-wizard/img/event.jpg' class='lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' /><noscript><img src='/wp-content/plugins/modules-shortcode-wizard/img/event.jpg' alt='placeholder image'/>

Featured Event 2

6:00 pm - 7:00 pm

placeholder image

<img alt='placeholder image' data-src='/wp-content/plugins/modules-shortcode-wizard/img/event.jpg' class='lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' /><noscript><img src='/wp-content/plugins/modules-shortcode-wizard/img/event.jpg' alt='placeholder image'/>

Featured Event 3

7:00 pm - 8:00 pm

placeholder image

<img alt='placeholder image' data-src='/wp-content/plugins/modules-shortcode-wizard/img/event.jpg' class='lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' /><noscript><img src='/wp-content/plugins/modules-shortcode-wizard/img/event.jpg' alt='placeholder image'/>

View All Events

List Feed - News

Courses page enhancements

Bluesky icon now available

Accordions enhancements

List Feed - Events

Featured Event 1

Featured Event 2

Featured Event 3

View All Events

Post Archive

Testimonial

Testimonial with image – Single:

Content goes here

<img alt='Content goes here' data-src='https://devtestcases.cms.arts.ubc.ca/wp-content/uploads/sites/73/2026/03/sample_avatar.jpeg' class='lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' /><noscript><img alt='Content goes here' src='https://devtestcases.cms.arts.ubc.ca/wp-content/uploads/sites/73/2026/03/sample_avatar.jpeg'/>

We're here to help you achieve your goals through instructional and technological services and support.

Arts ISIT Staff

Affiliation

Testimonial with no image – Single:

We're here to help you achieve your goals through instructional and technological services and support.

Arts ISIT Staff

Affiliation

Content goes here

<img alt='Content goes here' data-src='https://devtestcases.cms.arts.ubc.ca/wp-content/uploads/sites/73/2026/03/sample_avatar.jpeg' class='lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' /><noscript><img alt='Content goes here' src='https://devtestcases.cms.arts.ubc.ca/wp-content/uploads/sites/73/2026/03/sample_avatar.jpeg'/>

The Psychology Department at UBC is full of amazing people who love to share what they study. Psychology is a very diverse field, so there is plenty of opportunity to find something that interests you.

Anca Bosnea

BA Sociology, Minor in Family Studies

Content goes here

<img alt='Content goes here' data-src='https://devtestcases.cms.arts.ubc.ca/wp-content/uploads/sites/73/2026/03/sample_avatar.jpeg' class='lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' /><noscript><img alt='Content goes here' src='https://devtestcases.cms.arts.ubc.ca/wp-content/uploads/sites/73/2026/03/sample_avatar.jpeg'/>

The Psychology Department at UBC is full of amazing people who love to share what they study. Psychology is a very diverse field, so there is plenty of opportunity to find something that interests you.

Anca Bosnea

BA Sociology, Minor in Family Studies

Quicklinks

Plan your Arts degree

Year-by-year planning

Degree requirements

Program options

First-year study options

Declaring your major/minor

Course registration

Involvement options

Dates and deadlines

Academic support

Alumni career profiles

Multimedia Banner

View module on the Faculty of Arts website

Alumni Post Archive

View module on ARTF

View an example on ARCO

Program Post Archive

View module on ARTF