GREEN Websites

GREEN Websites

  • Languages iconEnglish
    • Deutsch
    • Français
    • Help Translate

›Advanced

Preface

  • Introduction
  • Main terms

First Steps

  • Login
  • Front page
  • Page
  • Post
  • Media
  • Events
  • Form
  • Navigation
  • FAQ

Advanced

  • People
  • Footer
  • Header
  • Donations
  • Landingpage
Edit

Edit the page header

Precondition

We assume you have already gathered some experience with your website and know the basics terms, how to edit or add a post etc.

Anatomy of the Header

The green section on the very top (only visible when you first visit the website after a few hours) and the white bar with the navigation below form the header.

Screenshot

How you can edit the navigation is explained in the dedicated chapter navigation. Everything else is explained here.

Edit the Header with the Customizer

The tagline, the logos and the get active button can be easely managed through WordPress' Customizer. To access the Customizer, log in, go to the frontend and click the Customizer button in the admin bar.

Screenshot

Tagline

In the Customzier, go to Site Identity and you will find the Tagline. Keep it short and verify it looks good on mobile devices as well (simulate different devices using the device icons on the bottom).

Screenshot

Logo

You may change the logo also in the Customizer under Site Identity. Please upload the inverted version of the logo (white grphics, green font) as the light variant. It is placed in the green section.

If you have, it's best to upload the logos as compressed .svg files. Alternatively you may also upload them as .png files. In either case, verify the have a transparent background!

Use a .png for the site icon.

Get Active Button

The Get Active Button is actually a menu (with only a single top level entry). Read the navigation manual page for further assistance.

Last updated on 2021-11-4 by Cyrill Bolliger
← FooterDonations →
  • Precondition
  • Anatomy of the Header
  • Edit the Header with the Customizer
    • Tagline
    • Logo
  • Get Active Button
GREEN Websites
User Docs
IntroductionFirst StepsAdvanced
Demo Websites
Personal WebsiteParty Website
Developers
The WordPress Theme on GitHubThe Docs on GitHub
GRÜNE Schweiz | Les VERTS suisses
Copyright © 2023 GREENS Switzerland