After the initial section on History and Goals of building this version of the LLIR website, this page describes:

Headers and the footer that appear on all webpages in this website
Menus for navigating the website
How we use the Kadence Account feature to support user Login

History and Goals

The prototype for this website was built in the spring of 2023 using the WordPress development environment. It started as a proof of concept for switching to the Kadence Pro theme to achieve the goals listed below. If you are not familiar with WordPress, read the overview of our platform. Over the summer of 2023 the prototype became the working basis on which to rejuvenate the website’s content and visual design. The goals are:

Fix issues relating to login. The previous WordPress theme, named Twenty Eleven, was dated and imposed limitations.
Create a website that users find easier and more intuitive to use than LLIR’s initial website that was created 12 years earlier.
Leave the website developed to the point where LLIR volunteers with a good knowledge of the WordPress page editor and ability to learn features of Kadence Pro can take over maintenance
Clarify the responsibilities of LLIR volunteers and the hired programmer and to develop a working interface between them.

The implemented solution displays one header across the top the browser window when a user arrives at the website and a different header after the user logs in as a member. These headers contain the main navigation menus and buttons. The only route to member-only pages is through a conditional header that replaces the initial header only when the current user is a logged- in member.

Initial Priority

The original priority was to set up a login/logout mechanism that protects information that only members should see from unauthorized access.
The assumption is that members can see everything that the public can see and much more. Some pages in the public area are available only before members log in.

Long Term Intension

A long term goal is the separation of back-end business logic from the front end user interface. The back end includes the master database and programming that processes forms submitted by users. Front-end work involves design and maintenance of this website, the interface used by LLIR prospects and members.

An additional set of processes exists for the LLIR Registrar and other members of the LLIR Board to view and update information in the membership database primarily to support annual registration, course assignments and the waitlist. The user interface for those processes is maintained by our hired programmer. It consists of custom utilities that use FileMaker Pro and is fully outside the scope of these notes.

For more detail on the resulting implementation, refer to our Website structure and IT Architecture.

Headers

When a user first enters the site, they see the header called Public Header with a navigation menu across the bottom called Public Menu. When the user logs in, they see a conditional header called Member Header with a navigation menu across the bottom called Member Menu. Both header include LLIR logo and some buttons above he menu line.

The Public Header contains buttons Contact Us and Login followed by a link for logging in. The Member Header contains buttons Contact Us and Logout followed by the users Name and a button to logout. The two Contact Us buttons link to different pages.

Both headers have two variations, so all modifications to headers must be implemented and tested on both variations:
A header for large screens (desktop or laptop computers)
A header for small screens (smart phone and some mobile devices)

A footer appears on the bottom of each page in the website. Unlike headers, the website has only one footer and its appears on both the public and private areas of the website. At the time of this writing, the purposes the role of the header is to:

Indicate to the user that they scrolled to the bottom of the page.
Declare that the website consists of copyrighted material.
Include buttons that open the LLIR Privacy Policy and Term of Use statements.

For more details, see see How to Modify a Header or Footer.

Menus

The table below shows the names of the two menus currently defined for the LLIR website and where those menus appear.
Kadence allows up to 9 menus and assigns them names shown in italics in Where Used column of the table.

Name of Menu	Where used
Public Menu	Primary navigation on Public Header Mobile navigation on Public Header
Member Menu	Secondary navigation on Member Header Mobile Secondary navigation on Member Header
not used	Third navigation
not used	Fourth navigation
not used	Account Logged In
not used	Account Logged Out
not used	Footer navigation

The website defines two menus used in 4 of 9 possible locations.

See also Menu Decisions already made. For instructions on modifying menus, see How to Work with Menus.

The Kadence Account feature

The login mechanism uses the Account feature of Kadence Pro.

On the Public Menu, the label on Account is Login. The action is a link to the WordPress login code and form at https://llirto.ca/wp-login.php.
On the Member Menu, the Account feature displays the current user’s name on the blue header line on a link to the My Profile page.
The Logout button is an ordinary button that links to WordPress logout code at https://llirto.ca/wp-login.php?action=logout.

The Rejuvenation Committee of 2023 decided to display all forms related to a member profile data in the main menu under My Profile. Should that decision be revisited in the future, the forms and logout could make up the Account Logged In menu under the current user’ name.

Please Log In