كيفية تغيير الخطوط في وورد بريس (وتغيير الحجم واللون والتحسين)

يمكن للخطوط أن تحدث فرقًا بين موقع ويب باهت وموقع جميل. من خلال تعلم كيفية تغيير الخط في وورد بريس ، يمكنك جعل موقعك يبدو حديثًا واحترافيًا وذو علامة تجارية.

ولكن ما هي أفضل طريقة لاستخدام الخطوط في موقع وورد بريس الخاص بك ، وكيف تختار الخطوط المناسبة لتصميمك؟

في هذا الدليل ، سوف أطلعك على كل ما تحتاج لمعرفته حول الخطوط في وورد بريس. ستتعرف على:

الخطوط: المصطلحات

لنبدأ بإلقاء نظرة على المصطلحات المتعلقة بالخطوط على الويب.

خطوط الويب (المعروفة أيضًا باسم خطوط HTML ) هي خطوط مستضافة على موقع ويب تابع لجهة خارجية ومرتبطة بموقعك.

الخطوط المستضافة محليًا هي فقط تلك (المستضافة على خوادم موقع الويب الخاص بك.)

الخطوط الآمنة للويب هي مجموعة محدودة من الخطوط المثبتة مسبقًا على جميع أجهزة الكمبيوتر (تقريبًا) ويمكنك أن تكون واثقًا تمامًا من أن جميع زوارك سيتمكنون من الوصول إليها.

دعنا نلقي نظرة على خيارات إضافة الخطوط إلى موقع الويب الخاص بك.

كيفية إضافة الخطوط إلى موقع وورد بريس الخاص بك (الخيارات)

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

تعد الخطوط جزءًا من تصميم موقعك ، لذلك في معظم الحالات ، سيتم ترميزها عبر السمة الخاصة بك – ولكن ليس دائمًا. في بعض الحالات ، قد تقرر استخدام مكون إضافي لتمكين مجموعة أكبر من الخطوط في موقعك.

فيما يلي بعض الخيارات المتاحة لك:

استخدام خطوط الويب مثل Google Fonts عن طريق تثبيت مكون إضافي يمنحك الوصول.

استخدام خطوط الويب عن طريق ترميزها في السمة الخاصة بك وإدراجها في قائمة الانتظار (ليس صعبًا كما يبدو).

استضافة الخطوط الخاصة بك على موقع الويب الخاص بك وإضافتها إلى المظهر الخاص بك .

هناك نوعان من الفروق الرئيسية – سواء كنت تستخدم خطوط الويب ، والتي تتم استضافتها خارج موقعك ، أو ما إذا كنت تختار استضافة ملفات الخطوط بنفسك. في هذا الدليل ، سنلقي نظرة على إيجابيات وسلبيات كل منها.

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

استخدام خطوط الويب في ووردبريس

تعد خطوط الويب الطريقة الأكثر شيوعًا لإضافة الخطوط إلى موقع الويب الخاص بك لأنها تجعل من السهل إضافة مجموعة واسعة من الخطوط.

ما هي خطوط الويب؟

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

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

يمكن أن تكون خطوط الويب مجانية أو يمكنك الدفع مقابلها ، عادةً عن طريق الاشتراك. بعض مقدمي الخدمة المشهورين هم:

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

Adobe Edge Web Fonts . هذه أيضا مجانية. على الرغم من أنها مصممة للاستخدام مع منتجات Adobe ، إلا أنها تعمل بشكل جيد على أي موقع ويب.

يعد Fonts.com مزودًا متميزًا للخطوط ، والذي قد تحتاج إلى استخدامه إذا كان عليك مطابقة خط الويب الخاص بك مع خط من المواد المطبوعة الخاصة بك والخط غير متاح عبر موفر مجاني.

fontfabric هو مصمم خطوط يوفر خطوطًا متميزة لاستخدامها كخطوط ويب وعبر الإنترنت. ستحتاج إلى الدفع مقابل هذه الأشياء ولكنك ستحصل على شيء فردي أكثر مما لو كنت تستخدم خطوط Google.

خطوط جوجل

خطوط جوجل

يتيح لك كل هؤلاء الموفرين خدمة الخطوط مباشرة من خوادمهم عن طريق إضافة بعض التعليمات البرمجية إلى موقع وورد بريس الخاص بك أو في بعض الأحيان باستخدام مكون إضافي مما يعني أنك لست مضطرًا إلى إضافة أي رمز.

تختلف خطوط الويب عن الخطوط الآمنة للويب. يمكنك استخدام هذه كخطوط احتياطية لخطوط الويب فقط في حالة عدم تمكن زائر موقع الويب الخاص بك من الاتصال بخط الويب لسبب ما. سأوضح لك كيفية القيام بذلك لاحقًا في هذا المنشور.

لماذا استخدام خطوط الويب؟

الآن أنت تعرف ما هي خطوط الويب ، فلماذا تختار استخدامها بدلاً من استضافة الخطوط الخاصة بك؟

فيما يلي بعض الفوائد:

السهولة: تعد إضافة بضعة أسطر من التعليمات البرمجية أو تثبيت مكون إضافي أسرع من تنزيل ملفات الخطوط وتحميلها ويسهل تغيير الخطوط إذا قررت ذلك في المستقبل.

مجموعة الخطوط: هناك آلاف الخطوط المتاحة كخطوط ويب وتتزايد القائمة طوال الوقت.

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

تستخدم معظم مواقع الويب خطوط الويب ، مع خط آمن للويب كنسخة احتياطية. ومع وورد بريس ، من السهل جدًا القيام بذلك.

البحث عن أفضل خطوط الويب لموقعك

بعد أن قررت أنك ستستخدم خطوط الويب ، لديك الآن قرار صعب: ما هي الخطوط التي يجب استخدامها؟

في الأيام الخوالي عندما كان لدى جميع مطوري الويب إمكانية الوصول إلى تلك الخطوط الآمنة للويب المثبتة مسبقًا ، كان هذا قرارًا سهلاً للغاية. هل تريد استخدام خط serif أو sans-serif؟ (تحتوي خطوط Serif على خط صغير أو حد صغير في نهاية حد أكبر في كل حرف ، أما خطوط sans-serif فلا تفعل ذلك). بعد اتخاذ هذا القرار ، كانت اختياراتك محدودة للغاية.

لكن الآن ، العالم هو محارتك.

فيما يلي بعض النصائح لمساعدتك في اختيار أفضل خط لموقعك:

انظر إلى المواد المطبوعة الخاصة بك. هل هناك خطوط مستخدمة بالفعل يمكنك العثور عليها كخطوط ويب؟ إذا لم يكن كذلك ، هل يمكنك أن تجد شيئًا مشابهًا؟

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

فكر في نوع الحالة المزاجية التي تريد نقلها باستخدام خطوطك. تبدو بعض الخطوط أكثر حداثة ، والبعض الآخر أكثر تقليدية. بعضها ممتع والبعض الآخر أكثر جدية.

التزم بالخطوط التي يسهل قراءتها للنص الأساسي ، واستخدم خطوطًا أكثر تشويقًا للعناوين الرئيسية إذا كنت تريد ذلك.

اختر من بين خطوط Google الأكثر شيوعًا – ستكون هذه الخطوط مألوفة لزوار الموقع وتسهل قراءتها.

بمجرد اختيار الخطوط الخاصة بك ، اقض بعض الوقت في تجربتها. يتيح لك موفرو الخطوط مثل Google Fonts كتابة نص مخصص لمعرفة الشكل الذي يبدو عليه الخط الذي اخترته. بمجرد رؤية النص الخاص بك في الخط ، قد يساعدك ذلك في تحديد ما إذا كان هذا هو الخط المناسب لك.

تجريب الخط الخاص بك

تجربة الخط الخاص بك

وتذكر أن استخدام خطوط الويب يجعل من السهل جدًا تغيير الخطوط بحيث يمكنك دائمًا التبديل إلى خيار آخر أثناء قيامك بتطوير المظهر أو إعداد موقعك.

كيفية إضافة خطوط الويب باستخدام البرنامج المساعد وورد بريس

لقد اخترت الخط الذي اخترته ، حان الوقت الآن لإضافته إلى موقعك.

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

و خطوط Google الطباعة المساعد يتيح لك الوصول إلى مكتبة كاملة من الخطوط جوجل ويتيح لك مراجعتها عن طريق وورد مخصص.

قم بتثبيت المكون الإضافي على موقعك تمامًا كما تفعل مع أي مكون إضافي آخر ، ثم قم بتنشيطه.

انتقل إلى المظهر> تخصيص  للوصول إلى أداة التخصيص. سترى قسمًا لخطوط Google .

خطوط جوجل في أداة التخصيص

خطوط جوجل في أداة التخصيص

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

الإعدادات الأساسية : تكوين الخط الافتراضي لنصك الأساسي والعناوين ، بالإضافة إلى أي أزرار. في لقطة الشاشة أدناه ، يمكنك أن ترى أنني أضفت خط serif سهل القراءة للجسم وخطًا أكثر تميزًا للعناوين.

تكوين الإعدادات الأساسية

تكوين الإعدادات الأساسية

الإعدادات المتقدمة : هنا يمكنك تكوين العلامة التجارية (عنوان الموقع ووصفه) ، والتنقل (القائمة الخاصة بك) ، والمحتوى والعناوين بمزيد من التفاصيل ، والشريط الجانبي والتذييل. يمكنك أيضًا تحميل الخطوط دون تعيينها لأي شيء ، مما يعني أنه يمكنك إضافتها إلى أي CSS مخصص في Customizer.

تحميل الخط : إذا كان هناك أي أوزان للخطوط لا تحتاجها (على سبيل المثال ، غامق ، مائل ، هذا النوع من الأشياء) ، يمكنك إلغاء تحديدها هنا حتى لا تبطئ موقعك دون داع.

تصحيح الأخطاء : استخدم هذا لإجبار أي خطوط على العرض إذا كانت لا تعمل كما ينبغي.

اقض بعض الوقت في العمل مع هذه الإعدادات واختبارها في Customizer للتأكد من أنها تعمل بالطريقة التي تريدها. ثم عندما تكون راضيًا عن الإعدادات الخاصة بك ، انقر فوق الزر ” نشر”  . لا تترك “أداة التخصيص” بدون النقر فوق ” نشر”  وإلا ستفقد تغييراتك.

تحرير ألوان الخط

لا يسمح لك الإصدار المجاني من البرنامج المساعد بتحرير ألوان الخطوط الخاصة بك. للقيام بذلك ، سيتعين عليك إما شراء الإصدار المتميز أو استخدام خيار CSS الإضافي  في Customizer.

ارجع إلى الشاشة الرئيسية للمخصص وانقر فوق علامة التبويب CSS الإضافية  . ستظهر لك منطقة نصية فارغة حيث يمكنك إضافة CSS الخاص بك .

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

أدناه أنا أستخدم Google Chrome ولقد استهدفت h1عنصرًا.

فحص الكود الخاص بك في Chrome

فحص الكود الخاص بك في Chrome

في قالب وورد بريس الخاص بي ، ورث لونه من عنصر الجسم. أريد أن أضيف شيئًا أكثر تحديدًا. في منطقة النص لـ CSS ، اكتب CSS للعنصر واللون الذي تريد استخدامه. منجم يشبه هذا:

h1 {
 color: #f542f5;
}

هذا يعطيني عنصر h1 وردي ساطع:

كيفية تغيير الخط في وورد بريس: تغيير لون العنوان

تغيير لون العنوان

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

كيفية إضافة خطوط الويب يدويًا

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

إذا كان موقعك يستخدم سمة مخصصة يمكنك تعديلها ، فيمكنك تعديل ملف الوظائف وورقة الأنماط من قالبك. ولكن إذا كنت تستخدم مظهرًا تابعًا لجهة خارجية اشتريته أو حصلت عليه من دليل سمة وورد بريس ، فستحتاج إلى إنشاء سمة فرعية . ستحتاج بعد ذلك إلى منحه ملفين: function.php  و style.css .

دعنا نعمل من خلال عملية إضافة خطوط الويب يدويًا إلى المظهر الخاص بك. سأعمل مع Google Fonts في هذا المثال ، لأنها الأكثر استخدامًا وهي مجانية.

اختيار الخط والاستيلاء على الارتباط

ابدأ باختيار الخط الخاص بك من Google Fonts. قم بإضافته إلى مكتبتك بالنقر فوق رمز علامة الجمع الموجود بجانبه.

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

لا تنسخ الشفرة تمامًا: ستستخدمها ، ولكن بدلاً من استدعاء الخط في قسم <head> من رأس موقعك ، ستضع الخطوط في قائمة الانتظار. هذه هي الطريقة الصحيحة للقيام بذلك في وورد بريس.

بدلاً من ذلك ، من قسم Embed font ، انسخ رابط الخط فقط.

لذلك ، في حالتي ، تعطيني Google Fonts هذا الرمز:

<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">

أنا فقط بحاجة إلى نسخ هذا الجزء:

إحاطة الخط (الخطوط)

افتح ملف وظائف السمة الخاصة بك وأضف ما يلي ، مع استبدال رابط الخط الخاص بي بالرابط الذي قدمته Google لك:

function kinsta_add_google_fonts() {
 wp_register_style( 'googleFonts', 'https://fonts.googleapis.com/css?family=Raleway');
 wp_enqueue_style( 'googleFonts');
}
add_action( 'wp_enqueue_scripts', 'kinsta_add_google_fonts' );

يؤدي هذا إلى إدراج النمط في قائمة الانتظار من خوادم Google Fonts. إذا كنت بحاجة إلى إضافة المزيد من الخطوط إليه في المستقبل ، فيمكنك إما إضافة سطر جديد إلى وظيفتك أو إضافته إلى نفس السطر ، مثل:

function kinsta_add_google_fonts() {
 wp_register_style( 'googleFonts', 'https://fonts.googleapis.com/css?family=Merriweather|Raleway');
 wp_enqueue_style( 'googleFonts');
}
add_action( 'wp_enqueue_scripts', 'kinsta_add_google_fonts' );

سيؤدي هذا إلى إدراج كل من خطوط Merriweather و Raleway.

إضافة الخط (الخطوط) إلى ورقة الأنماط الخاصة بك

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

افتح ملف style.css في قالبك  وأضف الكود لتصميم العناصر الفردية باستخدام خطوط الويب. تأكد من إضافته بعد أي CSS موجود للخطوط ، أو قد يتم تجاوزه بواسطة ذلك.

سيكون اختيار العناصر التي تقوم بتصميمها أمرًا متروكًا لك ، ولكن من الشائع استخدام خط مقروء لعنصر النص وشيء أكثر فخامة للعناوين.

body {
 font-family: 'Raleway', sans-serif;
}

h1, h2, h3 {
 font-family: 'Merriweather', serif;
}

في الحالة المذكورة أعلاه ، سيستخدم كل شيء على الصفحة خط Raleway ، باستثناء عناصر h1 و h2 و h3 ، والتي ستستخدم Merriweather.

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

إضافة خط النسخ الاحتياطي

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

لهذا السبب ، من الجيد أن يكون لديك نسخة احتياطية في مكانها.

يحتوي الرمز الذي قدمته من خلال خطوط Google بالفعل على نسخة احتياطية من التحديد serifأو ببساطة sans-serif، ولكن يمكننا الذهاب إلى أبعد من ذلك.

استخدم أحد الخطوط الجاهزة للويب والتي سيتم تثبيتها بالفعل على جهاز الزائر الخاص بك ، ثم قم بتضمين العنصر الاحتياطي الثاني فقط serifأو sans-serif، في حالة استخدامهم لجهاز محمول لا يحتوي حتى على الخطوط الجاهزة للويب.

ارجع إلى ورقة الأنماط الخاصة بك وقم بتحرير CSS بحيث تقرأ شيئًا مثل هذا:

body {
 font-family: 'Raleway', Helvetica, sans-serif;
}

h1, h2, h3 {
 font-family: 'Merriweather', Georgia, serif;
}

هذا يعني أن الأشخاص الذين يزورون موقعك سيرون خطوط الويب الخاصة بك إذا كان كل شيء على ما يرام ؛ ولكن إذا لم يكن الأمر كذلك ، فسوف يرون Helvetica أو Georgia ، أو إذا فشلوا في ذلك ، فسوف يرون أي خطوط serif و sans-serif التي يمكن للمتصفح تحميلها.

استضافة الخطوط الخاصة بك في ووردبريس

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

هذا يمكن أن يكون واحد أو أكثر من عدد من الأسباب، بما في ذلك الأمن ، أداء أو الميزانية.

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

لماذا تستضيف الخطوط الخاصة بك؟

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

تشمل الأسباب التي قد ترغب في استضافة الخطوط محليًا ما يلي:

قد تجد أنه يمكنك التغلب على بعض هذه المشكلات

قد تفضل عدم سحب الموارد من مزودي الطرف الثالث لأسباب أمنية ، مع العلم أن أمان موقعك الخاص بك يتحكم فيه.

قد تجد أن استخدام خدمة جهة خارجية يؤثر على أداء موقعك .

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

قد يكون موقعك مستضافًا محليًا ، على سبيل المثال على شبكة إنترانت ، ولن يتمكن المستخدمون من الوصول إلى خطوط الويب عند استخدامها.

أين تجد الخطوط التي يمكنك استضافتها محليًا

يمكن أيضًا تنزيل العديد من خطوط الويب لاستخدامها كخطوط مستضافة محليًا ، ولكن سيتعين عليك التحقق من أن هذا مسموح به بموجب الترخيص. في حالة Google Fonts ، يُسمح بذلك.

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

كيفية إضافة خطوط مستضافة محليًا إلى موقع وورد بريس الخاص بك

إذا كنت تعلم أنك تريد استضافة الخطوط محليًا ، فكيف يمكنك إعدادها؟

تختلف العملية عن استخدام خطوط الويب. يجب عليك تحميل الملف ( الملفات ) إلى موقعك وتربطها في ورقة الأنماط الخاصة بك دون الحاجة إلى إدراجها في ملف الوظائف الخاص بك.

تنزيل وتحويل الخطوط

ابدأ بتنزيل الخطوط التي تريد استخدامها. في Google Fonts ، يمكنك القيام بذلك عن طريق النقر فوق رمز التنزيل عند عرض الخط في مكتبتك.

كيفية تغيير الخط في وورد بريس: تنزيل الخطوط من Google Fonts

تنزيل الخطوط من Google Fonts

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

لاستخدامها على موقع الويب الخاص بك ، يجب أن تكون الملفات بتنسيق .woff. إذا لم تكن كذلك (لن تكون كذلك إذا حصلت عليها من خطوط Google) ، يمكنك استخدام خدمة مثل Convertio لتحويلها.

قم بتحميل الخطوط إلى الموضوع الخاص بك

الآن قم بتحميل ملف (ملفات) الخطوط إلى السمة الخاصة بك ، في wp-content / theme / themename ، حيث يكون theename  هو مجلد السمة الخاصة بك. من الجيد وضع أي ملفات خطوط في مجلد خاص بها في السمة ، على سبيل المثال ، مجلد الخطوط  .

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

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

تريد أن تعرف كيف زدنا من حركة المرور لدينا أكثر من 1000 ٪؟

انضم إلى أكثر من 20000 آخرين ممن يتلقون رسائلنا الإخبارية الأسبوعية مع نصائح من الداخل حول وورد بريس!

إشترك الآن

أضف الخطوط في CSS

افتح ورقة أنماط المظهر الخاص بك.

أضف رمزًا مثل هذا ، واستبدل الخطوط التي استخدمتها بخطوطك:

@font-face {
 font-family: ‘Raleway';
 src: url( “fonts/Raleway-Medium.ttf”) format(‘woff’); /* medium */
 font-weight: normal;
 font-style: normal;
}

@font-face {
 font-family: ‘Raleway';
 src: url( “fonts/Raleway-Bold.ttf”) format(‘woff’); /* medium */
 font-weight: bold;
 font-style: normal;
}

@font-face {
 font-family: ‘Merriweather';
 src: url( “fonts/Merriweather.ttf”) format(‘woff’); /* medium */
 font-weight: normal;
 font-style: normal;
}

أضف ما تحتاج إليه. لاحظ أنه إذا كنت تريد استخدام أشكال الخط الغامق والمائل وما إلى ذلك ، فأنت بحاجة إلى التصريح عن كل منها باستخدام @fontfaceثم تحديد الوزن أو النمط لكل منها ، كما فعلت أعلاه مع Raleway للأوزان العريضة والعادية.

أضف الآن نمط عناصرك ، كما تفعل عند استخدام خطوط الويب:

body {
 font-family: 'Raleway', Helvetica, sans-serif;
 src: url( “/fonts/Raleway-Medium.ttf” );
}

h1, h2, h3 {
 font-family: 'Merriweather', Georgia, serif;
}

ستعمل الخطوط المستضافة محليًا الآن مع نسقك.

كيفية تغيير الخطوط في ووردبريس

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

يمكنك تحرير الخطوط الخاصة بك بإحدى الطرق الثلاث: عبر Customizer ، في المنشور أو شاشة تحرير الصفحة ، أو باستخدام CSS.

لنلقِ نظرة على كل خيار من هذه الخيارات لتغيير نمط الخط ولونه وحجمه.

كيفية تغيير أنماط الخطوط في ووردبريس

دعونا نرى كيف يمكننا القيام بذلك إذا كنت تستخدم Block Editor أو Classic Editor.

تغيير أنماط الخطوط في Block Editor (Gutenberg)

إذا كنت تستخدم إصدارًا حديثًا من وورد بريس مع محرر Gutenberg ، فيمكنك تغيير نمط النص عند تحريره في منشورك أو صفحتك.

حدد الكتلة التي تريد تحريرها وستظهر قائمة تصميم أعلاها.

كيفية تغيير الخط في وورد بريس: تصميم كتلة جوتنبرج

تصميم كتلة جوتنبرج

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

يتوسطه خط في جوتنبرج

يتوسطه خط في جوتنبرج

تغيير أنماط الخطوط في المحرر الكلاسيكي

إذا كنت تقوم بتشغيل إصدار قديم من وورد بريس أو كان لديك البرنامج المساعد Classic Editor مثبتًا ، فيمكنك أيضًا تحرير أنماط الخطوط. (إذا كنت لا تريد تحرير غوتنبرغ، فمن الأفضل أن تحديث وورد و تعطيل غوتبورغ ).

يتضمن المحرر الكلاسيكي شريط أدوات أعلى جزء التحرير الرئيسي حيث يمكنك تغيير أنماط النص الخاص بك. إذا قمت بالنقر فوق رمز تبديل شريط الأدوات الموجود على يمينه ، يمكنك الوصول إلى المزيد من الخيارات ، بما في ذلك يتوسطه خط.

شريط أدوات التصميم الكلاسيكي للمحرر

شريط أدوات التصميم الكلاسيكي للمحرر

تغيير أنماط الخط في أداة التخصيص

إذا كنت ترغب في تغيير نمط الخط لعنصر معين ، يمكنك القيام بذلك عن طريق إضافة CSS اليدوي إلى Customizer.

افتح Customizer وانقر على CSS إضافي . سيؤدي هذا إلى فتح شاشة حيث يمكنك الكتابة في CSS.

CSS إضافية في أداة التخصيص

CSS إضافية في أداة التخصيص

يمكنك الآن كتابة CSS لخطوطك في المربع. لذلك إذا أردت تغيير جميع عناصر h1 و h2 إلى الخط المائل ، يمكنك إضافة CSS هذا:

h1, h2 {
 font-style: italics;
}

تغيير أنماط الخطوط في ورقة الأنماط الخاصة بك

إذا كنت مرتاحًا لإضافة رمز إلى ورقة الأنماط الخاصة بك ، فهذه طريقة أفضل للقيام بذلك.

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

إذا كنت تستخدم نسقك الخاص ، فيمكنك تحرير وتعديل CSS في ورقة الأنماط الخاصة بك. الملف هو style.css وستجده  في مجلد النسق الخاص بك في wp-content / theme .

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

تغيير ثقل عنصر بسمك الخط:

span.featured {
 font-weight = bold;
}

تغيير نمط عنصر بنمط الخط:

span.featured {
 font-style = italic;
}

قم بتغيير المحاذاة باستخدام محاذاة النص:

span.featured {
 text-alignment: center;
}

كيفية تغيير ألوان الخط في وورد بريس

تغيير آخر قد ترغب في القيام به هو تغيير لون نص معين في موقعك. احذر من المبالغة في ذلك: لقد تم تصميم المظهر الخاص بك بألوان تعمل بشكل جيد معًا وإذا قمت بإضافة الكثير من الألوان ، فقد يبدو متوهجًا وغير احترافي.

هل سئمت من مضيف بطيء لموقع وورد بريس الخاص بك؟ نحن نقدم خوادم فائقة السرعة ودعمًا عالميًا على مدار الساعة طوال أيام الأسبوع من خبراء وورد بريس. تحقق من خططنا

تغيير ألوان الخط في جوتنبرج

تتيح لك كتل نص Gutenberg تحرير لون النص والخلفية. للقيام بذلك ، افتح الكتلة التي تريد تعديلها وانقر فوق علامة التبويب Color Settings  في قسم Block  على يمين الشاشة.

علامة تبويب إعدادات اللون

علامة تبويب إعدادات اللون

من هنا يمكنك تعديل لون الخلفية ولون النص لكتل ​​النص.

ألوان مخصصة في كتلة

ألوان مخصصة في كتلة

لاحظ أن وورد بريس سيحذرك إذا كان مزيج الألوان الذي تستخدمه سيئًا لإمكانية الوصول ، كما في المثال الذي استخدمته أعلاه. تجنب إغراء المبالغة في استخدام ألوانك – فبعد كل شيء اخترت المظهر الخاص بك لأن تصميمه اللوني كان مناسبًا لموقعك ، وإضافة المزيد من الألوان يمكن أن يجعله يبدو متوهجًا.

إذا قمت بالنقر فوق علامة التبويب خيارات متقدمة  أسفل علامة التبويب إعدادات اللون  ، فيمكنك أيضًا إضافة فصل دراسي إلى تلك الكتلة ، والتي يمكنك بعد ذلك تحديد نمطها في أداة التخصيص أو ورقة الأنماط الخاصة بك. على سبيل المثال ، إذا أضفت فئة من .featuredإلى كتلتك ، فيمكنك حينئذٍ تصميمها باستخدام تلك الفئة.

تغيير ألوان الخط في المحرر الكلاسيكي

يتيح لك شريط أدوات المحرر الكلاسيكي تغيير لون أي نص تختاره. حتى تتمكن من تحديد كلمة فردية وتغيير لونها. أدناه قمت بعمل جملة حمراء.

تغيير الألوان في المحرر الكلاسيكي

تغيير الألوان في المحرر الكلاسيكي

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

تغيير ألوان الخط في أداة التخصيص

إذا كان المظهر الخاص بك يتضمن خيارات لتغيير نظام ألوان موقع الويب ، فهذا هو أفضل مكان للقيام بذلك.

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

تحرير نظام الألوان في Customizer

تحرير نظام الألوان في Customizer

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

إذا كنت ترغب في استهداف عناصر معينة لتغيير لونها ولكن هذا ليس خيارًا مع السمة الخاصة بك ، يمكنك إضافة CSS في Customizer للقيام بذلك.

حدد تخصيص> CSS إضافية ، واكتب CSS في مربع النص.

على سبيل المثال ، إذا كنت تريد تغيير لون h1العناوين ، فاكتب هذا:

h1 {
 color: #564534;
}

إذا لم يفلح ذلك ، فقد تحتاج إلى إضافة CSS أكثر تحديدًا. في النسق الخاص بي ، يتم ترميز لون رابط عنوان الموقع باستخدام #site-titleالمعرف ، لذلك أحتاج إلى إضافة CSS هذا:

#site-title a {
 color: #564534;
}

CSS إضافية – اللون

CSS إضافية – اللون

استبدل اللون الذي استخدمته أعلاه بلونك الخاص.

عندما تكون راضيًا عن التغييرات التي أجريتها ، انقر فوق الزر ” نشر”  .

تغيير ألوان الخط في ورقة الأنماط الخاصة بك

كما هو الحال مع أنماط الخطوط ، يمكنك أيضًا تعديل ورقة أنماط السمة (أو إنشاء سمة فرعية) لتغيير ألوان الخط.

تغيير اللون مع اللون. في ما يلي أقوم بتغيير اللون الرئيسي لنص موقعي باستخدام bodyالعنصر:

body {
 color = #222222;
}

تأكد من تجاوز أي نمط موجود لنفس العناصر وأنك تقوم أيضًا بتصميم أي عناصر ترث هذا النمط إذا كنت تريد أن يكون لها لون مختلف. فإن كل نص يرث لون الجسم  العنصر إلا إذا كان لديه التصميم الخاصة بها.

تغيير أحجام الخطوط في ووردبريس

لأسباب تتعلق بإمكانية الوصول ، قد تقرر أنك تريد أن تكون الخطوط أكبر مما هي عليه افتراضيًا في قالبك. أو قد تقرر أن العناوين في مناطق عناصر واجهة المستخدم صغيرة جدًا ، على سبيل المثال.

تغيير حجم الخط في جوتنبرج

باستخدام محرر Gutenberg ، يمكنك تغيير حجم النص داخل كل كتلة.

حدد الكتلة ثم انقر فوق علامة التبويب Text Settings في قائمة Blocks على يمين الشاشة. يمكنك جعل النص في الكتلة أصغر أو أكبر ، كما هو موضح أدناه.

تحرير حجم الخط في جوتنبرج

تحرير حجم الخط في جوتنبرج

احذر من فعل هذا كثيرًا: إذا كانت جميع الفقرات في صفحتك بأحجام مختلفة ، فستبدو مفككة ويصعب قراءتها.

تغيير حجم الخط في المحرر الكلاسيكي

لا يمنحك المحرر الكلاسيكي خيار تحديد نص معين وتغيير حجمه: لذلك إذا كنت بحاجة إلى هذه الميزة ، فستحتاج إلى الترقية إلى Gutenberg. آسف!

تغيير حجم الخط في أداة التخصيص

اعتمادًا على المظهر الخاص بك ، قد يكون لديك خيار لتغيير أحجام الخطوط في أداة التخصيص ، إما تغيير حجم الخط للموقع بأكمله أو استهداف الرؤوس والنص الأساسي.

إذا كان المظهر الخاص بك لا يتضمن خيار Customizer لتغيير أحجام الخطوط ، ولكن يمكنك استخدام خيار CSS الإضافي  . انتقل إلى تخصيص> CSS إضافية  واكتب CSS في المربع.

أدناه ، أجعل العناوين في مناطق عناصر واجهة المستخدم أكبر ، باستخدام CSS هذا:

h2.widget-title {
 font-size: 3em;
}

حجم خط التصميم مع CSS إضافي

حجم خط التصميم مع CSS إضافي

ربما يكون هذا كبيرًا جدًا ، لكنه يمنحك فكرة عامة.

تغيير حجم الخط في ورقة الأنماط الخاصة بك

يعمل تغيير حجم الخطوط في ورقة الأنماط بطريقة مشابهة لتغيير أي نمط آخر لخطوطك.

إذا كنت تريد تغيير حجم كل النص في موقعك ، فيمكنك استخدام bodyالعنصر:

body {
 font-size: 14px;
}

بالنسبة bodyللعنصر ، تستخدم وحدات البكسل ، ولكن بالنسبة للعناصر الأخرى التي تستخدمها ، emيكون الحجم متناسبًا مع حجم bodyالعنصر.

h1,
#site-title {
 font-size: 2em;
}

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

كيفية تحسين الخطوط في ووردبريس

سواء كنت تستخدم خطوط الويب أو الخطوط المستضافة محليًا ، فمن المنطقي أن تفعل كل ما في وسعك لتحسين الخطوط الخاصة بك.

سأقدم لك هنا بعض النصائح حول تحسين الخطوط لديك ، من أجل السرعة والتصميم على حدٍ سواء.

تحسين الخطوط للأداء

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

استخدم التخزين المؤقت لضمان عدم الحاجة إلى إعادة بناء الصفحات في كل مرة يتم تحميلها. تأتي خطط استضافة Kinsta مع تخزين مؤقت مدمج .

استخدم موفر خطوط الويب الذي يسلم الخطوط باستخدام شبكة توصيل المحتوى أو CDN. تقوم Google Fonts بذلك وتقوم بتسريع تسليم الخطوط.

استخدم فقط تلك الخطوط التي تحتاجها. لا تقم بإدراج أشكال مختلفة من الخطوط (الأوزان والأنماط) التي لن تستخدمها في ورقة الأنماط الخاصة بك. إذا وجدت أنك بحاجة إليها في وقت لاحق ، فيمكنك دائمًا إضافتها بعد ذلك.

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

عند إضافة CSS يدويًا ، قم بإضافته إلى ورقة أنماط السمة الخاصة بك وليس إلى قسم <head> في ملف header.php الخاص بك. هذا هو أحد الأسباب التي تجعل من الأفضل ترميز CSS يدويًا في السمة الخاصة بك بدلاً من استخدام Customizer أو كتلة ، حيث سيضيف كلاهما CSS مضمنة إلى الصفحة بدلاً من إضافته إلى ورقة الأنماط.

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

استخدم التصغير لتقليل حجم ورقة الأنماط الخاصة بك.

إذا كنت تستضيف الخطوط محليًا ، فقم فقط بتحميل الملفات الخاصة بالخطوط وأوزان الخطوط والأنماط التي تحتاجها. أضف فقط تلك الأشكال التي تحتاجها باستخدام تصريح @ font-face.

ضع في اعتبارك استخدام CDN لاستضافة الخطوط الخاصة بك بدلاً من استضافتها على الخادم الخاص بك.

عند استضافة الخطوط الخاصة بك ، قم بتضمين تنسيقات إضافية: woff2 و woff و ttf و eot. يمكن للمتصفحات بعد ذلك تحديد الإصدار الذي سيتم تحميله بشكل أسرع.

إذا كنت تستخدم خطًا مختلفًا لعنوان موقعك ، فقم بإدراج الأحرف التي تحتاجها فقط بدلاً من مكتبة الخطوط بأكملها.

لذلك إذا كان عنوان موقعك هو Kinsta ، فيمكنك إجراء تحسين بسيط في الأداء من خلال متابعة ورقة الأنماط على النحو التالي:

function kinsta_add_title_font() {
 wp_register_style( 'googleFonts', ‘https://fonts.googleapis.com/css?family=Raleway&text=“kinsta');
 wp_enqueue_style( 'googleFonts');
}
add_action( 'wp_enqueue_scripts', 'kinsta_add_title_font' );

تحسين الخطوط للتصميم

بالإضافة إلى تحسين أداء الخطوط الخاصة بك ، فمن المنطقي أيضًا التأكد من أنها مُحسَّنة بصريًا: أنها تتلاءم جيدًا مع تصميم موقعك ومع المواد غير المتصلة بالإنترنت.

هذا هو الحال بشكل خاص إذا كنت تستخدم مكونًا إضافيًا أو سمة فرعية لإضافة خطوط إضافية فوق الخطوط المجمعة بالفعل مع قالبك. هناك خطر أن يبدو المظهر الخاص بك فوضويًا إذا كان هناك عدد كبير جدًا من الخطوط بألوان وأنماط كثيرة جدًا.

قبل إضافة خطوط إضافية إلى موقعك ، ضع في اعتبارك ما يلي:

هل الخطوط الجديدة متوافقة مع الخطوط الموجودة لديك؟ هل ينقلون أسلوبًا أو مزاجًا مشابهًا؟

إذا كنت بحاجة إلى مطابقة خط تم استخدامه لمواد الطباعة ولكن لا يمكنك استخدام نفس الخط مثل خط الويب ، فحاول البحث عن أقرب تطابق ممكن على Google Fonts.

هل الخطوط التي اخترتها متوافقة مع علامتك التجارية؟ إذا كنت تدير عملاً جادًا ، فأنت لا تريد استخدام Comic Sans (في الواقع ، أيا كان نوع موقع الويب الذي تديره ، فأنت لا تريد استخدام Comic Sans).

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

إذا كنت تحاول اختيار زوج من الخطوط على Google Fonts ، فحاول استخدام خدمة مثل fontpair للعثور على خطين يعملان جيدًا معًا.

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

العمل مع الخطوط المتغيرة

الخطوط المتغيرة هي نوع جديد من الخطوط التي تجعل إضافة المزيد من الخطوط إلى موقعك أكثر كفاءة.

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

بالنسبة إلى الخط الذي يحتوي على أوزان وأنماط وخطوط متعددة ، يمكن أن يؤدي ذلك إلى توفير الكثير من مساحة الملف ويجعل عملية وضع الخط في قائمة الانتظار أو إضافته عبر fontface @ أيضًا.

الخطوط المتغيرة مدعومة في أحدث إصدارات Chrome و Edge و Firefox و Safari ، ولكن ليس بواسطة المتصفحات القديمة ؛ لذلك إذا كنت تستخدمها ، فستحتاج إلى احتياطي. ولا تتوفر العديد من الخطوط المتغيرة حتى الآن. لا تتضمن Google Fonts أيًا منها ، لكن Google تدعم المواصفات ، لذلك من المحتمل أن تتم إضافتها بمرور الوقت.

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

تعتبر الخطوط أمرا مفروغا منه ولكنها ضرورية لأي موقع ويب (بدون استثناءات). تعرف على كيفية تغيير الخط وحجم الخط ولون الخط في وورد بريس! 🎨👨‍👦

انقر للتغريد

ملخص

تغيير الخطوط على موقع وورد بريس الخاص بك ليس مهمة مباشرة. لديك إمكانيات مختلفة للاختيار من بينها:

استخدام خطوط الويب عن طريق تثبيت البرنامج المساعد.

استخدام خطوط الويب عن طريق ترميزها في السمة الخاصة بك وإدراجها في قائمة الانتظار.

استضافة الخطوط الخاصة بك.

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

هل تريد إلغاء ترتيب صفحتك أو تخطيط مدونتك لجعل القراء يركزون على المحتوى الخاص بك؟ بعد ذلك ، تحقق من هذا: كيفية إزالة الشريط الجانبي في وورد بريس (4 طرق) .

وفر الوقت والتكاليف وحقق أقصى قدر من أداء الموقع من خلال:

مساعدة فورية من خبراء استضافة وورد بريس ، 24/7.

تكامل Cloudflare Enterprise.

يصل الجمهور العالمي إلى 28 مركز بيانات حول العالم.

التحسين من خلال مراقبة أداء التطبيقات المضمنة لدينا.

كل ذلك وأكثر من ذلك بكثير ، في خطة واحدة بدون عقود طويلة الأجل ، وعمليات الترحيل المدعومة ، وضمان استرداد الأموال لمدة 30 يومًا. تحقق من خططنا أو تحدث إلى قسم المبيعات للعثور على الخطة المناسبة لك.