https://github.com/misiura-codes/wordpress-starter
https://github.com/misiura-codes/wordpress-starter
css html html5 javascript js sass wordpress wordpress-theme
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/misiura-codes/wordpress-starter
- Owner: misiura-codes
- Created: 2020-02-02T16:06:46.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2024-09-11T11:45:45.000Z (almost 2 years ago)
- Last Synced: 2025-01-08T10:10:02.567Z (over 1 year ago)
- Topics: css, html, html5, javascript, js, sass, wordpress, wordpress-theme
- Language: PHP
- Size: 809 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 10
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Before start
---------------
* Do mass change-replace " **theme_text_domain** " to your new theme text domain;
* Run ```npm i``` in your command line;
* Don't forget to change data in **style.css**
* In **webpack.mix.js** set **proxy** const to your virtial domain address;
* Don't forget start your web server before ```npm run watch```;
* Uncomment **WooCommerce** support in functions/setup - line 40 if needed
What's included?
---------------
* **Laravel Mix** for building assets & browsersync for live realod
* Theme also has JS object that could be used in javascript:
* theme - main object
* **ajax** - url for admin-ajax.php file (when you're using own actions in functions.php),
* **ajax_nonce** - nonce for javascript info (like when sending forms etc...)
* **endpoint** - wordpress api main endpoint,
* **rtl** - returns true|false if is RTL
* **Bootstrap** (grid)
* **SweetAlert 2 (CDN)** - modal\alert windows;
* **WebFont.js (CDN)** - loading google fonts;
* **RFS (Responsive Font size)** - auto scaling font-size for responsiveness;
A few advices
---------------
* For page templates use template-*.php page templates naming
* Assets has two sub folders
- build - all compiled sass/js/images/fonts goes here
- theme - use it for your source files
- sass/settings folder will help you to setup params for your project
* **SASS** - try to divide your blocks into components
Commands
---------------
* ```npm run watch``` - start virtual server with browsersync proxy & live reload
* ```npm run production``` - build assets
Actions
---------------
* ```after_body_open``` - right after BODY tag open;
* ```before_body_close``` - right before BODY tag close;
Wordpress Recommended plugins
---------------
List of plugins could be [found here](https://github.com/Ar-Mind/wordpress-plugins)
[Wordpress Templates Hierarchy](https://developer.wordpress.org/files/2014/10/Screenshot-2019-01-23-00.20.04.png)
---------------
