رفتن به مطلب
webbarg

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

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

سلام .

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


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

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

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

hmfo0p5myv4ivgtsqzc.png

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


لینک به ارسال

سلام

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


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

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

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

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


لینک به ارسال

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


<?php next_posts_link( ); ?>

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

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

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

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


لینک به ارسال

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

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

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


لینک به ارسال

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

کد های 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>

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

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


لینک به ارسال

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


<?php next_posts_link( ); ?>

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

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

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

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


text-indent

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

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


لینک به ارسال

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

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


لینک به ارسال

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

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

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

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


لینک به ارسال

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

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


لینک به ارسال

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


.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 به متن فاصله میده !!!

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


لینک به ارسال

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

<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;
}

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


لینک به ارسال

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

<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;
}

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

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

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


لینک به ارسال

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

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


لینک به ارسال

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

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

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

ویرایش شده توسط iranata

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


لینک به ارسال

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

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

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

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

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

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

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

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


لینک به ارسال

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

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

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

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

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

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

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

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


  • مطالب مشابه

    • توسط ehsan6889
      سلام
      افزونه excel-like-manager-for-woocommerce یک پلاگین تجاریه
      کارش اینه که داخل خود سایت یک فضای شبیه اکسل ایجاد میکنه تا بتونی محصولاتت را مدیریت کنی و یا وردوی و خروجی اکسل بگیری بگیری
      نیاز به نسخه تجاری این افزونه دارم که توی هیچ سایت ایرانی هم نیست
    • توسط SNSA
      سلام
      من یک نوجوان ۱۵ ساله هستم که علاقه مند برنامه نویسی و تحصیل در رشته آی تی هستم 
      شاید بگین الآن سنم برای انتخاب رشته کمه و بعدش نظرم عوض میشه ولی من دوساله تصمیمم رو گرفتم و براش تلاش میکنم
      در این راه به مشکل برخوردم از اونجایی که میخوام برای هدفم در المپیاد شرکت کنم نیازمند یادگیری زبان ++c هستم اما علاقه شدیدی به زبان python دارم اما نمیدونم کدوم رو انتخاب کنم
      بگم که از هرکدوم کمی بلد هستم و الآن گیج شدم
      اگر کسی در المپیاد کامپیوتر شرکت کرده ممکنه کمکم کنه؟
    • توسط mohammad1214
      سلام خسته نباشید دوستان 
      یک مشکلی ایجاد شده برای بنده اینکه میخوام مطلبی منتشر کنم دمه انتشار و پیش نمایش تغییرات غیر فعال میشود باید چیکار کنم ؟
    • توسط nasenaderi
      سلام به همه عزیزان
      مدتی هست هنگام افزودن محصول جدید ، قسمت برچسب هام تغییر کرد و حالت عادی نداره در عکس توضیح دادم
      الان میخوام مثل قبل بشه
      چون از افزونه wordpress-keyword-tool استفاده میکنم و الان دیگه برچسب ها رو وارد نمیکنه
      البته در قسمت نوشته ها این مشکل رو ندارم
      لطفا اگر میتونید کمکم کنید

    • توسط offlinebaz1
      با سلام 
      سال نوی همه مبارک 
      دوستان بنده چند ماهی هست که دنبال یه قالب مناسب ترجیحا بسته نصبی برای  سالن زیبایی ( زنانه ) هستم   
      ممنون میشم اگه بسته نصبی هست معرفی بفرمایید البته چند تا قالب دیدم ولی زیاد جزاب نبودن قالب تجاری هم باشه مشکلی نیست 
      تشکر
×
×
  • اضافه کردن...