تغییر فونت ویرایشگر وردپرس (100٪ تست شده)
  • خانه
  • بلاگ
  • تغییر فونت ویرایشگر وردپرس (100٪ تست شده)

تغییر فونت ویرایشگر وردپرس (100٪ تست شده)

15 0
۱۳۹۹/۰۸/۲۱

برای خیلی از مشتری های عزیز وقتی سایتی با وردپرس طراحی میکنیم همیشه از فونت بد ویرایشگر خود وردپرس گله میکنن منم امروز با پست ساده تغییر فونت ویرایشگر وردپرس (100٪ تست شده) در خدمت شما هستم.

کار بسیار ساده ای هستش و بدون افزونه این کار امکان پذیر هستش و روی ویرایشگر جدید وردپرس تست شده و همینطور که در عکس پایین مشاهده میکنید خودمون داریم ازش استفاده میکنم.

همونطور که میدونین در وردپرس ورژن 5 ادیتور کلاسیک جای خودش را به ادیتوری جدید به نام “گوتنبرگ” داده است ولی متاسفانه هنوزم تو نمایش فونت فارسی دچار مشکل هست وردپرس.

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

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

تغییر فونت ویرایشگر وردپرس

1- اول از فایل Function.php قالب بکاب تهیه کنید.

معمولا تمام قالب ها باید این فایل رو داشته باشن.

2- اول وارد فایل Function.php تو قالب خودتون بشید این کار هم تو سی پنل امکان پذیر هستش و هم تو خود وردپرس (کافیه وارد ویرایشگر پوسته بشین)

3- کد زیر رو به Function.php اضافه کنید.

function paul_guten_block_editor_assets() {
	wp_enqueue_style(
		'paul-editor-style',
		get_stylesheet_directory_uri() . "/editor.css",
		array(),
		'۱.۰'
	);
}
add_action('enqueue_block_editor_assets', 'paul_guten_block_editor_assets');

4- فایلی با نام editor.css ایجاد کنید و بعد از جایگذاری کدهای زیر، اون رو در پوشه تم اصلی سایتتون قرار بدین.

یا همین فایل رو دانلود کنید.

@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: normal;
	src: url('assets/fonts/woff/IRANSansWeb(FaNum).woff');
	src: url('assets/fonts/eot/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'),
		url('assets/fonts/woff2/IRANSansWeb(FaNum).woff2') format('woff2'),
		url('assets/fonts/woff/IRANSansWeb(FaNum).woff') format('woff'),
		url('assets/fonts/ttf/IRANSansWeb(FaNum).ttf') format('truetype');
}

@font-face {
	font-family: IRANSans-Medium;
	font-style: normal;
	font-weight: 500;
	src: url('assets/fonts/woff/IRANSansWeb(FaNum)_Medium.woff');
	src: url('assets/fonts/eot/IRANSansWeb(FaNum)_Medium.eot?#iefix') format('embedded-opentype'), url('assets/fonts/woff2/IRANSansWeb(FaNum)_Medium.woff2') format('woff2'), url('assets/fonts/woff/IRANSansWeb(FaNum)_Medium.woff') format('woff'), url('assets/fonts/ttf/IRANSansWeb(FaNum)_Medium.ttf') format('truetype');
}

@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: bold;
	src: url('assets/fonts/woff/IRANSansWeb(FaNum)_Bold.woff');
	src: url('assets/fonts/eot/IRANSansWeb(FaNum)_Bold.eot?#iefix') format('embedded-opentype'),
		url('assets/fonts/woff2/IRANSansWeb(FaNum)_Bold.woff2') format('woff2'),
		url('assets/fonts/woff/IRANSansWeb(FaNum)_Bold.woff') format('woff'),
		url('assets/fonts/ttf/IRANSansWeb(FaNum)_Bold.ttf') format('truetype');
}

.editor-post-title__block .editor-post-title__input,
.edit-post-visual-editor, .edit-post-visual-editor p,strong , h1, h2, h3, h4, h5, h6 {
	font-family: "IRANSans", sans-serif;
}

.editor-post-title__block .editor-post-title__input {
	font-size: 30px !important;;
	text-align: center !important;;
}

.edit-post-visual-editor, .edit-post-visual-editor p,
.editor-rich-text__tinymce.mce-content-body {
	font-size: 20px !important;
    line-height: 30px !important;
}

اگه به کدهای بالا توجه کنید اینها آدرس فونت های من در قالب هستن و شما باید آدرس فونت های هایی که دوست دارین لود بشه تو ویرایشگر رو بدین.

اگه علاقه به فیکس کردن منوی سایت خودتون دارین به لینک آموزش ساخت منوی چسبنده ( Sticky Menu ) بدون جاوا اسکریپت سر بزنید.

پست تغییر فونت ویرایشگر وردپرس (100٪ تست شده) هم به پایان رسید نظرتون چی بود؟

43 عمومی
آموزش نوشتن پروپوزال برای طراح سایت

آموزش نوشتن پروپوزال برای طراح سایت

خیلی از کارفرما ها با فرستادن داکیومنت یا پروپوزال برای طراح و برنامه نویس آشنا نیستن برای همین امروز سعی کردم با آموزش نوشتن پروپوزال برای طراح سایت یه مقاله کاربری رو در سایت منتشر کنم. پروپوزال چیست در واقع وقتی ایده ای در ذهن دارید و قراره که اون رو به مرحله عمل برسونید […]

در حال پاسخ به: ایمان آقاپور
نمایش پیام ها

ثبت درخواست مشاوره

logo mihandesign

بزودی با شما تماس خواهیم گرفت

شماره تماس: 09024184107
پست الکرونیک: support@mihandesign.com
عملیات موفق آمیز بود
عملیات ناموفق بود