Chapter Website Resources

 
 
 

Editing Your Chapter Website

 

Quick note before diving in:
Two names you’ll see going forward are WordPress and Gutenberg

All you need to know is that the chapter websites are built using WordPress, a content management system, which allows those with no coding experience to editing websites, and post new content (like Facebook). 

And, Gutenberg is the new text editor/page-builder that WordPress uses.

 

Logging In

There are 3 ways to access the login area of your chapter website:  

1. Through the direct link http://chapternumber.mophaz.org/wp-admin. (e.g. http://2560.mophaz.org/wp-admin)
   
    Chapter 442:
http://442.mophaz.org/wp-admin
    Chapter 472: http://472.mophaz.org/wp-admin
    Chapter 572: http://572.mophaz.org/wp-admin
    Chapter 691: http://691.mophaz.org/wp-admin
    Chapter 790: http://790.mophaz.org/wp-admin
    Chapter 793: http://793.mophaz.org/wp-admin
    Chapter 1958: http://1958.mophaz.org/wp-admin
    Chapter 2560: http://2560.mophaz.org/wp-admin

2. At the bottom (footer) of the chapter website through the link Admin Login. (Pictured below)
3. At the bottom (footer) of the department website through the link Admin Login. (Pictured below)

 

From there, you will land on the login page.  

– Your admin username is adminyourchapternumber (e.g. admin793)
– If you don’t know your password, contact either the department web master or department adjutant. 


Editing Existing / Creating New Page Content

There’s plenty to cover here, and the following guide is helpful, and will  guide you in managing your chapter’s site:
https://www.wpexplorer.com/guide-to-gutenberg-wordpress/

This will cover:
– Titles
– Paragraphs
– Font styling (bold, italicize, underline, etc.)
– Images
– Custom blocks
– And more

Another article covering the same content (sometimes different wording helps material click better): https://www.shoutmeloud.com/tutorial-use-wordpress-gutenberg-editor.html

 

MOPH Theme CSS Classes

 

 

As was covered in the guide, special “classes” can be added to blocks or elements in WordPress / Gutenberg.  Below are the current classes you can use to create special MOPH themed blocks or elements.


Colored Text Classes

Purple Text: color-purple
Yellow Text: color-gold
Red Text: color-red
White Text: color-white
Black Text: color-black


Button Classes
Ghost Buttons

button-ghost-purple

button-ghost-gold

button-ghost-white

button-ghost-black

Filled Buttons

button-purple

button-gold

button-white

button-black

 

Special Font Class

Script text for MOPH Slogan : Slogan

 
Drop Shadow Classes

Regular shadow

 

Class: drop-shadow

Extra Dark Shadow
(when used over dark backgrounds)

Class: drop-shadow-dark-bg

 
Shadow Box Classes

Regular Shadow Box



Class: shadow-box

Dark Shadow Box
(when used over dark backgrounds)

Class: shadow-box-dark-bg