Skip to content
An Inti Foundation child theme, like inti-kitchen-sink but built for Advanced Custom Fields
PHP CSS JavaScript HTML
Branch: master
Clone or download

Latest commit

Fetching latest commit…
Cannot retrieve the latest commit at this time.

Files

Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
framework
languages
library/src
loops
page-templates
post-formats
template-parts
.gitignore
CHANGELOG.md
LICENSE
README.md
acf-export-2020-03-11.json
bower.json
config.yml
footer.php
front-page.php
functions.php
gulpfile.babel.js
header.php
index.php
package-lock.json
package.json
screenshot.png
style.css

README.md

acf-starter

GitHub version

An Inti Foundation 1.9 child theme, like inti-kitchen-sink but built for Advanced Custom Fields Pro. Uses Foundation 6.6. Works with ACF Repeatable fields and/or Gutenberg blocks.

Built for Foundation 6.4.x and the XY Grid

Inti Foundation is a WordPress parent theme that uses Foundation for Sites 6.4, the most advanced responsive front-end framework in the world. Foundation for Sites 6.4, unlike earlier versions, uses a flexbox based grid system called XY Grid.

Built for Advanced Custom Fields Pro (ACF)

ACF PRO is a WordPress plugin that allows developers to rapidly develop backends with complex custom fields without having to manually code them or their interfaces.

Description

Getting Started

Gulp

Inti Foundation and its child themes come configured with a Gulp file that will compile your Sass and javascript changes for you with its watch function. (If your workflow doesn’t include Gulp, please review this file to see what library elements need to be compiled into a final CSS file with your own tools).

To begin:

  • Modify config.yml file for your setup, then run:
  • npm install
  • gulp build
  • gulp default, a new browser window will open pointing to a BrowserSync server displaying the WordPress installtion (via BrowserSync).

Overwriting parent theme functions with custom files or by unhooking then hooking new functions

All php code is run from the Inti class in the parent theme. This looks for the individual php files to be include and includes them if found. You can either:

  • Bypass these parent theme php files with your own with the same name in the same directory structure
  • Include new files, i.e. /framework/shortcodes/child-shortcodes.php and include them in functions.php

From functions.php

locate_template() will first check the child theme for a file in that location, and if not found, will search the parent theme. Override parent theme files by giving the child theme versions the same name, set a unique name or add a prefix to load them in addition to parent theme files.

Options

You must install ACF PRO. Download here. You can then import the include JSON settings file to experiement with example content blocks using ACF PRO layouts. If you'd perfer to avoid premium plugins, see inti-kitchen-sink

The theme can be also configured, and more options can be added as you develop your own theme, with either an Options page or with Customizer in live preview mode. Both methods have been added by default in Inti Foundation so that you can choose which you'd prefer to you for your own options. By default, options that are more to do with global settings have been added to an Options page called "Inti Options" and options that are more to do with visual elements have been added in Customizer. Feel free to modify these as you see fit.

Have a look around and set the options activate elements in the theme. Perhaps the most important area is found in the Customizer and relates to the header area.

Header / 'Site Banner'

In Inti Foundation we call the header area is made up of two parts. The menu and the 'site banner'. The site banner is a wrapper that is home to a number of elements that can be turned on and off, or customized in the Customizer. Upload a logo, turn on and off the site name and description, etc.

The inti-kitchen-sink child theme expands on this with a number of template parts that contain variations of the header with different or additional elements or changes in position. Coupled with the numerous hooks before, after and inside each element wrapper, it's easy to change one of the most important parts of the site.

Menus

The menu will appear in the theme when a menu is created and added to one of the three menu areas that exist by default in the theme. These are the main menu, the mobile menu (which is usually just the same menu) and the footer menu (which is usually single-level)

Functionality switches

Each part of the theme, from default post types, to menu areas, to template files, to minor functions like the breadcrumps can be switched on and off with WordPress's add_theme_support() in functions.php

To make use of Inti Foundation's features as well as its styles and Foundation settings, please refer to the other example theme, Basic Starter

Changing Parent Theme functionality from Child Theme

Please visit this link for a guide on how to deactivate and add to the parent theme features and templates in the child theme.

Documentation

Slowly but surely more complete documentation is being set up at here.

Contributing

Please do leave comments, post new issues and make pull requests. Any form of contribution is welcome. You can also get in touch here: stuart (at) waqastudios.com

You can’t perform that action at this time.