This section is styled using LIGHT 1:
Heading 1 regular
Heading 1 in italics
Heading 1 in bold
Heading 2 regular
Heading 2 in italics
Heading 2 in bold
Heading 3 regular
Heading 3 in italics
Heading 3 in bold
Heading 4 regular
Heading 4 in italics
Heading 4 in bold
Preview of Paragraph 1 text. And a link. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Preview of Paragraph 2 text. And a link. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Preview of Paragraph 3 text. And a link. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
This section is styled using DARKEST 1:
Heading 1 regular
Heading 1 in italics
Heading 1 in bold
Heading 2 regular
Heading 2 in italics
Heading 2 in bold
Heading 3 regular
Heading 3 in italics
Heading 3 in bold
Heading 4 regular
Heading 4 in italics
Heading 4 in bold
Preview of Paragraph 1 text. And a link. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Preview of Paragraph 2 text. And a link. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Preview of Paragraph 3 text. And a link. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
This section is styled using DARK 1:
Heading 1 regular
Heading 1 in italics
Heading 1 in bold
Heading 2 regular
Heading 2 in italics
Heading 2 in bold
Heading 3 regular
Heading 3 in italics
Heading 3 in bold
Heading 4 regular
Heading 4 in italics
Heading 4 in bold
Preview of Paragraph 1 text. And a link. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Preview of Paragraph 2 text. And a link. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Preview of Paragraph 3 text. And a link. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
This section is styled using BRIGHT 1:
Heading 1 regular
Heading 1 in italics
Heading 1 in bold
Heading 2 regular
Heading 2 in italics
Heading 2 in bold
Heading 3 regular
Heading 3 in italics
Heading 3 in bold
Heading 4 regular
Heading 4 in italics
Heading 4 in bold
Preview of Paragraph 1 text. And a link. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Preview of Paragraph 2 text. And a link. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Preview of Paragraph 3 text. And a link. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
This section is styled using BRIGHT 2:
Heading 1 regular
Heading 1 in italics
Heading 1 in bold
Heading 2 regular
Heading 2 in italics
Heading 2 in bold
Heading 3 regular
Heading 3 in italics
Heading 3 in bold
Heading 4 regular
Heading 4 in italics
Heading 4 in bold
Preview of Paragraph 1 text. And a link. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Preview of Paragraph 2 text. And a link. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Preview of Paragraph 3 text. And a link. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
This section is styled using LIGHT 1:
Heading 1 regular
Heading 1 in italics
Heading 1 in bold
Heading 2 regular
Heading 2 in italics
Heading 2 in bold
Heading 3 regular
Heading 3 in italics
Heading 3 in bold
Heading 4 regular
Heading 4 in italics
Heading 4 in bold
Preview of Paragraph 1 text. And a link. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Preview of Paragraph 2 text. And a link. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Preview of Paragraph 3 text. And a link. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
How to Restyle this Template for a New Client
PAGES AND BLOCKS:
Style the custom footer
For newsletter subscriptions, consider whether you want to use a button that loads the Mail Chimp form (a good choice if it’s a community-based site and you want to capture more info than just email address so that you can use it to begin direct marketing campaigns around particular topic a subscriber might opt into) OR the standard SS newsletter block
If you use the newsletter block, be sure to set up a post-submit redirect to a custom page (use #lightbox to make it a pop-up, if it makes sense) thanking them for subscribing, reminding them to keep an eye out for the confirmation email, and offering them a few options for where to go next on the site.
Consider whether you need to set up any Zaps as part of this configuration
Style the custom 404 page
Style the custom contact page
CUSTOM CODE:
Add some custom CSS to help nicely style the
summary blocks (see YTFG),
hyperlink styles (with help from Becca Harpain),
buttons (see NCCFWB, which was actually done using Squarekicker, but I can also use the CSS Cheat Sheet and W3 Reference guide to create a similar transition effect),
etc!
Use the CSS tools provided by Lightbox Anything to customize the lightbox styles to match the brand
The code injection area also includes the scripts for the following plug-ins:
Will Myers’ Accordions
Be sure to review and update the Accordions plug-in’s customization options
Will Myers’ Mega Menus
Be sure to review and update the Mega Menus plug-in’s customization options
Square Websites Universal Filter
This has been installed in the blog page’s injection header. IMPORTANT: Because I have added this code on a Blog page—as opposed to on a page with a summary block—it will load ALL the articles on one page without the need to also add the SW Lazy Summaries plug-in. This appraoch also works with EVENTS pages.
Be sure to to review the Universal Filter plug-in’s customization options
When you are done designing the site, copy and paste all the custom page injections into the block on the Guide page, including site header, site footer, and any individual pages that happen to include code injection (such as the blog page’s Universal Filter code)
When you are done designing the site, copy and paste all the custom CSS into the block on the Guide page
If you make updates to the code on the site after launch, be sure to update the code on the site’s Guide page, too.
BLOG:
Style the blog post page template(s)
Produce a set of branded banner-size background images that can be used as thumbnail images in blog posts that might not otherwise need/have a feature image.
GUIDE:
Record QuickTime screen capture walk-through videos that you can link out from the Guide page. They can be hosted on my YouTube Channel OR I can consider using a paid Loom subscription:
How to produce blog posts
How to produce email newsletters that publicize blog posts
etc.
ASSETS:
Set up folders to contain images that will be uploaded during the build and after launch