دکمه صفحه های قبلی و بعدی با تصویر

[webbarg 46]

سلام .

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

<?php next_posts_link(  ); ?>
<?php previous_posts_link(  ); ?>

خواستم بدونم روشی یا کدی هست که در صورت استفاده از این کد ها به جای نمایش متن ( صفحه قبلی یا صفحه بعدی ) یک تصویر نشون بده ؟؟

منظورم این هست که می خام این جوری بشه !!!

[Farid 2281]

سلام

شما اول کد html رو مطابق میلت طراحی کن بعدش از دوتا کد php که خودتون گفتید در اون استفاده کنید ، مثلا :

<div class="next"><?php next_posts_link( ); ?></div>

بعد تو کد css به کلاس next بکگراند و استایل های مورد نظرتون رو بدید .

ویرایش شده دی 91 توسط f.gh1372

[webbarg 46]

دوست عزیز وقتی از تابع

<?php next_posts_link( ); ?>

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

من نمی خوام نوشته بیاد و می خوام بجای متن تصویر بیاد .

اگه دقت کرده باشید می بینید که در تاپیک تصویر گزاشتم که می خوام بجای متن عکس را نشون بده ..

[Morteza 34190]

اینطور تست کنید:

<?php next_posts_link('', 0); ?>

[webbarg 46]

متن حذف شد اما جایی برای کلیک کردن و رفتن به صفحه بعدی نیست .

کد های css و html هم به این شکل هست .

.pageright {
height : 93px;
width : 18px;
margin : 0 0 0 5px ;
float : right;
background : url(images/right.png) no-repeat;
}

<div class="pageright">
<?php next_posts_link('', 0); ?>
</div>

اگه پلاگین یا کد یا ابزار دیگه ای هم برای این کار هست که بشه با استفاده از تصویر به صفحه بعد یا قبل رفت اگه معرفی کنید بهتره .

[Farid 2281]

دوست عزیز وقتی از تابع

<?php next_posts_link( ); ?>

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

من نمی خوام نوشته بیاد و می خوام بجای متن تصویر بیاد .

اگه دقت کرده باشید می بینید که در تاپیک تصویر گزاشتم که می خوام بجای متن عکس را نشون بده ..

خب عزیز من ، من که گفتم استایل بهش بده ، بکگراند بهش بده ، با خاصیت

text-indent

هم متن رو محو کن

[Morteza 34190]

خوب متن حذف شد شما بهتره بهش استایل بدی. میتونید عکسهای موردنظر رو بصورت بکگراند بدید.

[webbarg 46]

خوب متن حذف شد شما بهتره بهش استایل بدی. میتونید عکسهای موردنظر رو بصورت بکگراند بدید.

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

واقعآ کلافه شدم اگه امکان داره این چند خط ساده را برای من بنویسد خیلی ممنون میشم .

[Parsa 23463]

خاصیت استایل display را برابر block قرار دهید

[webbarg 46]

دوستان و عزیزان استایل را تغییر دادم نشد .

.pageright {
display : block;
height : 93px;
width : 18px;
margin : 111px 0 0 2px ;
float : right;
background : url(images/right.png) no-repeat;
}

کد را هم به کد زیر تغییر دادم که لینک + عنوان مطلب را نمایش میده .

<div class="pageright">
<?php next_post_link( '%link' ); ?>
</div>

اما من می خواهم چیزی نمایش ندهد وفقط با کلیک بر روز تصویر جایگزین توی بکگراند به مطلب بعدی یا قبلی بره ...

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

در ضمن ببخشید text-indent به متن فاصله میده !!!

[Morteza 34190]

شما این کد رو بزارید در صفحه:

<span class="test"><?php next_posts_link('', 0); ?></span>

بعد این استایل رو تست کنید:

.test a{
display : block;
height : 93px;
width : 18px;
float : right;
background : red url(images/right.png) no-repeat;
}

[webbarg 46]

شما این کد رو بزارید در صفحه:

<span class="test"><?php next_posts_link('', 0); ?></span>

بعد این استایل رو تست کنید:

.test a{
display : block;
height : 93px;
width : 18px;
float : right;
background : red url(images/right.png) no-repeat;
}

شاید باورت نشه مرتضی جان ولی اصلآ دیگه تصویرش را هم نشون نمیده !!!

کل قالبم آماده شده و فقط همین را توش موندم که اگه راهی باشه یا افزنه ای باشه که بشه باهاش این کار را کرد خیلی عالی میشه !!!

[webbarg 46]

افزونه یا کد دیگری نیست که بشه با اون مطلب قبل یا بعد را نشان داد ؟؟

[حسین 323]

لطفا اینگونه تست کنید:

<?php previous_post_link('%link', '<div class="ghabli"></div>'); ?>

به جای کلاس دادن فکر کنم مستقیم هم میتونید از تگ html تصویر استفاده کرد.

ویرایش شده بهمن 91 توسط iranata

[webbarg 46]

لطفا اینگونه تست کنید:

<?php previous_post_link('%link', '<div class="ghabli"></div>'); ?>

به جای کلاس دادن فکر کنم مستقیم هم میتونید از تگ html تصویر استفاده کرد.

داداش یعنی ناجور دربه درتم ...

خدا حیرت بده !!!!

کمکم داشتم ازش نا امید میشدم ...

به پاس قدر دانی از این لطف و کمکی که بهم کردی یکی از قالب هایی که دارم طراحی می کنم را به اسمت میزارم ....