تفاوت id و class های پیشفرض وردپرس با id و class ها در bootstrap

[hamidwi 479]

سلام

دوستان من طراحی قالب به وسیله bootstrap رو تقریبا بلدم ولی وقتی می خوام برای وردپرس به وسیله bootstrap قالب طراحی کنم id و class های پیشفرض وردپرس با id و class ها در bootstrap متفاوته حالا می خوام بدونم برای حل این مشکل چه راه حلهایی هست با تشکر پیشاپیش از جواب شما.

[imanfakhar 26231]

متفاوت باشه

شما قالب را با آی دی و کلاسی که می خواهی داری طراحی می کنه اجباری در استفاده آی دی و کلاس اصلی نیست

[hamidwi 479]

سلام آقا ایمان

شاید من در طراحی کردنم اشتباه می کنم یا از قسمتی در طراحی اطلاعات ندارم.

ببینید مثلا من می خوام برگه های وردپرس رو بهشون به وسیله bootstrap استایل بدم .

من اول میام برگه های وردپرس رو به وسیله کد

<?php wp_list_pages('title_li=&depth=1' ); ?>

قرار می دم کد html خروجی که برگه ها به من می ده میشه این

<li class="page_item page-item-29"><a href="http://localhost/home/">Home</a></li>
<li class="page_item page-item-30"><a href="http://localhost/news/">news</a></li>
<li class="page_item page-item-24"><a href="http://localhost/content/">content</a></li>

و کلاس همه ی li ها page_item هستش و الان من می خوام یک استایل در bootstrap که به طور مثال به وسیله کلاس

.visible-phone

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

.visible-phone

رو چطور به li ها در کد بالا اختصاص بدم.

ببخشید اگر بازم واضح نتونستم توضیح بدم.

با تشکر از پاسخ شما.

ویرایش شده اسفند 92 توسط hamidwi

[imanfakhar 26231]

با jquery کلاس بدید

<script type="text/javascript">
$(document).ready(function() {
$(".children .page-item").filter(function() {
$(this).addClass("visible-phone");
})
})
</script>

[hamidwi 479]

تشکر آقا ایمان این راهنمایی شما باعث شد من چیزهای دیگری هم با

jquery یاد بگیرم.

می خواستم بپرسم راه دیگری هم برای این کار هستش؟

اگر سر نخ رو هم بدید خودم می رم دنبالش.

فعلا یا علی ...

ویرایش شده اسفند 92 توسط hamidwi

[imanfakhar 26231]

راه دیگه ویرایش فایلهای فریم ورکه برای کلاس های مادر مثلا بجای visible-phone یک لایه بالاترش را خواند یعنی

.visible-phone {
...
}

در css و

$(".visible-phone")

در js تبدیل بشن به

.visible-phone li

و

$(".visible-phone li")

و

<ul class="visible-phone">
<?php wp_list_pages('title_li=&depth=1' ); ?>
</ul>

یک راه دیگه استفاده از فهرست دلخواه بجای توابع است