IshYoBoy - LOOKIN' FO' DESIGN? TEMPLATE? THEME?
PREMIUM WORDPRSS THEMES & PLUGINS

Web: ishyoboy.com
Twitter: @ishyoboydotcom

Thank you for purchasing one of our items.
We really appreciate it.

Support requests:
http://support.ishyoboy.com/

Any questions in general:
hello@ishyoboy.com

Documentation

Wert HTML - Different Portfolio HTML Template

Table of contents
  1. General overview
  2. Instructions - Basic users
  3. Instructions - Advanced users
  4. Credits
  5. Change-log
1. General overview

Before you can start enjoying your new theme, let's see what it includes:

  • Documentation.zip - You are currently reading the file in it
  • Template.zip - The sources and the build for of the template
    • dist - Template files ready to be used - this is all you need
    • src - Source files necessary to build the template into the dist folder - for nerds and developers only ;)
    • gulpfile.js - The main Gulp file defining all tasks and project's logic
    • package.json - The main NPM file defining back-end dependencies
    • bower.json - The main Bower file defining front-end dependencies
Top
2. Instructions - Basic users

To use the template just use the files available in the Template/dist/ folder. They are final and ready to be used on your web server.

The files can be copied to your web-hosting server via FTP or any other way your hosting provider suggests. For more information and exact instructions, contact your hosting provider's support team.

To view the website, open the index.html file. The content can be edited by manually replacing the content inside each of the html files.

Top
3. Instructions - Advanced users

This Template uses Node.js, Bower and Gulp to make it easy to change, process and build the template.

1. Installation & initial setup

Before you can customize the template you must download and install Node.js (Cross-platform JavaScript runtime engine/environment) which includes npm (node package manager). Also make sure that Git is installed as some packages require it.

Then from the command line install all packages defined in package.json by entering command: 

npm install

Once done, install Bower. It depends on Node.js and npm. 

npm install -g bower

And download all necessary plugins defined inside bower.json file: 

bower install

When all dependencies and plugins are installed without errors you can use the default gulp tasks to build the template into the dist folder and run file watchers.

2. Editing & modifying the template

The following files and folders can be found inside the source folder:

  • Template/src/
    • html - All HTML files
    • img - All images
    • js - JavaScript Files
      • main.js - handling all JS functionality
    • scss - CSS Styles
      • style.scss - Main SCSS file combining all partial files
      • _*.scss - partial SCSS files
    • font - Fonts used in the template
    • fonts.list - Configuration file containing Google Font name
    • config.json - Fontello.com configuration file

Running the default gulp tasks will compile, minify and combine all css, javascript and font files. It will also copy all images, fonts, html files and vendor scripts to the "dist" folder. The dist folder is then ready to be moved to production.

4. Credits

The following fonts, icons and other third party assets were used:

Fonts
Iconic Fonts
Javascript 3rd-party plugins
Images & other assets
Top
6. Change-log

1.0 Initial Version

Top
ishyoboy.com - Thank you again! Top