Swiss Theme 4 Version 1 Notes:
Full Height Banner template is there because without it javascript has to load to change navigation color which results in a transition flash of unstyled content (FOUC) that is sub-optimal. Having a separate template allows for placing styles without needing javascript.
On sites where the Full Height Banner is used throughout the site, this can be removed and just converted to the styles on the main navigation.
This is also in the theme itself under Test menu.
Unused Blocks – Make a folder to place unused blocks in on the backend so that they don’t get used on the front end. Leave the styles in place in the stylesheet in case the blocks need to be brought in later. No sense in removing the styles.
Mobile Slider Banner – add a new ACF image field to the Slider Banner block if the height of the slider images is crucial for the project. Otherwise there’s too much cropping on the sides in mobile view. The separate images would be specially cropped for mobile and special style classes would be included and styled.
Photo Slider Banner – same as above if size is crucial
SEE UGA OUTREACH AND UGA SERVICE LEARNING FOR EXAMPLES OF TEAM MEMBER TEMPLATE SETUP
HSL Color picker: https://hslpicker.com/
Never use Full Site Editing or turn on any theme settings to allow it.
Never install a theme.json file which over-rides functions.php
Never use block patterns or reusable blocks, unless there’s training for client like I did with Buckingham Brand. There’s too much of risk of a client editing one and then the edits effecting all others.
Archive.php is only for an additional blog type – such as Photo Stories on Outreach. Otherwise category.php is used for the archive page.
If an Author page is required turn off the function that redirects Author pages to the website home page.
Preload fonts if having issue with FOUC. This might be required on all sites but is definitely set up on Outreach. Consider making it a basic part of Swiss theme.
Do not turn off Search Engine Visibility under WP-ADMIN/Settings/Reading. Instead use the Password Protected plugin to require a password for business to view website under development. But leave the check for this setting in the Website Build Checklist.
Feed links and Emojis are disbaled in functions.php. Enable them if project requires this.
Card and horizontal layout chooser for blogs.
https://outreach.uga.edu/category/sbdc/
Search for News area
https://outreach.uga.edu/news/
People Block horizontal (contained in columns I think) and vertical.
https://outreach.uga.edu/contact/
https://outreach.uga.edu/give/
Under Banner Nav along with sticking to top.
https://outreach.uga.edu/about/
https://service-learning.uga.edu/community-engagement/campus-kitchen/
Team Directory with archive-team.php rather than a block added to a page which is the basic setup for smaller listings. This is for larger team listings.
https://outreach.uga.edu/team/
https://dev.rocquett.com/service-learning/team/
Add fixed class to main nav rather than using Mega Sticky.
https://outreach.uga.edu/team/
Tag pages – similar to Category for use wher a more in depth blog might require.
https://outreach.uga.edu/tag/archway-partnership/
Special Blog with Featured Stories Slider
https://outreach.uga.edu/news/
Single page layout
https://outreach.uga.edu/uga-cyberarch-students-play-crucial-role-in-making-cybersecurity-impact/
Author and Contact Fields with Options for Guests and Users
https://outreach.uga.edu/uga-provides-tools-for-rural-community-engagement-and-economic-success/
List a story in blog that redirects to another page such as for Outreach magazine. Redirect is in htaccess but the article and featured image need to live as a blog post to show up in News. Includes a settup for the home page news as well. All based on a rediretc of the URL for the post. In all other ways it’s a simple blog/news post.
https://outreach.uga.edu/outreach-magazine-redirect/
Horizontral Reveal – As seen on Ray Olson. Requires GSAP
https://dev.rocquett.com/rayolson/
Video or content section with Reveal
https://dev.rocquett.com/rayolson/