مسدود کردن اسکرول افقی به کمک wp code در وردپرس

در پست قبلی به شما آموزش دادم که چطور با یک خط کد اسکرول افقی را داخل وردپرس مسدود کنید آموزش قبلی روی قالب فعلی شما اعمال می شود و اگر قالب خود را تغییر دهید تمامی تغییرات شما از بین خواهد رفت. برای این منظور بایستی از wp code استفاده کنید.

چطور از اسکرول افقی در وردپرس جلوگیری کنیم؟ ( پست قبلی )

وارد wp code شوید. برروی add new کلیک کنید.

در صفحه add snippet همانند تصویر زیر برروی Add Your Custom Code (New Snippet) کلیک کنید.

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

کد های زیر را داخل snippet کپی کنید. اگر بزرگ و کوچیک است همه حروف را کوچک تایپ کنید.

<style type="text/css">
html, body {
    max-width: 100%;
    overflow-x: hidden;
}
</style>

حالا به پایین صفحه اسکرول کنید و حالت الحاق را برروی auto insert قرار دهید.

حالا در بالای صفحه دکمه active را روشن کنید و برروی Save Snippet کلیک کنید.

حالا فارق از تعویض قالب ، تغییرات داخل قالب شما باقی می ماند.

موفق و پیروز باشید.