Skip to content

A WordPress plugin which provides distraction free viewing mode to the website users. This plugin will provide a platform to your site users to view the articles or posts in a dual full screen view. There will not be any advertisements which can distract your site users from reading your well written article or post.

License

Notifications You must be signed in to change notification settings

mehul0810/wp-distraction-free-view

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

WP Distraction Free View 💚

This WordPress plugin will help you achieve a distraction free view for your pages, posts and custom post types.


👉🏻 Not a developer? Running WordPress? Download WP Distraction Free View on WordPress.org.

WordPress version WordPress Rating WordPress Downloads License

Welcome to the GitHub repository for "WP Distraction Free View" WordPress Plugin. This is the core repository and heart of an ecosystem of active development. Here you can browse the source, look at open issues, and contribute to the project.

Happy Coding!

🙋 Support

This repository is not suitable for support. Please don't use GitHub issues for non-development related support requests. Don't get us wrong, we're more than happy to help you! However, to get the support you need please use the following channels:

🌱 Getting Started

If you're looking to contribute or actively develop on the plugin, Welcome! We're glad you're here. Please ⭐️ this repository and fork it to begin local development.

Most of us are using Local by Flywheel to develop on WordPress, which makes set up quick and easy. If you prefer Docker, VVV, or another flavor of local development that's cool too!

✅ Prerequisites

  • Node.js as JavaScript engine
  • NPM npm command globally available in CLI

💻 Local Development

To get started developing on the WP Distraction Free View, you will need to perform the following steps:

  1. Create a new WordPress site with any URL
  2. cd into your local plugins directory: /path/to/wp-content/plugins/
  3. Fork this repository from GitHub and then clone that into your plugins directory in a new wp-distraction-free-view directory
  4. Run npm install to get the necessary npm packages
  5. Activate the plugin in WordPress
  6. Run npm run watch to start the watch process which will build the sass and script files

That's it. You're now ready to start development.

Available commands

Command Description
npm run watch Live reloads JS and SASS files. Typically you'll run this command before you start development. It's necessary to build the JS/CSS however if you're working strictly within PHP it may not be necessary to run.
npm run dev Runs a one time build for development. No production files are created.
npm run production Builds the minified production files for release.

Development Notes

  • Ensure that you have SCRIPT_DEBUG enabled within your wp-config.php file. Here's a good example of wp-config.php for debugging:
     // Enable WP_DEBUG mode
    define( 'WP_DEBUG', true );
    
    // Enable Debug logging to the /wp-content/debug.log file
    define( 'WP_DEBUG_LOG', true );
    
    // Loads unminified core files
    define( 'SCRIPT_DEBUG', true );
    
  • Commit the package.lock file. Read more about why here.
  • Your editor should recognize the .eslintrc and .editorconfig files within the Repo's root directory. Please only submit PRs following those coding style rulesets.

About

A WordPress plugin which provides distraction free viewing mode to the website users. This plugin will provide a platform to your site users to view the articles or posts in a dual full screen view. There will not be any advertisements which can distract your site users from reading your well written article or post.

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published