This WordPress theme allows Internet Society Chapters to display their website in line with our visual identity. The theme uses the genesis framework and a custom child theme for Internet Society Chapters https://github.com/InternetSociety/genesis-child-chapters
IMPORTANT: If you encounter issues using this theme or have suggestions, please check the issue tracker and raise a new issue if necessary: https://github.com/InternetSociety/genesis-child-chapters/issues
The issue tracker is public and viewing the issues is open to all. Raising an issue requires a Github account, but those are available for free.
Installation
- Backup your existing site
- Download the ZIP file of the Genesis theme: https://www.studiopress.com/get-genesis/
- Download the ZIP file of the Genesis child theme Internet Society Chapters: https://github.com/InternetSociety/genesis-child-chapters/archive/refs/heads/main.zip
- Next, in your WordPress admin area, do the following:
- Go to Appearance -> Themes, choose Add New and then choose the Upload Theme button,
- Upload the above ZIP files you downloaded,
- Activate the theme Internet Chapters
- Now under Genesis -> Child Theme Setup – click Install Pack
Customize the Theme with a Site Title, Tagline and Chapter Logo
In your WordPress admin area:
- Go to Appearance -> Customize -> Site Identity
- Set the Site Title,
- Set the Tagline,
- Set the Chapter Logo,
- Save the settings by clicking the Publish button at the top.
Manage your navigation menus.
In your WordPress admin area:
- Go to Appearance -> Menus
- Manage your header and footer navigation: Add, remove, or update menu items as needed
Fix any display issues
As with every theme change, display of existing contents and theme configuration may need some custom updates.
Go to Appearance -> Customize :
- Under Theme Settings -> Title toggle you can chose if he page title needs to be kept or removed from the display
- Under Theme Settings -> Header/Footer scripts, you can add any custom scripts as needed (example cookie banner scripts, Google analytics scripts)
- Under Additional CSS, you can add your own custom css styles
There are many more settings under Appearance -> Customize
Best Practice
- Legal provisions in various countries require certain rules to be respected, for example to make available a Cookie banner.
- Your site display should be responsive, i.e. display correctly in all different types of devices and screen sizes.
- Your site should be accessible: use a tool such as https://wave.webaim.org to be compliant with WCAG22
- Make sure your page loading performance is acceptable:
- Use only strictly necessary plugins. These can be very resource demanding pieces and often not necessary.
- Compress and crop images with the best possible quality/weight ratio
- Use a caching mechanism.
- Clean the wordpress database sometimes from unneeded rubbish: Spam comments, revisions, obsolete data from old uninstalled plugins, etc.