From the Theme options, you can configure the social buttons: Twitter, GitHub, LinkedIn, Wordpress, PayPal donation, Instagram, Flickr, YouTube. You can decide to display them in the footer as in the following image.
The social buttons can be also displayed anywhere using the shortcode
[social-links] as a series of icons, or using the shortcode
[social-links-list] to show as a list of links.
You can build a portfolio like the following one:
In order to make a similar one, follow the example in portfolio_test.html
Each title is modified to add a hash character, that let sections of a post to be easily referenced.
The theme is based on Sage, a WordPress starter theme based on HTML5 Boilerplate, gulp, Bower, and Bootstrap Sass.
Make sure all dependencies have been installed before moving on:
themes/your-theme-name/ # → Root of your Sage based theme ├── app/ # → Theme PHP │ ├── Controllers/ # → Controller files │ ├── admin.php # → Theme customizer setup │ ├── filters.php # → Theme filters │ ├── helpers.php # → Helper functions │ └── setup.php # → Theme setup ├── composer.json # → Autoloading for `app/` files ├── composer.lock # → Composer lock file (never edit) ├── dist/ # → Built theme assets (never edit) ├── node_modules/ # → Node.js packages (never edit) ├── package.json # → Node.js dependencies and scripts ├── resources/ # → Theme assets and templates │ ├── assets/ # → Front-end assets │ │ ├── config.json # → Settings for compiled assets │ │ ├── build/ # → Webpack and ESLint config │ │ ├── fonts/ # → Theme fonts │ │ ├── images/ # → Theme images │ │ ├── scripts/ # → Theme JS │ │ └── styles/ # → Theme stylesheets │ ├── functions.php # → Composer autoloader, theme includes │ ├── index.php # → Never manually edit │ ├── screenshot.png # → Theme screenshot for WP admin │ ├── style.css # → Theme meta information │ └── views/ # → Theme templates │ ├── layouts/ # → Base templates │ └── partials/ # → Partial templates └── vendor/ # → Composer packages (never edit)
composer installfrom the theme directory to install PHP dependencies
yarnfrom the theme directory to install dependencies
devUrlshould reflect your local development hostname
publicPathshould reflect your WordPress folder structure (e.g.
yarn start— Compile assets when file changes are made, start Browsersync session
yarn build— Compile and optimize the files in your assets directory
yarn build:production— Compile assets for production