• اطلاعیه ها

    • Morteza

      باهم بسازیم: اطلس ووکامرس و وردپرس   14/07/96

      تاپیک ایجاد شده برای بحث در جهت ایجاد یک منبع، ویکی، صفحات توضیحی و یا بخش آموزشی جامع برای وردپرس و متعلقات مختلف آن است. لطفا جهت مشارکت در این بحث، ارائه پیشنهاد و یا انتقاد به تاپیک فوق مراجعه کنید. باهم بسازیم: اطلس ووکامرس و وردپرس
muhammad

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

3 پست در این موضوع قرار دارد

سلام 

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

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

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

ممنون

0

به اشتراک گذاری این پست


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

سلام 

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

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

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

ممنون

سلام.

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

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

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

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

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

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

1

به اشتراک گذاری این پست


لینک به پست

میتونین فایلهای 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 میتونید استفاده کنید

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

2

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری