نحوه استفاده از تصاویر کوچک با پیوندهای قبلی و بعدی در وردپرس

یکی از کاربران ما از ما درخواست صفحه فیس بوک : نحوه استفاده از تصاویر کوچک برای پیمایش پست قبلی / بعدی در وردپرس. توابع next_post_link و قبلی_post_link دارای پارامتر کوچک به اندازه کافی ساده نیست که یک توسعه دهنده جدید به سادگی بتواند آن را روشن و خاموش کند. در این مقاله ، ما به شما نشان خواهیم داد که چگونه از تصاویر کوچک پست با پیوندهای قبلی و بعدی در WordPress استفاده کنید.

نتیجه نهایی به این شکل خواهد بود:

Use Thumbnails with Previous and Next Post links in WordPress

اولین کاری که باید انجام دهید این است که پرونده single.php طرح زمینه خود را باز کنید و کد زیر را به احتمال زیاد بعد از قسمت_content () به داخل حلقه اضافه کنید:

 

مورد بعدی که باید انجام دهید این است که پرونده style.css خود را باز کرده و سبک های زیر را اضافه کنید:

# cooler-nav {clear: both؛ ارتفاع: 100 پیکسل حاشیه: 0 0 70px؛}
# cooler-nav .nav-box {پس زمینه: # e9e9e9؛ بالشتک: 10px؛}
# cooler-nav img {float: left؛ حاشیه: 0 10px 0 0؛}
# cooler-nav p {margin: 0 10px؛ اندازه قلم: 12px؛ vertical-align: middle؛}
# cooler-nav .previous {float: left؛ vertical-align: وسط؛ عرض: 250 پیکسل ارتفاع: 100 پیکسل؛}
# cooler-nav .next {float: right؛ عرض: 250px؛}

در صورت تمایل می توانید سبک را متناسب با موضوع خود تغییر دهید. غالباً کاربران ما دوست دارند کد را سبک کنند ، بنابراین تغییر شکل آن را برای آنها آسان می کند. این فقط یک سبک اساسی است که باید بتوانید به راحتی آن را شخصی سازی کنید.

اگر می خواهید اندازه تصویر بند انگشتی را تغییر دهید ، به سادگی آرایه (100100) را به هر آنچه دوست دارید تغییر دهید.

منبع: ممنوعیت آن

منبع:
https://www.wpbeginner.com/wp-themes/how-to-use-thumbnails-with-previous-and-next-post-links-in-wordpress/.

دیدگاهتان را بنویسید