Website Design and Update

Dear Volunteers,

Welcome to ANACP website training page. The goal is to provide chances for our volunteers to learn website design, and help us build website. If you would like to join us, please let us know (email support@anacp.org). You will have your own individual page to work on. It is fun to design and build website.

We use a WordPress plugin called “Divi builder” to build our website. From biggest to smallest building blocks, there are Sections, Rows (including columns), and modules. Some starter videos are in this website, https://www.elegantthemes.com/documentation/divi-builder/.

For you who are interested in building website with us, please follow us step by step.

Task #1, basic building blocks

Please watch the short training video and go to your individual page to fulfill the task.

Task #1: Please learn and summarize what you learn about Divi by answering the following questions briefly on your own page.

What is a section?
What is a row? There are column(s) in a row.
What is a module? Try to name some commonly used modules.

There is ?Help Button on the bottom of this editing page. Please make sure to check it out.

Task #2, Gallery module and Text Module

Please watch training videos for Gallery Module and Text Module. Please go to your own page and complete the tasks as shown in the training videos.

1. Module Gallery Function to display some photos.

Find a few photos of any topic you want to display.
Add them to “Media library”.
Make a display as I showed in the training video

2. Module Text Function to link to a page

Add text as “This is the link to our 2022 Annual Meeting”
Link above text to the meeting page, using this URL, https://www.anacp.org/2022-annual-meeting/

There is ?Help Button on the bottom of this editing page. Please make sure to check it out.

Task #3

Nice job you have done so far. Let’s work on creating a post now.

Training videos for creating a post.

Task #3, part 1

Task #3, part 2

Create a post of your interest
Add some pictures
Resize the pictures to 500 pixel in width in your post
Add some text in between the pictures to your satisfaction
Create a separate post category called “Student Post” and mark your post using this category.
Show your post in a two-column row like this one, with the left column showing some description and the right one showing the link to the post.