ওয়ার্ডপ্রেস উইজেটে কাসটম সি এস এস ক্লাস যেভাবে যুক্ত করবেন

ওয়ার্ডপ্রেস উইজেটে কাসটম সি এস এস ক্লাস যেভাবে যুক্ত করবেন ।

পধতি ওয়ান - প্লাগিনের সাহায্যে https://wordpress.org/plugins/widget-css-classes/





পধতি দুই - ফাংসান পি এইচ পি তে এই কোডগুলি যুক্ত করে ।



//Custom CSS Classes for WordPress Widgets



function kc_widget_form_extend( $instance, $widget ) {

if ( !isset($instance['classes']) )

$instance['classes'] = null;











/* Set your predetermied class choices here */

$myarray = "class1,class2,class3";



$myclasses = explode(",",$myarray);

$row = "

\n";

$row .= "\tClass:\n";

$row .= "\t\n";

foreach($myclasses as $myclass) {

$instance_selected = null; if($instance['classes']==$myclass) $instance_selected = " selected='selected'";

$row .= "\t".$myclass."\n";

}

$row .= "\n";

















//Allow the user to assign their own classes:

/* Allows User to Add Custom CSS Classes */

$row .= "\t\n";

$row .= "
\n";















echo $row;

return $instance;

}

add_filter('widget_form_callback', 'kc_widget_form_extend', 10, 2);function kc_widget_update( $instance, $new_instance ) {

$instance['classes'] = $new_instance['classes'];

return $instance;

}

add_filter( 'widget_update_callback', 'kc_widget_update', 10, 2 );

function kc_dynamic_sidebar_params( $params ) {

global $wp_registered_widgets;

$widget_id    = $params[0]['widget_id'];

$widget_obj    = $wp_registered_widgets[$widget_id];

$widget_opt    = get_option($widget_obj['callback'][0]->option_name);

$widget_num    = $widget_obj['params'][0]['number'];



if ( isset($widget_opt[$widget_num]['classes']) && !empty($widget_opt[$widget_num]['classes']) )

$params[0]['before_widget'] = preg_replace( '/class="/', "class=\"{$widget_opt[$widget_num]['classes']} ", $params[0]['before_widget'], 1 );



return $params;

}

add_filter( 'dynamic_sidebar_params', 'kc_dynamic_sidebar_params' );