آموزش افزودن فونت به AMP در وردپرس

در این آموزش نحوه اضافه کردن فونت فارسی به AMP در وردپرس را برای شما آموزش می دهیم.

یکی از افزونه های اضافه کردن AMP در وردپرس، افزرونه محبوب AMP for WP – Accelerated Mobile Pages می باشد.

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

توجه: تغییرات در بخش های زیر نیاز به دانش برنامه نویسی Front-end و آشنایی با CSS می باشد.

افزودن فونت به AMP در وردپرس

برای افزودن فونت فارسی در AMP در وردپرس می بایست از طریق آموزش زیر عمل کنید. پیشنهاد می شود مراحل را با دقت دنبال نمایید.

• نخست بر روی آیکون AMP در وردپرس کلیک کنید.
• سپس وارد بخش Design در افزونه AMP for WP شوید.

• در ادامه وارد بخش Global شده و در پایین صفحه وارد محیط ویرایش Custom CSS شوید.
• این محیط برای اضافه کردن دستور اضافه کردن دستورات اضافی CSS مانند: افزودن فونت و اعمال کردن آن ها استفاده می شود.

• ساختار کد زیر را در محیط ویرایشگر کپی کنید و با دقت به نکات زیر توجه کنید.

  @font-face {
    font-family: "font_name";
    src:url(https://url_address/font_name.woff) format('woff')
}

.content-wrapper {
     font-family: "font_name";
    direction:rtl;
}

نکته ۱

در خط دوم به جای نام font_name ، می بایست نام فونت استفاده شده توسط پوسته وردپرس را وارد کنید.

نکته ۲

در خط سوم آدرس ذخیره فونت و فرمت استفاده شده آن را باید با دقت تعریف نمایید.

به عنوان مثال به جای url_address/font_name.woff می بایست آدرس URL ختم شده به محل ذخیره فونت قرار داده شود.

فرمت فونت woff یکی از فرمت های فونت در وب می باشد.

نکته ۳

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

content-wrapper طبق مثال بالا، نام font-family مورد نظر خود را تعریف کنید. و به جای font_name نام فونت خود را اضافه کنید.

نکته ۴

استفاده از دستور direction:rtl برای راست چین کردن حروف الزامی است.

نکته ۵

بعد از اضافه کردن این کد ها در قسمت Custom CSS می بایست کلید Save Setting را فشار دهید تا تغییرات شما ذخیره شوند.

نکته ۶

برای مشاهده تغییرات اعمال شده بر روی مرورگر خود، حتما باید یکبار کش آن را پاک نمایید.

تبریک! شما موفق به افزودن فونت وردپرس خود در AMP شدید. ار این پس صفحات AMP شما با فونت فارسی وب سایت خودتان نمایش داده می شود.

امیدواریم در آموزش اضافه کردن فونت به AMP در WordPress مشکلات شما را حل کرده باشیم. در قسمت نظرات همراه ما در FaraTips باشید.

بیشتر بخوانید: مزایای استفاده از AMP