josantonius / wp_menu
Add menu or submenu page in WordPress.
Requires
- php: ^5.6 || ^7.0
Requires (Dev)
- dealerdirect/phpcodesniffer-composer-installer: ^0.4.3
- friendsofphp/php-cs-fixer: ^2.3 || ^2.8
- phpmd/phpmd: ^2.6
- phpunit/phpunit: ^5.7 || ^6.0
- squizlabs/php_codesniffer: ^3.2.2
- wp-coding-standards/wpcs: ^0.14
README
Add menu or submenu page in WordPress.
- Requirements
- Installation
- Available Methods
- Quick Start
- Usage
- Action Hooks
- Tests
- TODO
- Contribute
- Repository
- License
- Copyright
Requirements
This library is supported by PHP versions 5.6 or higher and is compatible with HHVM versions 3.0 or higher.
Installation
The preferred way to install this extension is through Composer.
To install WP_Menu library, simply:
$ composer require Josantonius/WP_Menu
The previous command will only install the necessary files, if you prefer to download the entire source code you can use:
$ composer require Josantonius/WP_Menu --prefer-source
You can also clone the complete repository with Git:
$ git clone https://github.com/Josantonius/WP_Menu.git
Or install it manually:
$ wget https://raw.githubusercontent.com/Josantonius/WP_Menu/master/src/class-wp-menu.php
Available Methods
Available methods in this library:
- Add WordPress menu/submenu:
WP_Menu::add($type, $data, $function, $styles, $scripts);
Atttribute | Description | Type | Required | Default |
---|---|---|---|---|
$type | 'menu' or 'submenu' | string | Yes |
Atttribute | key | Description | Type | Required | Default |
---|---|---|---|---|---|
$data | Settings | array | Yes | ||
name | Menu/Submenu name | string | Yes | ||
slug | Menu/Submenu slug | string | Yes | ||
title | Menu/Submenu title | string | No | $data['name'] | |
capability | Capability required | string | No | 'manage_options' | |
icon_url | Only for menus - The URL to the icon to be used for this menu. Pass a base64-encoded SVG using a data URI, which will be colored to match the color scheme. This should begin with 'data:image/svg+xml;base64,'. Pass the name of a Dashicons helper class to use a font icon, e.g. 'dashicons-chart-pie'. Pass 'none' to leave div.wp-menu-image empty so an icon can be added via CSS. | string | No | '' | |
position | Only for menus - The position in the menu order this one should appear. | int | No | null | |
parent | Only for submenus - The slug name for the parent menu | string | Yes |
Atttribute | Description | Type | Required | Default |
---|---|---|---|---|
$function | Function to be called to output | callable | No | false |
Atttribute | Description | Type | Required | Default |
---|---|---|---|---|
$styles | Function to be called to load page styles | callable | No | false |
Atttribute | Description | Type | Required | Default |
---|---|---|---|---|
$scripts | Function to be called to load page scripts | callable | No | false |
@return (boolean)
Quick Start
To use this library with Composer:
require __DIR__ . '/vendor/autoload.php'; use Josantonius\WP_Menu;
Or If you installed it manually, use it:
require_once __DIR__ . '/class-wp-menu.php'; use Josantonius\WP_Menu\WP_Menu;
Usage
- Set menu params:
$params = [ 'slug' => 'searchinside-options', 'name' => __('Search Inside', 'search-iniside'), 'title' => __('Search Inside', 'search-iniside'), 'capability' => 'manage_options', 'icon_url' => '//searchinside-menu-admin.png', 'position' => 25, ];
- Add menu:
Add menu without associated method.
WP_Menu::add( 'menu', $params );
Add menu with associated method for output.
WP_Menu::add( 'menu', $params, [$this, 'run_page'] );
Add menu with associated methods for output and styles.
WP_Menu::add( 'menu', $params, [$instance1, 'run_page'], [$instance3, 'load_styles'] );
Add menu with associated methods for output, styles and scripts.
WP_Menu::add( 'menu', $params, [$instance1, 'run_page'], [$instance3, 'load_styles'], [$instance3, 'load_scripts'] );
Add menu with associated methods for output and scripts.
WP_Menu::add( 'menu', $params, [$instance1, 'run_page'], false, [$instance3, 'load_scripts'] );
- Set submenu params:
$params = [ 'slug' => 'searchinside-options', 'parent' => 'searchinside-options', 'name' => __('Options', 'search-iniside'), 'title' => __('Options', 'search-iniside'), 'capability' => 'manage_options', ];
- Add submenu:
Add submenu without associated method:
WP_Menu::add( 'submenu', $params );
Add submenu with associated method for output.
WP_Menu::add( 'submenu', $params, [$this, 'run_page'] );
Add submenu with associated methods for output and styles.
WP_Menu::add( 'submenu', $params, [$instance1, 'run_page'], [$instance3, 'load_styles'] );
Add submenu with associated methods for output, styles and scripts.
WP_Menu::add( 'submenu', $params, [$instance1, 'run_page'], [$instance3, 'load_styles'], [$instance3, 'load_scripts'] );
Add submenu with associated method for output and scripts.
WP_Menu::add( 'submenu', $params, [$instance1, 'run_page'], false, [$instance3, 'load_scripts'] );
- Advanced example:
class Sample_Class { public function __construct() { add_action( 'wp_menu_pre_add_menu_page', [ $this, 'before_add_menu' ] ); add_action( 'wp_menu_after_add_menu_page', [ $this, 'after_add_menu' ] ); add_action( 'wp_menu_pre_add_submenu_page', [ $this, 'before_add_submenu' ] ); add_action( 'wp_menu_after_add_submenu_page', [ $this, 'after_add_submenu' ] ); } public function run_page() { echo 'Response from run_page method'; } public function add_styles() { echo 'Response from add_styles method'; } public function add_scripts() { echo 'Response from add_scripts method'; } public function before_add_menu() { echo 'Response from wp_menu_pre_add_menu_page action'; } public function after_add_menu( $hook_suffix ) { echo 'Response from wp_menu_after_add_menu_page action'; echo 'Hook suffix: ' . $hook_suffix; } public function before_add_submenu() { echo 'Response from wp_menu_pre_add_submenu_page action'; } public function after_add_submenu( $hook_suffix ) { echo 'Response from wp_menu_after_add_submenu_page action'; echo 'Hook suffix: ' . $hook_suffix; } } $sample_class = new Sample_Class(); /** * Add menu */ $params = [ 'slug' => 'plugin-options', 'name' => __( 'Plugin Name', 'plugin-slug' ), 'title' => __( 'Plugin Title', 'plugin-slug' ), 'capability' => 'manage_options', 'icon_url' => '//searchinside-menu-admin.png', 'position' => 25, ]; WP_Menu::add( 'menu', $params, [ $sample_class, 'run_page' ], [ $sample_class, 'add_styles' ], [ $sample_class, 'add_scripts' ] ); /** * Add submenu */ $params = [ 'slug' => 'sub-plugin-options', 'parent' => 'plugin-options', 'name' => __( 'Plugin Name', 'plugin-slug' ), 'title' => __( 'Plugin Title', 'plugin-slug' ), 'capability' => 'manage_options', ]; WP_Menu::add( 'submenu', $params, [ $sample_class, 'run_page' ], [ $sample_class, 'add_styles' ], [ $sample_class, 'add_scripts' ] ); # When do_action('admin_menu'); // Response from wp_menu_pre_add_menu_page action // Response from wp_menu_pre_add_submenu_page action // Response from wp_menu_after_add_menu_page action // Response from wp_menu_after_add_submenu_page action // Hook suffix: load-toplevel_page_plugin-options // Hook suffix: plugin-name_page_sub-plugin-options # When do_action('toplevel_page_plugin-options'); // Executed only if access the page associated with this menu. // Response from run_page method # When do_action('plugin-name_page_sub-plugin-options'); // Executed only if access the page associated with this submenu. // Response from run_page method # When do_action('load-toplevel_page_plugin-options'); // Executed only if access the page associated with this menu. // Response from add_styles method // Response from add_scripts method # When do_action('load-plugin-name_page_sub-plugin-options'); // Executed only if access the page associated with this submenu. // Response from add_styles method // Response from add_scripts method
Action hooks
Action | Description | Parameters |
---|---|---|
wp_menu_pre_add_menu_page | Before adding menu. | |
wp_menu_after_add_menu_page | After adding menu. | $page Resulting page's hook_suffix, or false. |
wp_menu_pre_add_submenu_page | Before adding submenu. | |
wp_menu_after_add_submenu_page | After adding submenu. | $page Resulting page's hook_suffix, or false. |
Tests
To run tests you just need composer and to execute the following:
$ git clone https://github.com/Josantonius/WP_Menu.git
$ cd WP_Menu
$ bash bin/install-wp-tests.sh wordpress_test root '' localhost latest
$ composer install
Run unit tests with PHPUnit:
$ composer phpunit
Run WordPress code standard tests with PHPCS:
$ composer phpcs
Run PHP Mess Detector tests to detect inconsistencies in code style:
$ composer phpmd
Run all previous tests:
$ composer tests
☑ TODO
- Add new feature.
- Improve tests.
- Improve documentation.
- Create tests for when user don't have capabilities to access page.
- Refactor code for disabled code style rules. See phpmd.xml and .php_cs.dist.
Contribute
If you would like to help, please take a look at the list of issues or the To Do checklist.
Pull requests
- Fork and clone.
- Run the command
composer install
to install the dependencies. This will also install the dev dependencies. - Run the command
composer fix
to excute code standard fixers. - Run the tests.
- Create a branch, commit, push and send me a pull request.
Repository
The file structure from this repository was created with PHP-Skeleton.
License
This project is licensed under MIT license. See the LICENSE file for more info.
Copyright
2017 - 2018 Josantonius, josantonius.com
If you find it useful, let me know 😉