تغییر فونت در وردپرس با استفاده از کدهای CSS و افزونه MW Font Changer

[su_box title=”لیست بروز رسانی های مقاله” box_color=”#d97560″ radius=”20″]

• ویدئوی آموزشی تغییر فونت در وردپرس با استفاده از کد و افزونه در تاریخ 11 تیر 98 اضافه شد.

[/su_box]

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

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

[toc]

[su_note note_color=”#e716b2″ text_color=”#fff” radius=”20″]ساخت صفحه های بسیار زیبا و حرفه ای فقط اگر کار با افزونه صفحه ساز المنتور را یاد بگیرد (طراحی سایت را بدون کدنویسی یاد بگیرید)[/su_note]

انواع روش اضافه کردن فونت به وردپرس :

روش اول(استفاده از کد های سفارشی) :

همان روش کد نویسی هست که اکثر شما کدها CSS و HTML به گوشتان خورده است که چه کارهایی میتوان در زبان های نشانه گذاری انجام داد و اگر آشنایی با این کار ندارید و کار سختی براتون به نظر میرسه متونید از افزونه ها استفاده کنید ولی ما در این آموزش حتما به شما نحوی وارد کردن فونت به صورت کد نویسی را خواهیم گفت.

روش دوم(استفاده از افزونه های آماده) :

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

مطالعه ی بیشتر : چطور یک فهرست محتوای بسیار عالی و حرفه ای بسازم ؟

کد css تغییر فونت قالب وردپرس :

این راه در واقع اصولی ترین راهیست که میتوانید برای تغییر فونت در قالب وردپرس از آن استفاده کنید. در این روش که بیشتر هنگام طراحی پوسته ها مورد استفاده قرار می گیرد شما باید فونت های موردنظرتان را که دارای فرمت های استاندارد otf ، eot ، svg ، woff ، woff2 و ttf هستند در پوشه ای تحت عنوان fonts قرار دهید و آن در در کنار سایر فایل ها آپلود کنید. سپس میتوانید از دستور font-face@ استفاده کنید تا بتوانید آن را در فایل style.css فراخوانی کنید و فونت هر قسمت از پوسته که بخواهید را بتوانید با دستور font-family معرفی کنید.

به عنوان مثال من در این فایل CSS که نوشتم دو نوع فونت را فراخوانی کرد ابتدا همانطور که گفتم در پوشه فونت حتما فونت ها رو آپولد کنید و بعد در فایل CSS خود آن را فراخوانی کنید:

@font-face {
font-family: 'BYekan';
src: url('/fonts/BYekan.eot');
src: local('b BYekan'), url('fonts/BYekan.woff') format('woff'), url('fonts/BYekan.ttf') format('truetype'), url('BYekan.svg') format('svg');
font-weight: normal;
font-style: normal;
}

و شما میتوانید کل body را به هر فونتی که خواستید تغییر دهید و فقط کافی است که font-family را با نام هر فونتی که ایجاد کرده ایم فراخوانی کنید که به راحتی فونت شما تغییر خواهد کرد.

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

اضافه کردن فونت به وردپرس توسط افزونه :

برای تغییر فونت توسط افزونه ، ما به شما  افزونه MW Font Changer رو به شما پیشنهاد میدیم که از اون برای تغییر فونت تو وردپرس استفاده کنید . برای نصب افزونه MW Font Changer میتونین از خود مخزن وردپرس دانلود کنید و یا فقط اسم پلاگین رو سرچ کنید و اونو نصب کنید :

این افزونه دارای ویژگی های مختلفی است که از جمله آنها می توان به موارد زیر اشاره کرد:

•  این افزونه کاملا فارسی و راست چین شده است .
•  این افزونه را میتوانید به راحتی نصب و تنظیم کنید.
• میتوانید فونت بخش مدیریت را با پوسته وردپرس تغییر دهید
• شما میتوانید تعیین اندازه فونت را برای بخش های مختلف سایت انجام دهید.
• این افزونه بیش از 20 فونت فارسی و 4 فونت انگلیسی را پشتیبانی می کند.
• شما میتوانید توسط این افزونه از فونت وب زیبای IRANSans استفاده کنید.
• این افزونه در واقع قابلیت سازگاری کامل فونت ها را با مرورگر های به روز مانند فایرفاکس و کروم دارد.

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

برای این کار افزونه های زیادی وجود دارند که افزونه MW Font Changer به صورت کاملا فارسی سازی شده و شما به راحتی میتوانید فونت های دلخواه را به سایت خود اضافه کنید.

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

[su_button url=”https://downloads.wordpress.org/plugin/parsi-font.zip” target=”blank” style=”flat” background=”#219908″ size=”6″ wide=”yes” center=”yes” radius=”20″ icon=”icon: download”]دانلود مستقیم افزونه MW Font Changer از مخزن وردپرس [/su_button]

[su_button url=”https://aylinweb.com/wordpress-tutorial-persian-inc-40-session/” target=”blank” style=”flat” background=”#7826ef” size=”6″ wide=”yes” center=”yes” radius=”20″ icon=”icon: mortar-board”]دیدن تمام آموزش های حرفه ای وردپرس[/su_button]