رفتن به مطلب

دادن کلاس به توابع وردپرس


apegvs

پست های پیشنهاد شده

سلام

ببخشید من می خوام تو قالبم پیوند هام نمایش داده بشه ولی وقتی کد رو جایگذین می کنم استایل دیگه ای را استفاده می کنه.

من این کدو را جایگزین کردم:


<ul> <?php wp_list_bookmarks('title_li=&categorize=0'); ?> </ul>

و وقتی سایتو نگاه کردم ( view source) میزنم این شکلی شده


<ul> <li><a href="http://galaxy-xperia.tk/">انجمن بزرگ آندروید</a></li>
<li><a href="http://www.jigh3da.ir/">انجمن جیغ صدا</a></li>
<li><a href="http://forum.apehosting.ir">انجمن هاست</a></li>
<li><a href="http://berooz.org/" title="با ما بروز باشید">بروز</a></li>
<li><a href="http://travian.xrt.ir/">تراوین</a></li>
<li><a href="http://www.irdomain.com" rel="acquaintance neighbor" title="ثبت دامنه" target="_blank">ثبت دامنه</a></li>
<li><a href="http://barg.tyo.ir/">جامعه مجازی دانشجویان تهران</a></li>
<li><a href="http://download.xrt.ir">دانلود سنتر شرکت ای.پی.ایی</a></li>
<li><a href="http://m-ahmadi.tk/">دی جی بلاگ</a></li>
<li><a href="http://hamyaran.tyo.ir/">شرکت همیاران سپید پیروز</a></li>
<li><a href="http://fer2-30chat.tk/">فردوسی چت</a></li>
<li><a href="http://saate3.ir/">فروشگاه ساعت 3</a></li>
<li><a href="http://khodemonia.xrt.ir/">موتور جستجو</a></li>
<li><a href="http://multibox.xrt.ir/">همه چیز از همه جا</a></li>
<li><a href="http://saeedhosseinian.ir/">وبسایت شخصی سعید حسینیان</a></li>
<li><a href="http://nikshops.ir/">پاساژ نیک شاپ</a></li>
<li><a href="http://shishehchi.xrt.ir/">پرتال بزرگ تفریحی</a></li>
<li><a href="http://design.apehosting.ir/">گروه طراحی ای.پی.ایی دیزاین</a></li>
<li><a href="http://google.com">گوگل</a></li>
</ul>

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

این استایل:


<div class="date"></div><div class="news">

حالا می شه یک راهنمایی کنید>

ممنون

لینک به ارسال

سلام ، به انجمن خوش اومدید

کد اولی رو به این عوض کنید :


<ul class="link_style"> <?php wp_list_bookmarks('title_li=&categorize=0'); ?> </ul>

حالا میتونید استایل های مورد نظرتون رو اینجوری بدید :


.link_style {
your css property
}
.link_style ul {
your css property
}
.link_style li {
your css property
}

باز سوالی بود در خدمتم ، میتونید به جای link_style کلاس خودتون رو بدید

ویرایش شده توسط ialireza
  • امتیاز 5
لینک به ارسال

استایل رو با توجه به parent تنظیم کنید

<ul class="bookmarks"> <?php wp_list_bookmarks('title_li=&categorize=0'); ?> </ul>


.bookmarks li a {

}

  • امتیاز 1
لینک به ارسال

البته یک روش دیگه هم هست ، این تابع پارامتر " class " رو هم میگیره که میتونید به هر المنت یک کلاس دلخواه بدید

  • امتیاز 4
لینک به ارسال

خیلی ممنون به خاطر پاسخ.اما می شه در فانکشن کلاس را براش مشخص کرد.؟

می خوام استایل برای هر گزینه جدا باشه

مثل این:


<li><div class="date"></div><div class="news"><li><a href="http://galaxy-xperia.tk/">انجمن بزرگ آندروید</a></div></li>
<li><div class="date"></div><div class="news"><a href="http://www.jigh3da.ir/">انجمن جیغ صدا</a></div></li>

ویرایش شده توسط apegvs
لینک به ارسال

<?php $args = array(
'title_li' => '',
'class' => 'linkcat',
'category_before' => '<li class="date">',
'category_after' => '</li>' );
wp_list_bookmarks($args);
?>

  • امتیاز 2
لینک به ارسال

خیلی ممنون به خاطر پاسخ.اما می شه در فانکشن کلاس را براش مشخص کرد.؟

می خوام استایل برای هر گزینه جدا باشه

مثل این:


<li><div class="date"></div><div class="news"><li><a href="http://galaxy-xperia.tk/">انجمن بزرگ آندروید</a></div></li>
<li><div class="date"></div><div class="news"><a href="http://www.jigh3da.ir/">انجمن جیغ صدا</a></div></li>


<?php wp_list_bookmarks( $args ); ?>
<?php $args = array(
'category_before' => '<li><div class="date"></div><div class="news">',
'category_after' => '</div></li>' ); ?>

http://codex.wordpress.org/Function_Reference/wp_list_bookmarks

  • امتیاز 3
لینک به ارسال

اگر style همه یکسان هست

چرا از طریق parent قسمت که UL باشه استایل رو تنظیم نمیکنید؟

  • امتیاز 1
لینک به ارسال

اگر همه یکسان هست که کار اشتباهی هست به هر li کلاس بدهیم

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


ul li {
color: #f00
}

به مثال من در صفحه قبل توجه کنید

  • امتیاز 2
لینک به ارسال

چون نوشته های داخل جعبه متن نا فرم در میاد.

http://www.apehosting.ir/

قسمت برخی از مشتریان

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

http://api.jquery.com/clone/

و یا برای سلکت جداگانه لایه ها از سلکتوری شبیه این در css یا jquery استفاده کنید


ul.bookmark li:nth-child(1) {...}
ul.bookmark li:nth-child(2) {...}
...

  • امتیاز 3
لینک به ارسال

لطفا برای ارسال دیدگاه وارد شوید

شما بعد از اینکه وارد حساب کاربری خود شدید می توانید دیدگاهی ارسال کنید



ورود به حساب کاربری
×
×
  • اضافه کردن...