هنگام ایجاد وبلاگ خود ، یک چیز که بلاگ نویسان اغلب از آن چشم پوشی می کنند ، دکمه تاریخ است. چیزی به سادگی یک دکمه تاریخ سفارشی می تواند واقعاً در طراحی وبلاگ شما تفاوت ایجاد کند. بنابراین در این مقاله به شما نشان خواهیم داد که چگونه می توانید یک دکمه تاریخ سفارشی برای وردپرس ایجاد کنید.
ما از تصویری که در سمت چپ نشان داده شده است شروع خواهیم کرد ، و آن را مانند یک تصویر در سمت راست قرار می دهیم.
در صورت تمایل به استفاده خود می توانید از تصویری که در بالا استفاده می کنیم استفاده کنید یا تصویر خود را ایجاد کنید.
اولین کاری که شما باید انجام دهید این است که فایل style.css خود را باز کنید و چیزی مانند زیر اضافه کنید:
<div class="datebg">
<div class="month"><?php the_time(’M’) ?></div>
<div class="day"><?php the_time(’d’) ?></div>
</div>
اکنون ممکن است آن را به هر شکلی که دوست دارید سبک دهید و همچنین می توانید نام کلاس را تغییر دهید. سپس باید index.php و single.php را باز کنید . و کد زیر را که الگوی شما در آن قرار دارد اضافه کنید.
<div class = "datebg">
<div class = "month"> <؟ php the_time (M)؟> </div>
<div class = "day"> <؟ php the_time (d)؟> </div>
</div>
حتماً استایل را متناسب با نیاز خود تغییر دهید. حال باید یک تصویر تاریخ سفارشی داشته باشید. برای کسب اطلاعات بیشتر می توانید به WordPress Codex نیز مراجعه کنید.
منبع:
https://www.wpbeginner.com/wp-tutorials/how-to-create-a-customized-date-button-for-wordpress/