in functions.php :

function change_role_name() {
    global $wp_roles;

    if ( ! isset( $wp_roles ) )
        $wp_roles = new WP_Roles();

    //You can list all currently available roles like this…
    // This is only for you to see whats going on, after checking, remove these 2 lines altogether 
    $roles = $wp_roles->get_names();
    print_r($roles);

    //You can replace "administrator" with any other role "editor", "author", "contributor" or "subscriber"...
    $wp_roles->roles['administrator']['name'] = 'god';
    $wp_roles->role_names['administrator'] = 'god';           
}
add_action('init', 'change_role_name');

That’s about it, all you need to do to change user role.

The post WordPress – Change User Role Name appeared first on SideCode.

A child theme consists of at least one directory (the child theme directory) that will be placed under the themes folder and two files (style.css and functions.php), which you will need to create:

This is basically all you need to create a child theme.

name the folder : themename-child
style.css – header:

/*
 Theme Name:   My Child
 Theme URI:    http://example.com/
 Description:  My Child Child Theme
 Author:       John Doe
 Author URI:   http://example.com
 Template:     myChild
 Version:      1.0.0
 Text Domain:  my-child-child
*/ 

functions.php:

 // Opening PHP tag - nothing should be before this, not even whitespace

add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );

}

Note: Check their is no trailing space after this close php tag (?>).

Now the thumb rule is that if you want to override a file in the pedant theme all you need to do is to create it with the exact same name in your child theme, or create new files with new functionality to extend the parent theme.

The post WordPress – Creating a Child Theme, The Pure Basics appeared first on SideCode.

yes you can use a plugin “something cf7 dynamic fields”, but their is a better way, or at least let’s call it, my way.
We can change the fields via JavaScript on document ready…
First of all Give the field an id (in contact form 7 creation ):

[email* your-email-2 id:cf7-send-email-to placeholder “send to..”]

Then attach the data from wherever on your app to a data attribute on some element that make sense so you can retrieve this field via javascript (pass from php to javascript nicely).
Than add this:

<script>
    jQuery(document).ready(function($) {
        var vendorEmailField = $('#cf7-send-email-to'); // get the form field
        var vendorNameField  = $('#cf7-company-name'); // get the form field
        var usernameField    = $('#cf7-your-name'); // get the form field
        var userEmailField   = $('#cf7-your-email'); // get the form field

        var vendorName  = $('p.vendor-title').text(); // get vendor name.
        var vendorEmail = $('#opensupsendform').data('vendormail');
        var userName = $('#opensupsendform').data('username');
        var userEmail = $('#opensupsendform').data('useremail');

        vendorEmailField.css('display','none');
        vendorNameField.css('background','#eee');
        vendorNameField.val(vendorName);
        vendorEmailField.val(vendorEmail);

        usernameField.val(userName);
        userEmailField.val(userEmail);

        vendorNameField.attr('readonly', true);

        // jobNumber.css('color','#aaa');
        // jobTitle.val(jobTitleData);
        // jobTitle.attr('readonly', true);
        // jobTitle.css('color','#aaa');
        // $('.wpcf7-response-output').css( "display", "none" );
    }); 
</script>

this dynamically add data to the form on ready().
val = $(‘selector’).data(‘key’) – retrieve a data attribute val
string = $(‘selectior’).text() – retrieve a element text (within the tags).
$(‘selector’).val() – replace their value of the element (on this case the data in the field).

The post WordPress – Contact Form 7 – Dynamically Change Fields appeared first on SideCode.

Just a small method that in WordPress I just add it (always) to the functions.php file, and in other php frameworks, add it as a general global helper function.

# The Method

/**
 *  Send debug code to the Javascript console (PHP Console Debugging)
 */
function debug_to_console($data, $tag = 'JHONNY') {
  if(is_array($data) || is_object($data)) {
     echo("<script>console.log('" . $tag. ": " .json_encode($data)."');</script>");
  } else {
     echo("<script>console.log('" . $tag. ": " .$data."');</script>");
  }
}

When added to functions.php It allows me to call the function anywhere in my theme,
The first argument $data – It’s the variable or array that I want to to see his state (the value).
The second argument $tag – It’s an optional tag you can add, so as it is printed out in the console, you can identify it better.

# On Small Projects

On small projects mostly there is no need to add the second argument, so as it is above, it will alwyas just print "JHONNY: " before the variable, so I know that this is printed out from this function.
So all you need to do is just give it the var you want to debug:

debug_to_console($tax_name)

It will look like this (In the browser console):

# On larger Projects

On larger projects, usually, I add the second argument with the class name or tepmplate page it belongs to with the var name, something like:

debug_to_console($image_url,"footer.php - imageUrl")

It will look like this (In the browser console):

The post Fast WordPress Debugging (Debug to console) appeared first on SideCode.

sometimes you need to see all of the user roles in your website, to do that Add this in functions.php:

function get_editable_roles() {
    global $wp_roles;
    $all_roles = $wp_roles->roles;
    $editable_roles = apply_filters('editable_roles', $all_roles);
    return $editable_roles;
}

Now, on some page of site (page-template, front-page, something, add:

Now you have a list on the page of all the user roles and capabilities.
Note: Totally remove this on a production website, I would also remove the function altogether to avoid mistakes, and leaving this on by accident.

The post WordPress – Get a List of All User Roles (Existing on the Site) appeared first on SideCode.

Let’s say that you doing a custom query, and their is pagination in place, and you want to show :
“Displaying 2 out of 5 results” (2 results on this page, and you have 5 total in all of the pages).

The way to do get the post count and present it nicely is:

    $custom_query = new WP_Query( $custom_args ); 
     if ( $custom_query->have_posts() ) {
         echo “displaying : $custom_query->post_count()";  // how many on this page
         echo “out of total of: $custom_query->found_posts";  // how many total found
    }

The post WP Query Show Post Count when Paginating results appeared first on SideCode.

Sometimes you want to create a special user with a special name and behavior inside WordPress
The way to add a custom user role is the following:

function add_capability() {
    // Add a custom user role (1) - Let’s say… God!
    $result = add_role( 'god', __(‘God'),
    array(
    'read' => true, // true allows this capability (because it’s god).
    'edit_posts' => true, // Allows user to edit their own posts
    'edit_pages' => true, // Allows user to edit pages
    'edit_others_posts' => true, // Allows user to edit others posts not just their own
    'create_posts' => true, // Allows user to create new posts
    'manage_categories' => true, // Allows user to manage post categories
    'publish_posts' => true, // Allows the user to publish, otherwise posts stays in draft mode
    'edit_themes' => false, // false denies this capability. User can’t edit your theme (god or no god, no on is touching my theme)
    'install_plugins' => false, // User cant add new plugins
    'update_plugin' => false, // User can’t update any plugins
    'update_core' => false // user cant perform core updates
     
    )
     
    );

    // Add a custom user role (2) - member
     
    $result2 = add_role( 'member', __('Member' ),
     
    array(
    
   'read' => true, 
   'edit_posts' => true,
   'edit_pages' => true, 
   'edit_others_posts' => true, 
   'create_posts' => true,
   'manage_categories' => true, 
   'publish_posts' => true,
    'edit_themes' => false,
    'install_plugins' => false,
    'update_plugin' => false, 
   'update_core' => false
    )
    );
}

add_action( 'admin_init', ‘add_capability');

# WordPress – Delete a user role

You can also remove roles,
To delete a user role, you should add in your function.php :

remove_role( 'member' ); 

Note: Be carful cant be undone, also the users with this role will be with no privileges on the website,
this will totally delete the role. and if you need to get it back, you need to add it all over again and set this role privileges all over again.

The post WordPress – Create a Custom User Role (and Delete a Role) appeared first on SideCode.