Common WordPress Development Archives - Page 2 of 5 - WP DEV

May 15, 2022May 16, 2022

How to modify the output of any WordPress shortcode

Assume we have some plugin called AAA and it has built-in shortcode aaa_content and its usage is like this:

[AAA_content title=”Recent news” id=”23″]

Now we want to change its output HTML.

In WordPress, the output of any 3rd party function can be changed only if it has apply_filters() filtered output. Unfortunately not all functions and shortcodes have such filter in output. So it is almost impossible to modify its output without editing the plugin’s source file.

And as we know, editing the plugin file is always bad idea. The changes will be erased just in the next update.

So we have some different approach for such cases.

For example, here is one idea, which is subject of this blog post.

Creating parent shortcode which handles the output of the original shortcode.

So let’s declare and build that alternative shortcode.

March 10, 2022March 10, 2022

Find the file where the given function is defined

In single-app, micro-service development almost all functions belong to you or to your team, so no need to know who defined the given function – you probably know it already.

But in CMS development some you may want to find the file where the given function is defined.

It might be WP core, template functions, theme or any of active plugins.

To find it you can use built-in PHP class called “ReflectionFunction”.

For example create such simple hook.

February 8, 2021February 8, 2021

Ready to use snippet for WP REST API

WP-REST is great tool to connect 3rd party applications to your website and interact with it.

If you want to use it deeply in your website, you need to go to official website and read its handbook.

but what if you just want to use it for some small task and you don’t want to lose more time on reading docs? Then you might need JS code for frontend, and some backend codes for initialization and processing.

In this article i am giving you ready to use snippet, you just put it to your theme’s functions.php and it works.

Of course you will need to change the codes inside response function. In my example i am giving you an example which counts post_views.

Let’s create simple WordPress rest api custom endpoint. Here we go:

February 4, 2021February 4, 2021

How to log all WP-admin activities in WordPress

If you have several admin accounts, it is usual to see some options, settings changes where there is no any trace to see who has done that any change.

Of course it is not about Post, Page updates, they have some information about who updated the given post object.

But for the rest wp-admin pages there is no such trace collector.

Such kind of data can be useful if you have suspicion that someone you don’t have stolen admin password and logs in to your wp-admin as a wordpress ghost admin. So this snippet might be helpful when you want to stop/prevent wordpress admin panel hack too.

So, let’s write small snippet which will collect, who and when did any activity inside wp-admin.

January 28, 2021January 28, 2021

WooCommerce – Add short link support when it returns 404

This quick post is about the issue when in WooCommerce website your WP short links (aka WordPress Plain URL) returns 404 error.

f.e. yourwebsite.com?p=912 should open (redirected to user friendly URL) the page of single post, where 912 is the ID of that post.

But in some WooCommerce websites due to complex permalinks rules, this redirection doesn’t work.

The reason is simple – The route requires the value for post_type – in order to determine what kind of post type is that $_GET[“p”] is.

So, let’s just help the route to find it:

January 1, 2021January 1, 2021

How to find posts by meta field inside your WP-Admin

To achieve this custom feature we will use very interesting and effective trick. It will not affect default wp-admin search. We will just enrich it by adding special case.

In order not to affect default search let’s set a rule when we search by meta field.

In my case, i am setting such rule. I will use # prefix when i want to find a post by meta field.

For example,

if i type “inventory” and press enter, default WP-Admin search would work.

And if i type “#inventory” and press enter, it will look up into meta fields and show results by that data. Which is cool.

Now let me share small snippet which will bring this feature into your website wp-admin.

December 5, 2020December 30, 2020

WP-Login branding in 25 lines of code – without plugin

There are plenty of plugins and snippets on how to customize your website’s wp-login page. Unfortunately WordPress itself doesn’t provide settings page for thist. But thanks to hooks + CSS + JS it is possible to customize UI components there.

Here is the code piece that i wrote for my own websites, which includes some basic color changes, logo and link replacement etc.

add_action( 'login_enqueue_scripts', function(){
$color_code_from_your_logo='#e87817';//change this to own RGB code
?><style type="text/css">
  #login h1 a, .login h1 a {
  background-image: url(https://yoursite.com/logo.png);
  height:68px;
  width:auto;
  background-size: contain;
  background-repeat: no-repeat;
  padding-bottom: 5px;
  }
  #login .button {background: <?php echo $color_code_from_your_logo;?>;border: none;}
  #login .dashicons{color:white}
  .login .message, .login .success{border-left:4px solid <?php echo $color_code_from_your_logo;?> !important;}
  #loginform,#registerform{width:300px}
  #login{width:350px !important}
  input[type=checkbox]:focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=radio]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, select:focus, textarea:focus {
    border-color: <?php echo $color_code_from_your_logo;?> !important;
    box-shadow: 0 0 0 1px <?php echo $color_code_from_your_logo;?> !important;
  }
  </style>
  <script>
   document.querySelector('#login a').href="<?php echo home_url();?>";
  </script><?php 
});

Once you put this to your theme’s functions.php, try how it looks like in Incognito browser. Then start customizing sizes, colors etc. given in this code.

	Word Cloud Generator - Visualize Popular Words in a Text
	Vowel cleaner - Remove vowels from the text
	Brain Illusions: Craft Surprising Negative Images
	Hide Kids Faces, Maintain Privacy in Photos
	List to Chart - Convert your list to pie, line, bar charts