افرودن دکمه پرینت به وردپرس بدون افزونه

بعضی مواقع نیاز است که در بخش نوشته ها یک دکمه پرینت وجود داشته باشد تا کاربران بتوانند از طریق آن نوشته مورد نیاز خود را چاپ کنند . این ویژگی در سایت های آموزشی کاربرد بیشتری دارد و مخاطبین این سایت ها معمولا دوست دارند آموزش ها را بر روی کاغذ چاپ کرده و مطالعه کنند . به همین دلیل شما باید یک دکمه پرینت در نوشته قرار داده و از طریق آن این نیاز کاربران را برطرف کنید

روش های مختلفی برای انجام این کار وجود دارد اما اگر بخواهید ساده ترین روش را یاد بگیرید بهتر است این اموزش را دنبال کرده و دکمه چاپ کردن خود را بدون هیچ افزونه های به سایت اضافه کنید

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

برای افزودن دکمه چاپ کردن به سایت خود کار سختی در پیش ندارید . فقط کافیست به منو افزودن نوشته رفته و از بخش انتخاب بلوک گوتنبرگ یک بلوک html انتخاب کنید

بعد از انتخاب بلوک کد زیر را درون ان قرار داده و نوشته خود را منتشر کنید

<a class="printhalsho" href="#" onclick="window.print(); return false;">پرینت بگیرید</a>

حالا دکمه پرینت برای نوشته شما ساخته شده است اما ظاهر خاصی ندارد . پس به همین دلیل فایل css قالب خود که معمولا با نام style.css موجود است را باز کرده و کد زیر را درون ان قرار دهید

.printhalsho {
  background: #666;
  color: #fff;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 100;
  border-radius: 4px;
}

بعد از وارد کردن این کد حتما فایل سی اس اس را ذخیره کرده و به صفحه نوشته خود بروید . مشاهده خواهید کرد که دکمه پرینت زیبایی به نوشته شما اضافه شده و کاربرانتان از این به بعد میتوانند بدون دردسر مطالب آموزشی شما را چاپ کنند

مطالعه شود : 12 ایده برای کسب درآمد در منزل