Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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: about 1 month ago
JSON representation
🕋 Simple Wordpress Theme with PWA
- Host: GitHub
- URL: https://github.com/r17x/Mesjid-WPMWA
- Owner: r17x
- Created: 2018-02-07T02:36:55.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2021-04-22T02:22:47.000Z (over 3 years ago)
- Last Synced: 2024-05-12T06:42:27.033Z (4 months ago)
- Topics: frontend, fullstack, optimize, tailwindcss, weboptimize, website, wordpress, wp-plugins, wp-theme
- Language: CSS
- Homepage:
- Size: 11.2 MB
- Stars: 29
- Watchers: 4
- Forks: 6
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
Awesome Lists containing this project
- awesome-made-by-indonesian - Mesjid-WPMWA - `Simple Wordpress Theme with PWA` *by [RiN](https://github.com/ri7nz)* (M)
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
```