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 (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2021-04-22T02:22:47.000Z (over 3 years ago)
• Last Synced: 2024-10-29T22:51:59.244Z (about 2 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: 5
• 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

```