Thank you for purchasing this template. We covered almost everything in this document that how easily you can set up. If you have any questions that
are beyond the scope of this help file, please feel free to contact us.
Paper Knowlegebase is using partials folder to inject some common html files like header and
footer.
_head.html |
Basic HTML meta tags and everything that could be in <head></head> |
|---|---|
_foot.html |
Body & wrapper close |
_header.html |
Main Navigation or menu |
_header.html |
Responsible for site pre header |
_footer.html |
Footer of your site. |
_script.html |
Responsible for all site scripts |
You may need following things to get started. Please download and install
dependencies
You will need to remove your current gulp global package before installing v4 in order to
do an upgrade.
Note: The $ shows the command is to be run on the
command line and shouldn’t be typed
$ npm rm -g gulp
$ npm install -g gulp-cliThis command removes your current global package and installs v4 from the gulp-cli 4.0
branch.
Make sure you don’t get any errors from the first command before you type the second.
Depending on your set-up, you may need to run them with sudo.
To verify what version you have installed globally, you can run the below command (and
should see a similar output)
$ gulp -v
CLI version 1.2.1It’s time to open Paper HTML app folder to your favorite editor. It’s easy to use an
editor which have terminal. Like VS Code or PhpStrom
First of all install all node modules by using this command:
$ npm install
After all node modules installation completed run
gulp watchgulp watch will create a temporary folder with name of tmp
only change content in src folder tmp folder is just for preview.
After all changes you need to create production version of your product
$ gulp production
If you want a minified version then run
$ gulp production-minAbove command will create a new folder “dist” it will be fully optimized. It will
compress and minify all of your html, css and js files. You can copy folder to your ftp
or framework to use it.
$ gulp deployTo make an item sticky add sticky class
<div class="sticky">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium ad architecto asperiores dolor ea exercitationem hic ipsam iusto maiores natus nulla numquam perspiciatis quasi quis recusandae, reiciendis rerum similique ut.
</div>