آموزش رفع مشکل Access-Control-Allow-Origin وردپرس

چرا مشکل Access-Control-Allow-Origin و Contents over HTTPS پدیدار می شود ؟

خیلی مواقع در بسیاری از وب سایت های وردپرسی اس اس ال یا https فعال است که امکان دارد بخش از منابع برای مثال فایل های css یا js یا فایل های فونت لود نشوند .
درصورتی که این مورد را از طریق کنسول گوگل کروم بررسی کنین متوجه میشن که این منابه توسط مرورگر مسدود می شوند و به دلیل تداخل در پروتکل ssl این مشکل بوجود می آید !
در این حالت خطا هایی مثل خطای زیر دریافت خواهید کرد که بسیار مشکل ساز است در ادامه با وبیت همراه باشید تا این مشکل رو رفع کنین .

Access to font at 'https://www.vebeet.com/wp-content/themes/vebeet/fonts/sansir.woff' from origin 'https://vebeet.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

چطوره خطای Access-Control-Allow-Origin را رفع کنیم  ؟

برای حل این مشکل دردسرساز ابتدا وارد هاست خود شوید و فایل htaccess. را پیدا کنید درصورتی که این فایل رو پیدا نکردید .
از بالای هاست سی پنل روی دکمه Settings کلیک کنید ، سپس بعد از باز شدن Preferences تیکت گزینه Show Hidden Files (dotfiles) بزنید .
این روش تمامی فایل های پنهان هاست شما را نمایان می کند ، خوب کد زیر را در آخر فایل htaccess. بگذرید و این فایل رو ذخیره کنید .

<IfModule mod_headers.c>
<FilesMatch ".(ttf|ttc|otf|eot|woff|woff2|font.css|css|js)$">
Header set Access-Control-Allow-Origin "*"
</FilesMatch>
</IfModule>

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