Appropriate html file will be created in the location we have set previously. 
Click on Process File in order to compile the file. All pug files should be compiled to the root folder of the site. You may drag the entire folder to the projects section of Prepros. Go to the sources folder of the template package (be sure to unzip the sources zip file before that). Such compilation can be performed using the trial version of Prepros software. In general, pages should be compiled to the root folder of the website.Example of code used in the page: The pages/ folder contains page files for compilation. In general, sections should be included to the appropriate page (where particular section should be placed).Example of the include and section: The sections/ folder contains files with ready-made sections (slider, blog, gallery etc.). For example, the navigation is the same on all pages, sidebar can be the same on all pages. Content of those files is the same on all pages. The includes/ folder contains files with ready-made content that should be included to all pages. 
Components should be included to the pages that require components.Example of the code used in the component:
Each file has mixins to which different kinds of content are being passed as parameters (blurb, post). The components/ folder consists of files with file components.The file should be included to _skeleton.pug file.Example of the code used in the _config.pug file: Such elements can be included to any page or component. The _elements.pug file has mixins for elements (button, image, link etc.).
Such file contains different kinds of global variables (navigation, buy-link, callto-link, layout switcher etc.).
The _config.pug file is a configuration file. In most cases this applies to to the tags like, ,, contents of the tag and global includes used on every page ( _elements.pug, _config.pug).Example of the code used in the _skeleton.pug file: The _skeleton.pug file has code that should be included to all files. Please, note, that templates may have different files structure (some files like functions.pug, mixins.pug and folders may not be available specifically in your template). Typical structure of files inside the pug folder: Pug files allow editing website pages, scss files should be used for adjusting website styles. You can find the source files in the sources folder of your template (be sure to unzip the zip file with the source files). This tutorial shows how to work with CSS/HTML sources files (pug/scss) in our Multipurpose Website templates.
0 kommentar(er)
