Filter to add new css class to li elements

Most of us are familiar with adding class from the dashboard that follows :

1. In Appearance > Menus, click the screen Option Tab

2. Under Show advanced menu properties, check CSS Classes

3. Expand any menu item to see the css class text input field

4. Enter desired class name and save menu to apply the class to the menu item

If you are searching for an option to get rid of editing each menu items to add same custom class to all in the menu items, you can go for filter

function app_nav_items_class( $classes, $item, $args ) {
   if ( 'primary' === $args->theme_location) {
     $classes[] = "list-inline-item";
    }
return $classes;
}
add_filter( 'nav_menu_css_class' , 'app_nav_items_class' , 10, 4 );

function app_nav_items_class( $classes, $item, $args ) {

if ( 'primary' === $args->theme_location) {

$classes[] = "list-inline-item";

}

return $classes;

}

add_filter( 'nav_menu_css_class' , 'app_nav_items_class' , 10, 4 );

Where,

$classes is an array of the CSS classes that are applied to the menu item’s element,
$item is the current menu item,
$args is an object of wp_nav_menu() arguments,
$depth is Depth of menu item

To learn more about the filter, please can refer the codex.

Programming, WordPress

Fix Fatal error: Maximum execution time of 30 seconds exceeded

In WordPress, maximum execution time fatal error is seen when trying to update theme or plugins. Usually the problem occurs when a code takes a long time to run and reaches the maximum time limit set in the hosting server.

To fix the error,

1. Find your .htaccess file in the root directory, add the below line of code at the bottom of your .htaccess file and save it. The code sets the maximum execution time to 300 secs .

php_value max_execution_time 300

1	php_value max_execution_time 300

After saving the .htaccess file, check if the error still exists. If this doesn’t fix the issue, check the issue by increasing the maximum execution time to 600 secs

php_value max_execution_time 600

1	php_value max_execution_time 600

2. Create a php.ini file inside your WordPress root folder , add the following line in the php.ini file and save it.

max_execution_time = 60

1	max_execution_time = 60

Check your website to see if the error has gone.

3. If both of the aforementioned methods don’t fix the issue, contact your hoster for assistance.

ACF, Filter and Hooks, WordPress

Issue : Custom Field Option missing from the WordPress screen options

If you have installed ACF WordPress plugin for creating custom meta boxes, then it removes the the default custom field metaboxes . The main objective of removing the default WordPress custom field is to increase the speed of load time while editing the posts. Also, you shouldn’t need the custom fields if you have ACF plugin installed in your WordPress site. However, if you need to use default WordPress custom field metabox then you can add the following code to your WordPress theme’s functions.php file.

add_filter('acf/settings/remove_wp_meta_box', '__return_false');

1	add_filter('acf/settings/remove_wp_meta_box', '__return_false');

This will solve your custom field Option missing issue.

Filter and Hooks, Programming, WordPress

Get Menu Items Based on Custom Menu

1. Register your custom navigation menu.
We have readily available funtion to register our custom menu, therefore we do not need to call add_theme_support( ‘menus’ ) :

register_nav_menus( $locations );

1	register_nav_menus( $locations );

Here, $locations is an associative array of menu location slugs (key) and descriptions (according value). I have registered custom menu ‘primary_menu’ as a key and ‘Main menu’ is the description for the registered ‘primary_menu’

add_action( 'after_setup_theme', 'register_custom_nav_menu' );
function register_custom_nav_menus() {
register_nav_menus(array(
'primary_menu' => 'Main Menu', 'app'));
}

add_action( 'after_setup_theme', 'register_custom_nav_menu' );

function register_custom_nav_menus() {

register_nav_menus(array(

'primary_menu' => 'Main Menu', 'app'));

}

2. Create and add Menu items the dashboard

3. Get the array of Menu items

Use the custom menu key ‘primary_menu’ in my case to get the all the menu items associated with it.

$menu_name = 'primary_menu';
$locations = get_nav_menu_locations();
//Get the id of 'primary_menu'
$menu_id = $locations[ $menu_name ] ;
//Returns a navigation menu object.
$menuObject = wp_get_nav_menu_object($menu_id);
// Retrieves all menu items of a navigation menu.
$current_menu = $menuObject->slug
$array_menu = wp_get_nav_menu_items($current_menu);

$menu_name = 'primary_menu';

$locations = get_nav_menu_locations();

//Get the id of 'primary_menu'

$menu_id = $locations[ $menu_name ] ;

//Returns a navigation menu object.

$menuObject = wp_get_nav_menu_object($menu_id);

// Retrieves all menu items of a navigation menu.

$current_menu = $menuObject->slug

$array_menu = wp_get_nav_menu_items($current_menu);

4. Function to the get the array of menu items

You can create your own function to get the menu items and its sub-items in an array

function wp_get_menu_array($current_menu) {

                    $array_menu = wp_get_nav_menu_items($current_menu);
                    $menu = array();
                    foreach ($array_menu as $m) {
                        if (empty($m->menu_item_parent)) {
                            $menu[$m->ID] = array();
                            $menu[$m->ID]['ID']      =   $m->ID;
                            $menu[$m->ID]['title']       =   $m->title;
                            $menu[$m->ID]['url']         =   $m->url;
                            $menu[$m->ID]['children']    =   array();
                        }
                    }
                    $submenu = array();
                    foreach ($array_menu as $m) {
                        if ($m->menu_item_parent) {
                        $submenu[$m->ID] = array();
                            $submenu[$m->ID]['ID']       =   $m->ID;
                            $submenu[$m->ID]['title']    =   $m->title;
                            $submenu[$m->ID]['url']  =   $m->url;
                           $menu[$m->menu_item_parent]['children'][$m->ID] = $submenu[$m->ID];
                        }
                    }
                    return $menu;

                }

function wp_get_menu_array($current_menu) {

$array_menu = wp_get_nav_menu_items($current_menu);

$menu = array();

foreach ($array_menu as $m) {

if (empty($m->menu_item_parent)) {

$menu[$m->ID] = array();

$menu[$m->ID]['ID'] = $m->ID;

$menu[$m->ID]['title'] = $m->title;

$menu[$m->ID]['url'] = $m->url;

$menu[$m->ID]['children'] = array();

}

$submenu = array();

foreach ($array_menu as $m) {

if ($m->menu_item_parent) {

$submenu[$m->ID] = array();

$submenu[$m->ID]['ID'] = $m->ID;

$submenu[$m->ID]['title'] = $m->title;

$submenu[$m->ID]['url'] = $m->url;

$menu[$m->menu_item_parent]['children'][$m->ID] = $submenu[$m->ID];

}

return $menu;

}

Programming, WordPress

Display first 8 words from the Sentence

My client asked me to display only 8 words of the long title of the post. So, to fulfill his requirement, I just count the number of words in the title and if the title consist of more than 8 words, I extract 8 words from the title and displayed it , otherwise displayed the title as it is.

Steps 1 : Create function that returns the first 8 words from the title/sentence, place it anywhere in your function.php or helpers.php files

function get_words($sentence, $count = 8) {
    preg_match("/(?:\w+(?:\W+|$)){0,$count}/", $sentence, $matches);
    return $matches[0];
}

function get_words($sentence, $count = 8) {

preg_match("/(?:\w+(?:\W+|$)){0,$count}/", $sentence, $matches);

return $matches[0];

}

Step 2 : Count the number of words in the title and use the function in step 1, to extract 8 words form the title. If the title has less than 8 words, do nothing just display the title.

$count = str_word_count(get_the_title());
if($count &gt; 8) {
    $title = get_words(get_the_title(),8);
}else {
    $title = get_the_title();
}

$count = str_word_count(get_the_title());

if($count > 8) {

$title = get_words(get_the_title(),8);

}else {

$title = get_the_title();

}

kabita Dhimal

Explore, Learn, Upgrade and Share

Filter to add new css class to li elements

Fix Fatal error: Maximum execution time of 30 seconds exceeded

Issue : Custom Field Option missing from the WordPress screen options

Get Menu Items Based on Custom Menu

Display first 8 words from the Sentence