Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/r17x/mesjid-wpmwa

🕋 Simple Wordpress Theme with PWA
https://github.com/r17x/mesjid-wpmwa

frontend fullstack optimize tailwindcss weboptimize website wordpress wp-plugins wp-theme

Last synced: 2 months ago
JSON representation

🕋 Simple Wordpress Theme with PWA

Awesome Lists containing this project

README

        

## Wordpress Theme
- **Wordpress Basic Template hierarchy**
- [**Tailwindcss With Gulp**](https://github.com/dev-makassar/Tailwindcss-Starterkit)
- **Basic PWA | Progressive Web Apps | include Offline & Cache Management**
- [**Audit**](#audit)
- [**Theme Feature**](#feature)
- [**Preview Theme**](#preview-theme)
- [**Install**](#how-to-add-this-theme-on-your-wordpress-theme)
- [**For Development**](#for-development)
- [**DEMO**](https://alghaffar.suarabaru.com/)
### Feature
- ![themes options](https://github.com/ri7nz/Mesjid/blob/master/docs/Selection_225.png)
- ![Unactive PWA](https://github.com/ri7nz/Mesjid/blob/master/docs/Selection_226.png)
- ![Default PWA](https://github.com/ri7nz/Mesjid/blob/master/docs/Selection_227.png)
- ![Prefetch](https://github.com/ri7nz/Mesjid/blob/master/docs/Selection_228.png)
- ![Preload](https://github.com/ri7nz/Mesjid/blob/master/docs/Selection_229.png)
- ![Dns prefetch](https://github.com/ri7nz/Mesjid/blob/master/docs/Selection_230.png)
### Audit
- **Server** _Centos 7 PHP5.6 Apache With Web Server Optimize Software | Provision_ [**Kusanagi**](https://en.kusanagi.tokyo/)
- **First Audit**
![first audit](https://github.com/ri7nz/Mesjid/blob/master/docs/lighthouse-audit-first.png)
- **Second Audit**
![first audit](https://github.com/ri7nz/Mesjid/blob/master/docs/lighthouse-audit-second.png)

### Preview Theme
- Laptop Screen
![Laptop](https://github.com/ri7nz/Mesjid/blob/master/docs/laptop.png)
- Phone Landscape Screen
![Phone Landscape](https://github.com/ri7nz/Mesjid/blob/master/docs/phone-landscape.png)
- Phone Potrait Screen
![Phone Potrait](https://github.com/ri7nz/Mesjid/blob/master/docs/phone-SamsungS5.png)

#### How to implement tailwindcss into Wordpress Theme/Template
- Coming soon !
#### How To Add This Theme On Your Wordpress Theme
- Clone & Setup
```sh
$ cd your_wordpress_project
$(your_wordpress_project) cd wp-content/themes && git clone https://github.com/ri7nz/Mesjid.git
```

- Go To Dashboard(wp-admin) -> apperance -> themes -> find Mesjid & Activate
#### For Development
```sh
$ cd your_wordpress_project/wp-content/themes/Mesjid
# required NPM (Node Package Manage)
$ (mesjid) npm install
$ gulp style # compile scss with tailwindcss
$ gulp # if you still coding UI
```