ACM IS Department Documentation [Type here]

1

Using the ACM WordPress Theme

Introduction

Installing

Customizing

Type of Site

Type SIG, Conference: Open ToCs

Menus

ACM Theme Configuration

Number of Posts

Social Networks

Custom Logos

WordPress Resources

Appendix 1 – Default Menus

Appendix 2 – Site Type

Appendix 3 – Setting Up Navigation without Site Type

ACM IS Department Documentation [Type here]

2

Introduction The ACM WordPress Theme provides a look-and-feel that’s similar to the look of the ACM main website,

https://www.acm.org . It is available for download at:

http://campus.acm.org/public/infodir/wordpress.cfm

Occasionally, there will be updates to the Theme, and the site administrator will be prompted to install them through the WordPress dashboard. As of May 15, 2018 the current version is 1.3.

Installing Save the downloadable to a local drive. Logged in to your WordPress install as administrator, follow these steps:

1. From your Dashboard, hover over “Appearance”, “Themes”, and click on “Themes”, “Add New”, and “Upload Theme”.

ACM IS Department Documentation [Type here]

3

2. “Choose a File” and navigate to your local drive to the acm.zip file you saved. Click “Install

Now”.

3. Look for a message that the theme has been installed successfully, and click to activate:

4. You’ll see the ACM Theme and you will be prompted to install a number of recommended

plugins. Click on “Begin installing plugins”.

ACM IS Department Documentation [Type here]

4

5. Choose “Install” from the drop-down, check the box at the top, and click “Apply”. This may take

a few minutes. You’ll get a status report and a message once all plugins have been installed.

Customizing

Type of Site The Theme supports customization by three types of sites: Conferences, SIGs, and Chapters.

Note: Skip this section if your site does not fall within these three types. Jump to Appendix 3 for information on setting up your site menus. You can set up and add items to menus through the “Appearance”, “Menus”, “Edit Menus” interface, following the standard WordPress functionality for menu setup. Please reference the “WordPress Menu User Guide”, at https://codex.wordpress.org/WordPress_Menu_User_Guide .

ACM IS Department Documentation [Type here]

5

In “Dashboard”, click on “Home” and scroll to find the “Type of site” drop-down; select your site type

from the three options.

The result of this action will be to pre-set site menu links; and if your site is of type

“Conference” or “SIG”, you have the option to receive automated “Open ToCs” from

the ACM Digital Library.

Type SIG, Conference: Open ToCs

You will see this Open ToC entry in the Dashboard:

Open ToCs: To enquire about activating this option, please contact ishelpdesk@acm.org, with

subject line, “Attn: H.Kanthou, Open ToCs Request”. Provide your site domain in

your email, along with the conference proceedings ToCs you would like to receive.

ACM IS Department Documentation [Type here]

6

Menus The Theme includes three menus: Primary Menu, Secondary Menu, and Top Small. In addition, there is

a footer with the ability to add custom content (including images for logos), and the default WordPress

navigation in the right rail.

Menus are managed through the Dashboard, in this path: “Appearance”, “Menus”; the tab “Manage

Locations” provides an overview.

ACM IS Department Documentation [Type here]

7

You can modify, add, or remove items from all menus, through the “Appearance”, “Menus”, “Edit

Menus” interface, following the standard WordPress functionality for menu setup. Please reference the

“WordPress Menu User Guide”, at https://codex.wordpress.org/WordPress_Menu_User_Guide .

Type: SIG

Primary Menu

The pre-configured Primary Menu will appear here:

You can see a screen shot of the default SIG Primary Menu in Appendix 1.

Secondary Menu

The Secondary Menu will appear here:

The Secondary Menu includes site search, integrated into the WordPress functionality. Just like with the

Primary Menu, you can modify this menu through “Appearance”, “Menus”, “Edit Menus”. A view of the

default SIG Secondary Menu appears in Appendix 1.

Top Small

In the upper-right corner is navigation that links to the ACM main site and to the ACM Digital Library.

You may edit this menu, as with the other two menus, through “Appearance”, “Menus”, “Edit Menus”.

A view of the SIG Top Small menu appears in Appendix 1..

ACM IS Department Documentation [Type here]

8

Type: Conference The three default menus for a conference site may be altered, through “Dashboard”, “Appearance”,

“Menus”, “Edit Menus”. They will look like this:

Primary:

Secondary:

Top Small:

Please see Appendix 1, Conference Primary Menu, Conference Secondary Menu, and Conference Top

Small.

Type: Chapter The three default menus for a chapter site may be altered, through “Dashboard”, “Appearance”,

“Menus”, “Edit Menus”. They will look like this:

Primary:

Secondary:

Top Small:

Please see Appendix 1, Chapter Primary Menu, Chapter Secondary Menu, and Chapter Top Small.

ACM IS Department Documentation [Type here]

9

ACM Theme Configuration

Number of Posts

The ACM Theme displays posts in a “boxed view” on the main section landing pages – the post category

pages. You can set the number of posts to display on these pages through “Dashboard”, “ACM Theme

Configuration”, in the “Number of posts to display” section. Be sure to click “Save” (the button to save

will be all the way to the right, off-screen in the image below).

The “boxed view” will display posts chronologically, with the newest in the upper-left corner and the

oldest in the lower-right. The right rail (i.e., rightmost third column of the page) will include the

WordPress Widgets menu.

For more information on WordPress Posts and Categories, please reference “Posts Category Screen”,

https://codex.wordpress.org/Posts_Categories_Screen .

It’s good practice to group your posts into categories. You can add categories through the “Dashboard”,

“Posts”, “Categories” menu. It makes sense to set up categories to match your Primary Menu sections,

for example.

ACM IS Department Documentation [Type here]

10

The screen below shows setup of a category called “About Us”, with the url “slug” set to “about-us”.

ACM IS Department Documentation [Type here]

11

Social Networks By default, the following links appear in the site footer, set to the “Official ACM” links. You can modify

the links to point to your Social Media, leaving the default if your group does not have any specific links

across any of these. The email should be pointing to your contact email.

ACM IS Department Documentation [Type here]

12

Custom Logos You can add logo art in the footer by using this interface under the “ACM Theme Configuration” section:

Here is an example:

ACM IS Department Documentation [Type here]

13

Widgets From “Dashboard”, “Appearance”, “Widgets”. Remove “Search”, it is a duplicate from the Secondary

Menu.

ACM IS Department Documentation [Type here]

14

Site Banner To complete the customization of your site’s appearance, upload a banner image. “Dashboard”,

“Appearance”, “Customize”, “Banner Image”

You can use any of the banner images provided by ACM, or create your own. Add a “Title”, “Top Title”,

and “Description”, as in this example:

ACM IS Department Documentation [Type here]

15

Preview:

WordPress Resources General Guide: https://codex.wordpress.org/Working_with_WordPress

Section: WordPress Features ▪ Using Pages ▪ Writing Posts

Section: User and Author Features ▪ Roles and Capabilities (WP 2.0+)

ACM IS Department Documentation [Type here]

16

Appendix 1 – Default Menus

SIG Primary Menu

ACM IS Department Documentation [Type here]

17

SIG Secondary Menu

SIG Top Small

ACM IS Department Documentation [Type here]

18

Conference Primary Menu

ACM IS Department Documentation [Type here]

19

Conference Secondary Menu

Conference Small Top

ACM IS Department Documentation [Type here]

20

Chapter Primary Menu

ACM IS Department Documentation [Type here]

21

Chapter Secondary Menu

Chapter Top Small

ACM IS Department Documentation [Type here]

22

Appendix 2 – Site Type The Theme supports customization by three types of sites: Conferences, SIGs, and Chapters.

Note: if your site does not fall within these three types, you should skip this step.

You can change your site type at any time, but note that choosing a new type will install the default

menus for the new type, while also keeping your previous menus. The menus visible You will need to

manually clean out menus if you decide to switch site type.

ACM IS Department Documentation [Type here]

23

Appendix 3 – Setting Up Navigation without Site Type If your site does not fall within the three type options (Chapter, Conference, or SIG), follow the steps in this section to set up the Primary, Secondary, and Top Small navigation menus. Primary Site Navigation: links to the main sections in your site

To set it up:

1. Enter “Primary Site Navigation” in the “Menu Name” field and press enter on your keyboard

2. Assign a theme location for your menu: choose “Primary Menu” under “Menu Settings” and click to “Save Menu”

ACM IS Department Documentation [Type here]

24

Secondary Site Navigation: multi-colored menu, above Main Site Navigation, with quick links to important content in your site; includes “Search” field (standard WordPress search).

To set it up: 1. Enter “Secondary Site Navigation” in the “Menu Name” field and press enter on your keyboard

2. Assign a theme location for your menu: choose “Secondary Menu” under “Menu Settings” and click to “Save Menu”

ACM IS Department Documentation [Type here]

25

Top Small Navigation: upper-right navigation, typically to ACM resources such as the ACM main site and the ACM Digital Library.

To set it up:

1. Enter “Top Small Navigation” in the “Menu Name” field and press enter on your keyboard

2. Assign a theme location for your menu: choose “Top Small” under “Menu Settings” and click to “Save Menu”