Skip to content

Latest commit

 

History

History
64 lines (49 loc) · 1.57 KB

README.md

File metadata and controls

64 lines (49 loc) · 1.57 KB

Template PHP and HTML CSS JS project

This is an HTML project, based in PHP for including the files for quick publish the HTML files

Install

  • Run yarn to install dependency
  • Run yarn watch to watch SCSS files changed
  • Run yarn compressed to compress the CSS file
  • Run yarn build to build HTML files in ./build/export-html

Files & Folders

  • assets contain SCSS, CSS, Images, JS files
  • includes contain included PHP functions file
  • templates-parts contain part of PHP files you can call the PHP files in this folder by template_parts function with an array variable params.
  • build.sh to generate HTML files in ./build folder
  • package.json

Development

Just clone and do whatever you want with PHP and SCSS files.
For example, I have a template named templates/list-post.php so in index.php file we can call the template and passing data look like this.

template_part('list-post', [
    'data' => [
        [
            'title' => 'post 1',
            'description' => 'Description 1'
        ],
        [
            'title' => 'post 2',
            'description' => 'Description 2'
        ],
        [
            'title' => 'post 3',
            'description' => 'Description 3'
        ]
    ]
]);

In template file templates-parts/list-post.php can use

if (isset($data)) {
    foreach ($data as $datum) {
        echo $datum['title'];
        echo $datum['description'];
    }
}

Change the styles please use *.scss in folder ./assets/scss

Contact developer


Email: kiemhd@outlook.com

Team: xdevlabs.com