ACC Default WordPress Theme Documentation

Every new WordPress website created on ACC’s WordPress network comes pre-installed with the ACC Default WordPress theme. The following sections outline the theme’s features and technical background.

If you are new to WordPress please review WordPress Training for Content Managers at ACC.

Built on the Skeleton WP Theme

The ACC Default WordPress theme is built using the Skeleton theme from SimpleThemes. Skeleton is a Responsive Web Design (RWD) theme based on the Skeleton boilerplate. Many of the features that are available to the Skeleton theme are carried over into the ACC Default WordPress theme.

Base Theme Features

The following is a list of features that are carried over from the Skeleton base theme.

• Columns (up to 6!)
• Buttons
• Tabs
• Toggle Panels
• Callout Boxes

Base Theme Feature Examples

Columns

Copy and paste the following into a shortcode block:

[one_third]
Column One - Add anything you want here
[/one_third]

[one_third]
Column Two - Add anything you want here
[/one_third]

[one_third_last]
Column Three - Add anything you want here
[/one_third_last]

Buttons

Buttons are inserted using the Custom HTML block. Styling is handled through the theme’s stylesheet.

Copy and paste the following into a Custom HTML block:

Sample Button

<button><a href="https://www.austincc.edu" target="blank">Sample Button</a></button>

Tabs

• Tab 1
• Tab 2
• Tab 3

• Tab 1 content
• Tab 2 content
• Tab 3 content

Copy and paste the following into a Shortcode block:

[tabgroup]
[tab title="Tab 1" id="t1"]Tab 1 content[/tab]
[tab title="Tab 2" id="t2"]Tab 2 content[/tab]
[tab title="Tab 3" id="t3"]Tab 3 content[/tab]
[/tabgroup]

Toggle Panels

Copy and paste the following into a Shortcode block:

[toggle title="Button text One"]
Toggle Content One
[/toggle]
[toggle title="Button Text Two"]
Toggle Content Two
[/toggle]
[toggle title="Button Text Three"]
Toggle Content Three
[/toggle]

Callout Box

Copy and paste the following into a Shortcode block:

[callout]
This is callout box
[/callout]

Update!

Utilizing the Gutenberg block editor the shortcodes above can be broken into individual blocks so users do not have to hard code HTML within the shortcodes themselves. The following is an example using the toggle (accordion) shortcode:

The toggle (accordion) above looks like this in the Gutenberg editor:

Featured Image

The featured image display is available for pages but not for posts. Feel free to drop images into the body of your posts to highlight your posts content. Featured images are centered horizontally and vertically and are cropped to 1140px by 436px. Here is an example:

Tags: WordPress

Back to Top