رفتن به مطلب

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


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
لینک به ارسال

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

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


.bookmarks li a {

}

لینک به ارسال

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

لینک به ارسال

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

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

مثل این:


<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);
?>

لینک به ارسال

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

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

مثل این:


<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

لینک به ارسال

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

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

لینک به ارسال

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

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


ul li {
color: #f00
}

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

لینک به ارسال

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

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) {...}
...

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...