همانطور که می دانید وبسایت های زیادی برای validation کردن وبسایت ها موجود می باشند که یکی از آنها validator.w3.org می باشد که کار این وبسایت اعتبارسنجی سند html خروجی سایت شماست.
یکی از مشکلاتی که جدیدا با ورود html5 به دنیای وب از صفحات html خواهد گرفت زمانی است که در تگ script که برای بارگذاری فایل های جاواسکریپت و تگ style که برای بارگذاری فایل های css می باشد شما از خاصیت type استفاده کنید.
در این نوشته شما یاد خواهید گرفت که چگونه این خطا را در وبسایت وردپرسی خود حل کنید.
در ابتدا می توانید وارد سایت validator.w3.org شوید و آدرس سایت خود را بزنید و مشکلات سند html خروجی سایت خود را مشاهده کنید؛ در این آموزش تنها قصد ارائه ی روشی برای “حذف خاصیت type در تگ script و style وردپرس” را داریم.
اصلا خطایی که از آن صحبت می شود به چه شکل است ؟!
دموی خطا در validator.w3.org :
حالا شاید بپرسید این که خارجی نوشته اصلا این خطا چرا باید به وجود بیاید؟! اگر اینطور است به کد زیر دقت کنید:
<script type="text/javascript"></script> <style type="text/css"></style>
خب با توجه به کد بالا باید دقت کنید که در استانداردهای html5 دیگر نیازی به استفاده از خصیصه ی type در تگ های script و style نیست.
اما برای رفع این مشکل در وردپرس روش های مختلفی ارائه شده است زیرا تنها در قالب نیست که فایل های js و css در صفحه لود می شود و افزونه ها هم فایل های خود را به صفحه اضافه می کنند.
ضمنا اصلا کار معقولی نیست که به سراغ تمام بخش ها بروید و این مورد را برای همه ی فایل ها و قطعه کدها ادیت و حذف کنید.
راه حل حذف خاصیت type در تگ script و style وردپرس :
- در ابتدا مثل آموزش های دیگر سایت از وردپرس خود بکاپ تهیه کنید که در صورت به وجود آمدن مشکل سایت شما با مشکل روبرو نشود.
- وارد فایل functions.php قالب خود شوید و این فایل را ادیت کنید. (ادیت از پنل وردپرس یا پنل هاست تفاوتی ندارد تنها دسترسی به ادیت برای این فایل داشته باشید کافی است.)
- قطعه کد زیر را در آخرین خط این فایل قرار دهید.
add_action(
'after_setup_theme',
function() {
add_theme_support( 'html5', [ 'script', 'style' ] );
}
);
- فایل functions.php را ذخیره کنید و کش سایت خود را خالی کنید.
- حالا وارد validator.w3.org شوید و وبسایت وردپرسی خود را مجددا آنالیز کنید و این خطای warning را رفع کنید و یک خروجی valid داشته باشید.
پ.ن 1 : دقت کنید شما تنها این مشکل را حل کرده اید و ممکن است اسناد html شما دارای مشکلات دیگری نیز باشند.
پ.ن 2: ممکن است روش های دیگری برای “حذف type در تگ script و style” موجود باشد اما این روش، یک روش ابتدایی و قابل انجام می باشد.
راستی یه خبر خوش براتون داریم؛ یک دوره ی ویدیویی وردپرس به صورت رایگان برای شما کاربران عزیز تهیه شده است که از این لینک به آن دسترسی پیدا کنید.
اگر روش های بهتر یا مناسب تری برای حل این مشکل سراغ دارید حتما در بخش نظرات همین نوشته برای ما ارسال کنید.
پایدار باشید.