Keyboard shortcut/aliases for the WP CLI, Git, Grunt & PHPCS commands for windows

In development, We spend a lot of time on the command line. We type a lot of commands on regularly.

I have created a shortcut for the most of the commands which I use on a daily basis some of them are below:

WP CLI

Command Keyboard Shortcut/Aliases
wp theme list wpthl
wp plugin list wppll

Check all the available WP CLI commands etc. (all WP CLI commands list)

Example 1. Using shortcut wpthl instead of wp theme list

Example 2. Using shortcut wppll instead of wp plugin list

Some more commands with keyboard shortcuts/aliases are below:

Grunt

Command Keyboard Shortcut/Aliases
grunt release grr
grunt minify grm

PHPCS

Command Keyboard Shortcut/Aliases
phpcs pb
phpcbf pbf

Git

Command Keyboard Shortcut/Aliases
git add . gaa
git commit –message gcm
git checkout gco
git pull origin gpu
git push origin gpp
git status gs

To create keyboard shortcuts using aliases is very simple. We can create any command shortcut/aliases.

Follow below simple steps:

  1. Open the file .bashrc which is found in location  C:\Users\USERNAME\.bashrc and
  2. Add below sample commands of Git & Grunt.

I found the article Terminal/Bash Command-Line Shortcuts with Aliases written by @jonsuh to create keyboard shortcuts for the Terminal/Git Bash.

I have added some more commands of Grunt, WP CLI & PHPCS on my local environment.

Advertisements

For webpages using jQuery, will the Googlebot index them on “page load” or after the “page ready” state?

Will the Googlebot index a web page on “page load” or after the “page ready” state. The reason I’m asking is because I’m trying to change my h1 and h2 tags using jQuery on page Load?

Is this possible?

How to Redesign Your Website Without Losing Traffic or Sales

No matter how good your design is, eventually it will get old, and you’ll want to update it. Every time …
How to Redesign Your Website Without Losing Traffic or Sales
Courtesy of: Quick Sprout

Steve Bruner and Kevin Miller: Building Powerful Websites and Web Applications with Piklist

More ImportXML Cookbooks

5 Scrapers for the price of 1 blog post! Here’s a new collection of 64 new ImportXML formulas and 5 spreadsheets to jump start your scrape-fest.

Visit: http://www.seerinteractive.com/blog/more-importxml-cookbooks

Introducing MG Parallax Slider

MG Parallax Slider by Mahesh Waghmare [mwaghmare7@gmail.com][http://mgwebthemes.com]

Create parallax slider for your website. It provide ultimate admin panel for slide customization.

Visit http://wordpress.org/plugins/mg-parallax-slider/

How to Use

You can create slides using two ways.

  1. Use Framework Unlimited Slides: Goto MGPS Options -> Slides -> Add Slides and use shortcode [mgps-slider]
  2. OR
  3. Use MG Slider: Goto MG Slider -> Add New and use shortcode [mgps-slider-post]
  4. Use MG Options for styling slider background, title, content etc.

Features:

  • Ultimate admin panel
  • 2 Shortcodes [mgps-slider] and [mgps-slider-post]
  • Unlimited Slides
  • Unlimited Colors
  • 19 Background Patterns
  • 600+ Google Fonts
  • Import/Export

Review:

Reply your Reviews, Suggestions to make it more useful…

Admin Panel of MG Parallax Slider by Mahesh Waghmare (mwaghmare7@gmail.com)[http://mgwebthemes.com]

How to create tinymce buttons at wordpress

To create mce buttons to your wordpress tiny editor, just follow below 2 steps.

Step-1: Add following code to your function.php file. This file found at /wp-content/themes/YOUR_THEME/function.php.

/*		CREATE TINY EDITOR BUTTONS					*/
 
// Hooks your functions into the correct filters
function my_add_mce_button() {
	// check user permissions
	if ( !current_user_can( 'edit_posts' ) && !current_user_can( 'edit_pages' ) ) {
		return;
	}
	// check if WYSIWYG is enabled
	if ( 'true' == get_user_option( 'rich_editing' ) ) {
		add_filter( 'mce_external_plugins', 'my_add_tinymce_plugin' );
		add_filter( 'mce_buttons', 'my_register_mce_button' );
	}
}
add_action('admin_head', 'my_add_mce_button');

// Declare script for new button
function my_add_tinymce_plugin( $plugin_array ) {
	$plugin_array['my_mce_button'] = get_template_directory_uri() .'/mg-mce-btns.js';
	return $plugin_array;
}

// Register new button in the editor
function my_register_mce_button( $buttons ) {
	array_push( $buttons, 'my_mce_button' );
	return $buttons;
}

 

Step-2: Create file mg-mce-btns.js, Save this file to /wp-content/themes/YOUR_THEME. Note: Save file into same directory where function.php. Copy below code and place it into mg-mce-btns.js file.

 

(function() {
	tinymce.PluginManager.add('my_mce_button', function( editor, url ) {
		editor.addButton( 'my_mce_button', {
			text: 'JQuery',
			icon: false,
			type: 'menubutton',
			menu: [
				{
					text: 'Item 1',
					menu: [
						{
							text: 'Sub Item 1',
							onclick: function() {
								editor.insertContent('This is Sub Item-1');
							}
						},
						{
							text: 'Sub Item 2',
							onclick: function() {
								editor.insertContent('This is Sub Item-2');
							}
						}
					]
				},
				{
					text: 'Item 2',
					menu: [
						{
							text: 'Sub Item 1',
							onclick: function() {
								editor.insertContent('This is Munu-2 - Sub Item-1');
							}
						},
						{
							text: 'Sub Item 2',
							onclick: function() {
								editor.insertContent('This is Munu-2 - Sub Item-2');
							}
						}
					]
				}
			]
		});
	});
})();

 

Result:

How to create drop down mce buttons at wordpress tiny editor window

Download complete source code: Source files