This WordPress theme was created so that all of the National University affiliate info websites would have a standardized codebase to work with.
When building a new info site for an affiliate, the first step is to make a child theme of the info-theme
theme.
This will let you use the power of the full theme, while allowing customization where needed.
For information on how to setup this theme with node and gulp, see here.
- Gulp setup
src
folder is where your SASS/SCSS and JS file development should occurassets
folder and it's contents are generated by the gulp setup- Override the project URL by creating a file in the root of the theme
gulp.config.local.js
with an object containing your localprojectURL
- Gulp file setup
- Basic theme setup in
./inc/class-nusa-theme-setup
- ESLint and stylelint rules are based on our team and industry standards, do not change these.
- Widgets setup inside the theme. The files present are here as an example.
- Customizer setup. The project might not call for it, but again the files are here as example.
- Image optimization in Gulp: This should be done manually because you do not always want to apply the exact same optimization to all images. Refer to our dev tools for options.
The below numbers correspond to the Numbered Map, explaining what content in the admin changes what on the front end. While we tried to account for as much as possible, each affiliate’s info site will ultimately have its own unique requirements that may need to be added or removed as necessary. Please do not hesitate to ask if you have any questions.
- Sets the hero image background URL.
- Sets the gravity form that should display on the page.
- Sets the Quote.
- Sets the Quotee, or who said the quote.
- Optional, some pages have an extra line such as “Student, Class of 2020”.
- Content for the first column block.
- Content for the second column block.
- This will set custom content for the callout box. This column is normally the same throughout the site, and is set on a global level via #18 in the customizer. If not custom, leave empty.
- Set the awards, using the Media Library. Ignore “Awards - Compatibility”, this is for backwards compatibility on existing info sites.
- The
<h1>
of the page, the main hero tagline. Wrap the content in a<span>
element to dictate where the text breaks on mobile resolutions. E.G:<span>This Line Will Be</span> Separate From This Line On Mobile
. - The
<h2>
of the page, in the hero. The rule applies here as well. - Student name in the hero.
- Student title in the hero.
- This determines what programs are to display on the form, as some forms only have specific programs available to them.This will be up to the developer, as there are a few options:
- ( Preferred Method ) Create custom post type of
program
with a taxonomy ofdegree-type
.- This will always update the dropdown field on the frontend and the choices in the admin when making changes to the CPT’s.
- Fill out the drop down once and save it as a “Save as new custom choice”. 2. This will have to be manually updated each time.
- ( Preferred Method ) Create custom post type of
- Sets the global terms and conditions of the site.
- Sets the default form intro text, e.g. “Please complete the form below to get started today.”
- Sets the form that should display if no form is selected on a per-page basis.
- Sets the default “Callout” column content.
- Sets the global “Why Choose” column content.
Mike Estrada 💻 📆 👀 🚧 |
Alex Gamero 💻 🔧 |
Chris Maust 💻 ️️️️♿️ |
The Emoji Key ✨ (and Contribution Types) can be found on allcontributors.org