الأدلة/تحرير موقعك الإلكتروني/تغيير خطوط موقعك

تغيير خطوط موقعك

يُعرف نمط الأحرف النصية على موقعك الإلكترونية باسم الخط. سيعرض لك هذا الدليل كيفية اختيار نوع الخطوط لموقعك.

الأهلية للخطوط والخطة

تتوفر هذه الميزة على المواقع المسجَّلة في الخطة المميزة وخطة الأعمال وخطة التجارة لدينا في ووردبريس.كوم، والخطة الاحترافية القديمة. بالنسبة إلى المواقع المسجَّلة في الخطتين المجانية والشخصية، بادر بترقية خطتك للوصول إلى هذه الميزة.

فيديو تعليمي

شاهد مقطع فيديو يوضح كيفية تحديث الخطوط على قوالب المكوّنات. يُمكن العثور على تعليمات جميع أنواع القوالب في القسم التالي من هذا الدليل.

من خلال الدورة التدريبية: أنشئ موقعك الإلكتروني على WordPress.com
هذا الفيديو باللغة الإنجليزية.
يوفر يوتيوب ميزات ترجمة تلقائية حتى تتمكَّن من مشاهدته بلغتك:

لإظهار الترجمة التلقائية:

  1. شغِّل الفيديو.
  2. انقر على ⚙️ الإعدادات (أسفل يمين الفيديو).
  3. اختر الترجمات/CC.
  4. اختر الترجمة التلقائية.
  5. اختر لغتك المفضَّلة.

للاستماع بالدبلجة التلقائية (تجريبي):

  1. انقر على ⚙️ الإعدادات.
  2. اختر المسار الصوتي.
  3. اختر اللغة التي تريد الاستماع بها.

ℹ️ يتم إنشاء الترجمات والدبلجة تلقائيًا بواسطة غوغل، وقد لا تكون دقيقة دائمًا، ولا تزال ميزة الدبلجة التلقائية في مرحلة الاختبار وقد لا تتوفَّر لجميع اللغات.

تغيير خطوطك

يمكنك تغيير خطوط موقعك باستخدام الخطوات أدناه.

لتحديد أي قسم من هذا الدليل يلزم اتباعه، تفضَّل بزيارة لوحة التحكم وتحقق أسفل المظهر على الجانب الأيسر. إذا كنت ترى المحرر هنا، فاستخدم قسم محرر الموقع في هذا الدليل. وإلا، فاستخدم محرِّر الصفحة أو تعليمات أداة التخصيص.

حدد علامة التبويب المناسبة لمحرِّرك:

إذا كان موقعك يستخدم قالبًا يدعم محرِّر الموقع، فيمكنك استخدام خيار الأنماط لتغيير خطوطك على موقعك. لتغيير خطوط موقعك، اتبع هذه الخطوات:

  1. تفضَّل بزيارة لوحة التحكمفي موقعك الإلكتروني.
  2. انتقل إلى المظهر ← المحرّر.
  3. انقر فوق الأنماط الموجودة على اليسار.
  4. حدد خيار أسلوب الطباعة.
  5. اختر من بين العناصر النصّية الآتية على موقعك:
    • النصّ
    • الروابط (بما في ذلك عناصر القائمة)
    • عنوان
    • كلمات توضيحية
    • أزرار
  6. انقر على القائمة المنسدلة أسفل الخط واختر الخط الذي تريده. سيتم تحديث النصّ إلى خطك الذي اخترته لكي ترى شكله.
  7. يمكنك ضبط الإعدادات الأخرى المرتبطة بالنصّ، بما في ذلك الحجم، والمظهر (غامق ومائل)، وارتفاع السطر، وتباعد الأحرف، ونوع الأحرف.
  8. انقر على “مُراجعة التغيير” أو حفظ لتطبيق تغييراتك.
افتح محرِّر الموقع إلى لوحة التصميم مع تفعيل قائمة الأنماط.

في الخطط ذات المستوى الأعلى، يمكنك رفع ملفاتخطوطك.

تطبيق خط على نصّ معيّن

يمكنك ضبط الخط لمكوّن معين ( قوالب ومكوّنات مدعومة) باستخدام إعداداتأسلوب الطباعة في المكوّن. أو، طبِّق خط افتراضي على مكوّنات معينة. يمكنك أيضًا التفكير في استخدام مكوّن العنوان أو عرض الأسعار لإنشاء جزء من النصّ يبرز.

أضِف الخطوط المخصصة

بالإضافة إلى الخطوط المتاحة على WordPress.com، يمكنك إضافة خطوط مخصصة إلى موقعك الإلكتروني. سيظهر لك هذا الدليل كيفية تثبيت الخطوط من خطوط غوغل ورفع ملفات خطوطك.

تتوفر هذه الميزة على المواقع المسجَّلة في خطة الأعمال وخطة التجارة في ووردبريس.كوم، والخطة الاحترافية القديمة. إذا كنت مسجِّلاً في خطة أعمال، فتأكد من تفعيلها. بالنسبة إلى المواقع المسجَّلة في الخطط المجانية والشخصية والمميزة، بادر بترقية خطتك للوصول إلى هذه الميزة.

رفع ملف خطوط

سيعرض لك هذا الدليل كيفية رفع ملفات الخطوط لتوسيع خيارات أسلوب الطباعة لديك.

إصلاح وميض النصّ غير المنمط

تحديث إصلاح وميض النصّ غير المنمط (FOUT) عندما يظهر خط مختلف لفترة وجيزة قبل ظهور خطك الذي اخترته. يظهر النصّ بالخط الافتراضي للقالب في الاتصالات الأبطأ أولًا. بهذه الطريقة، يمكن للناس البدء في قراءة محتواك قبل تحميل الخط الذي اخترته، بدلًا من الانتظار وهم ينظرون إلى صفحة فارغة. قد يعني هذا أنه يوجد وميض خط مختلف قبل انتهاء تحميل الصفحة، ولكن بشكل عام هذا أفضل للمشاهدين الذين لديهم اتصالات أبطأ بدلًا من رؤية شاشة فارغة.

إذا كنت لا تريد حدوث ذلك، فيمكنك إضافة كود CSS هذا إلى موقعك إذا كنت تستخدم خطة مؤهلة:

.wf-loading body { visibility: hidden; }

أو

html:not(.wf-active) body { display: none; }

Copied to clipboard!