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)
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
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
button-ghost-purple
button-ghost-gold
button-ghost-white
button-ghost-black
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