اضافه کردن Class به ویجت های وردپرس

[muhammad 8]

سلام 

برای اضافه کردن کلاس های بوت استرپ به ویجت های وردپرس راهی هست ؟ 

به عنوان مثال به تگ های (ul, li , input  , selection  و... ) ویجت ، کلاس های بوت استرپ رو اضافه کنیم . 

لطفا روش دستی رو بگید ، از طریق پلاگین نمیخوام اینکارو انجام بدم ، استایل های پیش فرض وردپرس هم نمیخوام تغییر بدم . 

ممنون

[maral_hamidi 82]

در 9 ساعت قبل، muhammad گفته است :

سلام 

برای اضافه کردن کلاس های بوت استرپ به ویجت های وردپرس راهی هست ؟ 

به عنوان مثال به تگ های (ul, li , input  , selection  و... ) ویجت ، کلاس های بوت استرپ رو اضافه کنیم . 

لطفا روش دستی رو بگید ، از طریق پلاگین نمیخوام اینکارو انجام بدم ، استایل های پیش فرض وردپرس هم نمیخوام تغییر بدم . 

ممنون

سلام.

چیزی که به ذهن من میرسه

کلاس های مربوط به اون ویجت هارو بگیرید و با استفاده از این کدها بهشون اون کلاس دلخواه رو اضافه کنید.

$(document).ready(function(){
    $(".widget").addClass("bootstrapclass");
});

برای ul یا li اون کلاس ها هم همیمنطوری عمل کنید.

$(document).ready(function(){
    $(".widget > ul > li").addClass("bootstrapclass");
});

فکر میکنم درست باشه این روش. اگه اشتباهی بود استاید تصحیح کنن.

[Mobin 1669]

میتونین فایلهای js و css بوت استرپ رو هر زمان نیاز دارین هوک کنید به وردپرس

function prefix_enqueue() 
{       
    // JS
    wp_register_script('prefix_bootstrap', '//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js');
    wp_enqueue_script('prefix_bootstrap');

    // CSS
    wp_register_style('prefix_bootstrap', '//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css');
    wp_enqueue_style('prefix_bootstrap');
}

add_action( 'wp_enqueue_scripts', 'prefix_enqueue');
یا 
add_action('wp_head','prefix_enqueue');

از هر کدوم از هوکهای wp_head یا wp_enqueue_scripts میتونید استفاده کنید

وقتی فایلهای بوت استرپ اینکلاد شد حالا شما میتونین از کلاسهای بوت استرپ تو ویجت خودتون استفاده کنید