همان طور که می دانید پیشخوان وردپرس از فونت پیشفرض استفاده می کند و تنظیماتی برای تغییر فونت وجود ندارد ما در این آموزش میخواهیم در کمترین زمان ممکن بدون نصب افزونه تغییر فونت پیشخوان وردپرس را انجام دهید اما برای این کار ما نیاز به فونت هم داریم که به صورت کاملاً رایگان در اختیار شما قرار داده می شود .
تغییر فونت پیشخوان وردپرس با استفاده از کد
اگر بخواهیم با کد این کار را انجام دهیم باید کدی که در این آموزش قرارداده شده است را در انتهای فایل functions.php قالب قرار دهید و نکته بسیار مهم این است که حتما قبل از انجام این کار بکاپ از سایت خود تهیه نمایید .
ابتدا وارد قسمت پیشخوان > نمایش > ویرایش پرونده پوسته شوید و روی functions.php کلیک کنید .
سپس در انتهای کد های خود کد زیر را قرار دهید :
نکته خیلی مهم اگر از قالب چایلد استفاده کنید بعد از اینکه قالب سایت شما آپدیت شود کد های شما نیز از بین نمیرود مثلا اگر قالب هلو المنتور استفاده میکنید از قالب چایلد هلو المنتور باید استفاده نمایید .
function change_admin_font() {
echo '<style type="text/css">@font-face{ font-display:swap;font-family:"esfont";src:url("' . get_stylesheet_directory_uri() . '/font/esfont.ttf") }#wpwrap,#wpadminbar .ab-empty-item,#wpadminbar a.ab-item,#wpadminbar>#wp-toolbar span.ab-label,#wpadminbar>#wp-toolbar span.noticon,.rtl h1,.rtl h2,.rtl h3,.rtl h4,.rtl h5,.rtl h6,.media-toolbar-secondary,.media-frame.mode-grid .media-toolbar select,.details,.media-modal label{font-family:"esfont"}#adminmenu,#adminmenu,#adminmenuback,#adminmenuwrap{background-color:#ffffff00!important}#adminmenu div.wp-menu-name{background:#151515;margin-bottom:5px;border-radius:7px}#adminmenu div.wp-menu-image{background:#034b52;border-radius:5px;margin-left:8px}#adminmenu .wp-submenu{background-color:#0e0e0e!important;border-radius:5px!important;margin-bottom:5px}#adminmenu li.menu-top:hover,#adminmenu li.opensub>a.menu-top,#adminmenu li>a.menu-top:focus{background-color:#1d232700!important}#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head,#adminmenu .wp-menu-arrow,#adminmenu .wp-menu-arrow div,#adminmenu li.current a.menu-top,#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu{background:#2271b100!important;color:#11cfd1!important}</style>';
}
add_action('admin_head', 'change_admin_font');
کار بعدی آپلود فونت شما می باشد برای اینکار میتوانید فونت مورد نظر را به صورت رایگان از لینک زیر دانلود نمایید سپس وارد هاست خود شوید و بعد وارد پوشه قالب خود شوید در اینجا قالب من hello-elementor می باشد مسیر من میشه wp-content\themes\hello-elementor\font اگر پوشه font ندارید بسازید و فایل فونت را داخل آن آپلود نمایید .
دانلود فونت رایگان
دقت نمایید فایل با نام esfont.ttf در پوشه font آپلود شود .
کار تمام شد میتوانید از فونت فارسی خودتان لذت ببرید .
23 پاسخ
سلام. ممنون از آموزهای خوبتون. لطفا آموزش تغییر فونت پیشخوان المنتور هم قرار بدین. فونت فارسیش خیلی ناخواناست.
سلام درود بر شما
بله حتما ضبط خواهد شد
خیلی ممنونم ازتون
کد کار میکنه
ولی بهتره استایل هاش رو حذف کنید
چون مثلا منی که هدفم این بود فقط فونت عوض بشه یه مقدار وقتم رو گرفت
مرسی
بله حتما
سلام
ممنون از آموزش شما؛ یه بازخورد داشتم. من قبلا از همین صفحه سایت شما قطعه کدی رو برداشتم برای تغییر فونت پیشخوان وردپرس یکی از وبسایت هام. الان که دوباره اومدم کد رو بردارم (این دفعه برای یکی دیگه از وبسایت هام)، متوجه شدم که کد رو تغییر دادید.خواستم بگم که اون فونت قبلی خیلی خیلی بهتر از این کد جدیده بود (از نظر طراحی و کاربر پسند بودن)
قطعه کد قبلی شما رو نمیتونم توی کامنت بذارم چون افزونه وردفنس شما بلاکش میکنه. صرفا خواستم بگم من کد قدیمی رو بیشتر میپسندم تا این کد جدید. البته که این فقط نظر شخصی منه.
سپاس
سلام درود بر شما
با توجه به بروزرسانی ها چندین باگ داشت که رفع شده است
سلام
کسی هست به صورت ویدیویی آموزش بده چطور پوشه فونت بسازم و این فونت esfont.ttf رو داخلش آپلود کنم؟
سلام و درود
کد رو داخل فایل فانکشن قرار دادم و اجرا شد اما نمیدونم چطور بخش مربوط به فونت رو درست کنم و الان پیشخوانم فونتش خوب نیست میشه بگید چطور پوشه فونت بسازیم و چطور فونت رو داخلش آپلود کنیم و چطور اندازه فونت رو تغییر بدیم؟
ممنونتون میشم جواب بدید. بازم از آموزش های خفنتون ممنون. من هرروز از طریق اینستاگرام آموزشاتون رو دنبال میکنم واقعا عالی هستن.
سلام وقت بخیر
ممنون از شما لطف دارید
در آموزش گفته شد wp-content\themes\hello-elementor\font اگر قالب هلو المنتور ندارید هر قالبی دارد داخل آن قالب فولدر font بسازید و آپلود کنید
من از قالب هلو المنتور استفاده میکنم و فونت شما رو دانلود کردم و در این مسیر( wp-content\themes\hello-elementor\ )یه پوشه فونت ساختم و فونتمو آپلود کردم و بعد ذخیره کردم اما فونت اجرا نشد؟
سلام درود بر شما
بررسی کنید ببنید فونت در سایتتون به درستی آپلود کردید در لینک زیر به جای yourwebsite.com ادرس سایت خودتان ر قرار دهید
https://yourwebsite.com/wp-content/themes/hello-elementor/font/esfont.ttf
ممنون درست شد🌹
سلام وقتتون بخیر.
باتشکر از آموزش خوبتون
میخواستم بدونم چجوری میتونم اندازه فونت پیشخوان وردپرس هم تغییر بدم؟
سلام خدمت شما
میتونید از font-size: 14px; استفاده کنید و عدد 14 را به اندازه دلخواه تغییر دهید
همین کارو میکنم ولی سایز فونت تغییر نمیکنه!
سلام خدمت شما
اینم اضافه کنید
.wp-menu-name {
font-size: 18px !important;
}
سلام آقای قربان خانی ، این کدها را
باید در توابع پیوسته قالب اصلی کپی شوند یا در قالب چایلد ؟ در قالب چایلد من توبع پیوسته را کلیک می کنم ، می نویسه پوسته ای وجود ندارد
سلام وقت بخیر
بهتر است در قالب چایلد این موارد را قرار دهید .
سلام وقت بخیر
وردپرس من قسمت پرونده پوسته را ندارد و باید از طریق هاست بهش دست پیدا کنم؟
چرا این طوری شده؟
سلام درود بر شما
این مورد می تواند از قالب شما و یا کدی در قالب شما باشد از طریق هاست بله میتوانید دسترسی داشته باشید
من اومدم با فراخوانی فونت های قسمت های پنل المنتور در سمت فرانت رو هم با این فونت ست کنم نشد
.elementor-panel .elementor-element .title, .elementor-panel-heading-title, .elementor-component-tab.elementor-panel-navigation-tab, .elementor-panel .elementor-panel-menu-item-title, #elementor-panel-elements-search-input, #elementor-controls button, .elementor-control-field, #elementor-panel-saver-button-publish-label
https://s30.picofile.com/file/8475553034/Screenshot.png
در صورت امکان کدهای بالا برای این قسمت هم اصلاح بشه و اون قسمت ادیتور المنتورو هم شامل بشه . تشکر
سلام درود بر شما
این تغییرات را میتوانید در افزونه المنتور لحاظ کنید که در یک مقاله مجزا بزودی قرار میدهیم
سلام . بسیار از آموزش تون تشکر می کنم . عالی بود