ویدیوی معارفه‌ی پکیج وب مدرس، چطور به یک مدرس آنلاین موفق تبدیل شویم؟
ویدیو را ببینید!

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

آموزش تغییر فونت پیشخوان وردپرس | تغییر فونت پنل مدیریت وردپرس | سریع و آسان | شایان وب | ShayanWeb.com | تغییر فونت وردپرس

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

در این مقاله، می‌خواهیم نحوه‌ی تغییر فونت پیشخوان وردپرس و اضافه کردن فونت فارسی برای ظاهر بهتر پنل مدیریت وردپرس را آموزش دهیم! با ما در این مقاله‌ی ساده و سریع، همراه باشید!

چرا تغییر فونت پیشخوان وردپرس؟!

وقتی یک وبمستر و مدیر سایت هستید، قطعا زمان زیادی را در پیشخوان وردپرس (پنل ادمین وردپرس) می‌گذرانید. برای نوشتن مطالب و مقالات، بررسی فرم‌ها، آنالیز، بررسی نظرات و… احتمالا هر روز به پنل وردپرس سایت سر می‌زنید.

برای همین برای اینکه طرح زیبایی را ببینید، بهتر است از فونت مناسب هم در پنل مدیریت سایت وردپرس‌تان استفاده شود!

فونت بد یا فونت خوب برای پیشخوان وردپرس و گوتنبرگ؟!
بررسی تغییر فونت پنل ادمین وردپرس و گوتنبرگ

همان طور که در تصویر بالا هم می‌توانید ببینید، فونت مناسب در محیط گوتنبرگ پیشخوان وردپرس، می‌تواند باعث اشتیاق بیشتر شما برای ماندن در این محیط باشد! همچنین باعث خوانایی بیشتر و لذت بردن بیشتر می‌شود!

البته، این آموزش برای فقط تغییر فونت گوتنبرگ نیست و می‌خواهیم با هم تغییر فونت تمام بخش‌های پنل ادمین وردپرس (پیشخوان وردپرس) را انجام دهیم!

چطور فونت را تغییر بدهیم؟!

تغییر فونت وردپرس با روش‌های مختلف
تغییر فونت و روش‌های آن

شما می‌توانید با کدنویسی و اعمال تغییراتی در کدهای برنامه‌نویسی‌شده‌ی قالب وردپرس وبسایت‌تان، این کار را انجام دهید. اما با توجه به زمان‌بر بودن این کار و سختی انجام این کار برای برخی از کاربران، ما دقیقا همین کدها را به صورت یک افزونه‌ی بسیار سبک آماده کرده‌ایم که آپدیت هم می‌شود! این افزونه در وبسایت رسمی وردپرس WordPress.org توسط شایان وب، منتشر شده است و کاملا استانداردها را رعایت کرده است.

البته، آموزش تغییر فونت با کدنویسی و بدون افزونه‌ی آماده شده توسط ما و از طریق چایلد تم هم آموزش داده می‌شود!

این افزونه‌ای که ما کدنویسی کرده‌ایم، بسیار بسیار سبک است و کار را ساده و سریع می‌کند! پیشنهاد ما همین افزونه است، بدلیل اینکه بروز هم می‌شود.

عملکرد آن هم بسیار ساده است! فقط باید آن را نصب کنید و تمام! فونت پیشخوان وردپرس شما، تغییر می‌کند (:

پیشنهاد ما استفاده از افزونه است، اما بدانید که کلا دو روش وجود دارد و هر دو را برای شما شرح می‌دهیم.

ویدیوی آموزشی کامل تغییر فونت پیشخوان وردپرس

یک ویدیوی آموزشی کامل برای تغییر فونت پیشخوان وردپرس وبسایت‌تان آماده کرده‌ایم تا براحتی این کار را انجام دهید و راحتتر باشید!! ویدیوی زیر را ببینید و بعد افزونه‌ی اختصاصی شایان وب برای تغییر فونت پیشخوان وردپرس را دانلود و روی وبسایت‌تان نصب کنید.

آموزش تغییر فونت پیشخوان وردپرس با افزونه‌ی اختصاصی شایان وب

نحوه‌ی استفاده از افزونه‌ی بسیار سبک و تغییر فونت

افزونه‌ی تغییر فونت پیشخوان وردپرس شایان وب - ShayanWeb Font Changer Plugin
افزونه‌ی تغییر فونت پنل مدیریت وردپرس شایان وب

همان طور که گفتم، این افزونه توسط مجموعه‌ی شایان وب کدنویسی شده و فوق العاده سبک و آسان است. افزونه کاملا استاندارد بوده و در وبسایت رسمی وردپرس WordPress.org منتشر شده است.

این افزونه، تنظیم خاصی برای راه‌اندازی ندارد. فقط باید آن را نصب کنید تا فونت پنل مدیریت وردپرس تغییر کند! همین و تمام!

برای استفاده از آن، تنها کافیست قدم‌های زیر را طی کنید:

  1. ابتدا وارد پیشخوان وردپرس خود شوید و به مسیر افزونه‌ها > افزودن بروید.
  2. در بخش جستجو، ShayanWeb Admin FontChanger را سرچ بزنید و روی نصب افزونه کلیک کنید. این افزونه خیلی سریع برای شما نصب می‌شود.
  3. سپس افزونه را فعال کنید.
  4. تمام!! فونت پیشخوان وردپرس شما تغییر می‌کند!!😍😍👌 به همین راحتی!
  5. اگر می‌خواهید فونت دیگری را انتخاب کنید یا تنظیماتی مانند غیرفعال کردن برخی امکانات افزونه (مثلا تغییر نکردن فونت ویرایشگر المنتور برای طراحی با المنتور) را انجام دهید، تنها کافیست به منوی “تنظیمات” در پیشخوان وردپرس خود بروید و به سادگی تنظیمات را انجام دهید و ذخیره کنید. این تنظیمات، بسیار بسیار سبک کدنویسی شده‌اند تا سرعت و عملکرد بسیار مناسبی را داشته باشند و بصورت استانداردی، کار انجام شود.

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

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

افزونه‌ی تغییر فونت پیشخوان وردپرس شایان وب (ShayanWeb Admin FontChanger) در مخزن وردپرس یعنی وبسایت رسمی وردپرس دات ORG هم توسط مجموعه‌ی شایان وب منتشر شده است! می‌توانید روی لینک زیر کلیک کنید تا به صفحه‌ی افزونه در سایت WordPress.org بروید، جزییات بیشتر آن را بررسی کنید یا آخرین نسخه‌ی آن را از سایت رسمی وردپرس دانلود کنید:

دانلود افزونه‌ی تغییر فونت پیشخوان وردپرس از سایت رسمی وردپرس😍

✅ نسخه‌ی سایت رسمی وردپرس، مستقیما از پیشخوان وردپرس شما بروزرسانی می‌شود و مورد تایید مرجع اصلی وردپرس هم می‌باشد.

فراموش نکنید که در سایت رسمی وردپرس اگر این افزونه برایتان کاربردی بود، حتما امتیاز 5 ستاره ثبت کنید! با این کار به ما کمک بزرگی کرده‌اید. حتما و حتما اگر هر سوال یا مشکلی هم داشتید به ما پیام بدهید، صد در صد کمک‌تان می‌کنیم و کنارتان هستیم💚

آموزش تغییر فونت با کدنویسی و از طریق چایلد تم قالب وردپرس

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

ایجاد چایلد تم

برای تغییر فونت پیشخوان وردپرس با کدنویسی، خیلی بهتر است از چایلد تم استفاده کنید و فایل‌های قالب اصلی خود را تغییر ندهید. در آپدیت‌های قالب اصلی هم به مشکلی نمی‌خورید!

قبلا در مقاله‌ی زیر، آموزش ایجاد چایلد تم را داده‌ایم:

پس از خواندن مقاله‌ی ایجاد چایلد تم، به ادامه‌ی آموزش توجه کنید:

ایجاد فایل functions.php

در مرحله‌ی بعدی، باید فایل functions.php را در چایلد تم خود ایجاد کنید. سپس در این فایل، کدهای زیر را اضافه کنید:

<?php
if (!function_exists( 'shayanweb_font_changer' )) {
  function shayanweb_font_changer() {
    wp_enqueue_style( 'custom_admin_panel_style', trailingslashit( get_stylesheet_directory_uri() )  . 'shwebfontchanger.css' );
  }
  add_action( 'admin_enqueue_scripts', 'shayanweb_font_changer' );
}

قرار دادن فایل shwebfontchanger.css

سپس از لینک زیر، فایل shwebfontchanger.css را دانلود کنید و در پوشه‌ی چایلد تم خود قرار دهید: (نکته: این فایل بصورت فشرده شده و با پسوند zip قرار دارد. باید آن را از حالت فشرده خارج کنید؛ سپس می‌توانید فایل css را ببینید و قرار دهید)

دانلود فایل shwebfontchanger.css

قرار دادن فایل‌های فونت

در نهایت باید فایل‌های فونت را قرار بدهید تا فونت‌ها لود شوند. برای این کار باید در همان چایلد تم، پوشه‌ای به نام fonts بسازید و فایل فونت شبنم را در آن قرار دهید. فایل فونت شبنم (و فولدر fonts) در فایل زیر قابل دانلود و قرار دادن در چایلد تم هستند. (این فایل هم باید از حالت فشرده خارج شود و سپس در پوشه‌ی چایلد تم قرار دهید)

دانلود فایل فونت شبنم (فولدر fonts)

پایان کار و اضافه شدن فونت فارسی مناسب پیشخوان وردپرس!

در نهایت اگر این کار را به صورت دقیق و قدم به قدم انجام داده باشید، باید فونت پیشخوان وردپرس تغییر کرده باشد!

افزونه‌ای هم که ما ساخته بودیم، دقیقا همین کدها بود! ولی بصورت افزونه و نه بصورت چایلد تم. برای همین کارکرد افزونه با چایلد تم، هیچ تفاوتی نخواهد کرد! پس به راحتی استفاده کنید😉 (البته چون افزونه بروزرسانی هم می‌شود، امکانات بیشتری هم دارد و این کدهای بالا در افزونه، کامل‌تر است)

تغییر فونت ویرایشگر المنتور!!

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

می‌تواند این تغییر را در زیر مشاهده کنید که در طولانی مدت، فونت زیباتر از بابت خستگی چشم نمی‌شود و نشاط را در شما برای طراحی نگه می‌دارد!😍👌 همین الان افزونه‌ی تغییر فونت شایان وب را نصب کنید!

تغییر فونت ویرایشگر المنتور با افزونه تغییر فونت پیشخوان وردپرس شایان وب
تغییر فونت ویرایشگر المنتور با افزونه تغییر فونت پیشخوان وردپرس شایان وب

سوالات متداول

با افزونه یا چایلد تم تغییر فونت پیشخوان وردپرس را انجام دهیم؟!

آموزش تغییر فونت پنل مدیریت وردپرس، با هر دو مورد، یعنی هم چایلد تم و هم افزونه آموزش داده شد.
افزونه‌ای که استفاده می‌شود، بسیار کم حجم و فوق‌العاده سبک است و همان کارکرد با کدنویسی، از طریق چایلد تم را دارد.
بنابراین استفاده از افزونه راحت‌تر، بهتر و سریع‌تر می‌تواند باشد!

تغییر فونت پیشخوان وردپرس چه کمکی می‌کند؟ چرا تغییر بدهیم؟!

تغییر فونت پیشخوان سایت وردپرس شما، باعث خوانایی بیشتر می‌شود و باعث می‌شود شما اشتیاق بیشتری برای ماندن در صفحه مدیریتی وردپرس داشته باشید!

آیا استفاده از افزونه برای این کار، سایت من را سنگین نمی‌کند؟

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

نتیجه گیری

امیدوارم این مقاله از سایت شایان وب هم برای شما مفید بوده باشد💚😊 در این مقاله، با نحوه‌ی تغییر سریع و ساده‌ی فونت پیشخوان وردپرس به فونت فارسی مناسب آشنا شدیم! و با دو روش تغییر با افزونه‌ی آماده شده و با کدنویسی از چایلد تم، این کار را انجام دادیم.

حتما برای آموزش‌های بیشتر، شایان بلاگ را ببینید و هر چند وقت یکبار هم به سایت ما سر بزنید تا مقالات جدید آموزشی را ببینید. موفق باشید.💚

دوره‌های آموزشی حرفه‌ای طراحی سایت

نظرات و پرسش‌ها
  1. شوان

    سلام و عرض ادب
    یه مشکلی هست اینه که نوار ابزار فرانت رو تغییر نمیده فونت هاشو اونو چیکار کنیم؟ یه راه حلی هم ارایه بدید ممنون میشم

    • شایان فرهنگ پژوه

      سلام و درود بر شما
      در پیشخوان وردپرس یعنی /wp-admin و تمام بخش‌های مدیریتی، فونت تغییر میکند.
      اگر منظورتون نوار ابزار هنگام مشاهده‌ی سایت و در فرانت سایت برای مدیر هست، از این بابت تغییرش رو اعمال نکردیم، چون باید در صفحات سایت هم یک فایل css و فونت‌ها لود میشد.
      میشه اون رو هم با کدنویسی و یا با افزونه اجرا کرد.
      مثلا می‌تونید ببینید اسم فونتی که قالب‌تون در صفحات سایت استفاده میکنه چیه، بعد برید به نمایش > سفارشی‌سازی > css سفارشی و کد زیر رو اضافه کنید:
      #wpadminbar *,.rtl #wpadminbar *{font-family:iransansweb}
      به جای iransansweb در کد بالا، اسم فونتی که داره در سایت‌تون توسط قالب سایت‌تون لود میشه رو وارد کنید.
      باز هم سوالی بود در خدمتیم، موفق باشید💚

      • شوان

        تشکر و مرسی ! درست شد ولی آیا
        1- در اون استایل سفارشی با آپدیت قالب از بین نمیره کد؟
        2- من چایلدتم دارم و تو اون فایل css استایل قرار دادم ولی عمل نکرد چرا؟

        • شایان فرهنگ پژوه

          خواهش می‌کنم😊💚

          1. خیر، بخش نمایش > سفارشی‌سازی یک تنظیم هست و با بروزرسانی قالب از بین نمی‌رود.
            مگر اینکه قالب سایت رو تغییر بدهید. یعنی اگر قالب سایت را کامل تغییر دادید، نیازه کدهای بخش css سفارشی را کپی کنید و بعد از تغییر به قالب جدید مجددا قرار بدهید.
          2. شاید بخشی از کار را اشتباه انجام دادید و در بخش درستی کد را وارد نکردید. البته دقت کنید که این کد نباید در فایل css مجزا لود بشه و حتما باید بصورت inline لود بشه؛ مگر اینکه !important بزنید.
            آموزش چایلدتم را هم ببینید: بهترین آموزش استفاده از چایلدتم

          موفق باشید.💚

  2. مهدی رضایی

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

    • شایان فرهنگ پژوه

      درود بر شما جناب رضایی عزیز
      سپاس فراوان از همراهی شما😍💚
      خوشحالم که از خدمات ما رضایت داشته‌اید
      افزونه‌ی تغییر فونت پیشخوان وردپرس، هم اکنون از ویرایشگر المنتور نیز پشتیبانی می‌کند!!
      یعنی تغییر فونت ویرایشگر المنتور را نیز بطور کامل برای شما انجام می‌دهد، امیدوارم که برایتان بسیار مفید و کاربردی باشد💚😊
      امتیاز در سایت اصلی وردپرس هم از لینک می‌توانید انجام بدهید:
      https://wordpress.org/support/plugin/shayanweb-admin-fontchanger/reviews/#new-post
      البته نیاز به ثبت‌نام در سایت اصلی وردپرس دارد که زمان خیلی کوتاهی را از شما خواهد گرفت و ممنون شما خواهیم شد💚
      همیشه سالم و تندرست باشید💚🙏

  3. حسام الدین چهرقانی

    سلام مقاله خیلی مفیدی بود خیلی ممنون

  4. محمدرضا خالقی

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

    • شایان فرهنگ پژوه

      سلام و درود بر شما
      بسیار خوشحالم که براتون مفید بوده😍👌👌💚
      موفق باشید دوست عزیز💚

  5. زاهد

    سلام
    خیلی عالی بود
    فقط ممکنه در مورد فارسی کردن اعداد در تم راه حلی رو ارئه بدید البته من فقط در تعداد ارقام سبد خرید مشکل دارم که انگلیسی نمایش میده !
    افزونه تاریخ شمسی و فارسی ساز وردپرس(wpvar.com) مشکل من رو رفع میکنه ولی در بعضی از افزونه ها تداخل
    ایجاد میکنه . و من تمام مراحلی که در این وبسایت توضیح داده شده رو انجام دادم ولی نتیجه ای نگرفتم:
    https://ghabchin.com/converting-numbers-english-to-persian/
    تنها کد زیر تمام اعداد رو به فارسی تبدیل میکنه ولی مشکلی که داره اینه که هنگام لود با یک وقفه تغییرات رو نمایش میده و در هدر سایتم مشکل ایجاد میکنه .

    var replaceDigits = function() {
    var map =
    [
    “&\#1776;”,”&\#1777;”,”&\#1778;”,”&\#1779;”,”&\#1780;”,
    “&\#1781;”,”&\#1782;”,”&\#1783;”,”&\#1784;”,”&\#1785;”
    ]
    document.body.innerHTML =
    document.body.innerHTML.replace(
    /\d(?=[^]*(<|$))/g,
    function($0) { return map[$0] }
    );
    }

    window.onload = replaceDigits

    اگر راه حلی ارائه بدید متشکرم

    • شایان فرهنگ پژوه

      سلام و درود بر شما
      خوشحالم که مفید بوده😊👌😍💚
      برای فارسی شدن تمامی اعداد در وبسایت، باید نسخه‌ی FaNum از فونت روی قالب شما لود شده باشد.
      با این کار، تمامی اعداد، چه فارسی و چه انگلیسی، بصورت اعداد فارسی نمایش داده می‌شوند.
      فونت‌هایی مثل ایران سنس، ایران سنس دست نویس، ایران یکان و بسیاری فونت‌های دیگر دارای نسخه‌ی FaNum هم هستند که می‌توانید از آن استفاده کنید.
      باز هم سوالی داشتید، در خدمتیم😊💚
      موفق باشید.

  6. yt

    با سلام و تشکر از آموزش شما
    چند سئوال داشتم که در صور ت تمایل پاسخ دهید:
    1- قالب مورد استفاده شما چیه؟
    2- چگونه امکان دانلود فایل ها را با برنامه های مدیریت دانلود را غیر فعال کردید که الزاما باید از طریق مرورگر دانلود شود؟
    3- ثمره عملی اقدام فوق چیست؟

    • شایان فرهنگ پژوه

      سلام و درود. خواهش می‌کنم😊💚. خوشحالم مفید بوده.
      چرا در صورت تمایل؟! ما حتما جواب می‌دهیم😉💚👌
      1- قالب وردپرس اختصاصی، که خودمون طراحی و کدنویسی کردیم (:
      2- ما غیرفعال نکردیم!😅 نباید با برنامه‌هایی مثل IDM هم مشکلی باشد.
      3- همون طور که گفتم، غیرفعال نکردیم، ممکنه به هر دلیلی آن موقع شما نتوانستید دانلود کنید یا… و هیچ فرقی هم نمی‌کند! 😊
      باتشکر؛
      موفق باشید💚😉🙏

برای مطلع شدن از ارسال پاسخ جدید روی این دیدگاه شما، در سایت شایان وب ثبت‌نام کنید یا وارد شوید تا از طریق ایمیل و پیامک به شما اطلاع‌رسانی کنیم!

0
اگر می‌خواهید به یک طراح سایت تبدیل شوید و بتوانید با طراحی وبسایت‌های حرفه‌ای، پروژه‌های طراحی سایت داشته باشید، این آموزش را از دست ندهید!!
در این ویدیوی آموزشی، معیارهای موفقیت یک مدرس آنلاین را بررسی می‌کنیم و با راه‌اندازی کسب‌وکار آموزشی آشنا می‌شویم.
سایت آموزشی خود را راه‌اندازی کنید!