هل ترغب في إضافة خطوط مخصصة إلى WordPress؟
صدقوني ، الشرطة أيضا دور كبير جدًا في مدونتك وستكسب الكثير عن طريق إضافة خط تم تكييفه ليس فقط لسياق مدونتك ، ولكن أيضًا لموضوع WordPress الخاص بك.
سأوضح لك في هذا البرنامج التعليمي كيفية إضافة خطوط مخصصة إلى مدونة WordPress الخاصة بك باستخدام جوجل الخطوط, Typekit وCSS3.
استخدام الخطوط المخصصة في وورد المواضيع أصبح شائعًا. في الحقيقة هنالك العديد وورد المواضيع التي تقدم العديد من الخطوط للاختيار من بينها. ومع ذلك ، فإن تحميل كل هذه الخطوط في نفس الوقت يمكن أن يؤدي إلى إبطاء تحميل الصفحة بشكل كبير.
وإذا كانت مدونتك بطيئة ، أقترح عليك بعض الحلول لمشاكل الأداء على وورد
هذا أحد أسباب قيامنا بذلك بالطريقة الصحيحة ، بتحميل الخط المخصص الذي نريد استخدامه على المدونة فقط.
ولكن أولاً وقبل كل شيء ، من المهم أولاً معرفة كيفية البحث عن الخطوط مع استشارة ملف 7 WordPress plugins لتتماشى مع طباعة مدونتك
كيفية العثور على الخطوط وكيفية استخدام وورد
الخطوط ليست قابلة للتوسيع كما كانت من قبل. ومع ذلك ، هناك عدة مصادر حيث يمكنك العثور على خطوط مثل " جوجل الخطوط "" Typekit "" FontSquirrel "و" Fonts.com ".
كيفية إضافة الخط ورد خطوط جوجل
Google Fonts هي مكتبة كبيرة جدًا من الخطوط المجانية التي يمكنك استخدامها في العديد من المشاريع.
كل ما عليك فعله هو الوصول " جوجل الخطوط وحدد الخط الذي تختاره. ثم اضغط على " حدد هذا الخط تظهر علامة تبويب في الجزء السفلي الأيمن من الشاشة.
انقر فوق علامة التبويب هذه التي تتسع كما في الصورة أعلاه. ستتمكن من تخصيص نمط الخط لتضمينه من خلال النقر فوق تخصيص. ما عليك سوى تحديد النمط الذي تريد رؤيته في مدونتك.
يجب عليك بعد ذلك التمرير لأسفل إلى " تضمين ". ستحتاج بعد ذلك إلى نسخ الكود الموجود في القسم " معياري ". هذا هو الرمز الذي يمكنك إضافته على " رأس من موضوع طفلك.
هذا كل ما في الأمر لإضافة خط Google جديد إلى مدونة WordPress الخاصة بك.
كيفية إضافة خط باستخدام Typekit
Typekit هي خدمة مجانية ومميزة أخرى توفر خطوطًا يمكنك استخدامها أيضًا في مشاريعك المختلفة. أنها توفر اشتراكات متميزة واشتراكات مجانية.
كل ما عليك فعله هو الحصول على حساب Typekit وإنشاء حساب جديد " عدة ".
سيكون عليك بعد ذلك تحديد الخط من مكتبة Typekit وإضافته إلى مشروعك. بعد ذلك ، احصل على رمز مجموعة أدواتك وأضفه من لوحة القيادة.
لإضافته إلى لوحة التحكم ، ما عليك سوى تثبيت وتفعيل المكون الإضافي " الخطوط Typekit لورد ".
بعد تفعيله ، ما عليك سوى الوصول إلى " الإعدادات> خطوط Typekit ولصق الرمز من المجموعة الخاصة بك في " قواعد CSS مخصص ".
يمكن بعد ذلك استخدام الخط بنفس الطريقة ، أي بتحديد اسم العائلة لعناصر محددة أو للمستند بأكمله.
كيفية إضافة خط باستخدام CSS3 (@ الخط وجه)
الطريقة الأكثر مباشرة لتضمين خط في مدونتك هي إضافته باستخدام "font-faces" عبر CSS3. تتيح لك هذه الطريقة إضافة أي نوع من الخطوط تريده في مدونتك.
أول شيء تفعله هو تنزيل الخط الذي تختاره بتنسيق الويب. إذا لم يكن لديك هذا الخط بتنسيق الويب ، فيمكنك تحويله مجانًا على " FontSquirrel Webfont مولد ".
بمجرد أن يكون لديك الملفات في التنسيق " الويب »، سيكون عليك بعد ذلك إرسالها مباشرة إلى الخادم الخاص بك. أوصي بشدة بإضافته إلى " الخطوط لموضوع طفلك باستخدام عميل FTP (فايلزيلا هي توصيتي).
إذا كنت ترغب في المضي قدمًا في هذا الإجراء ، فراجع البرنامج التعليمي الخاص بنا كيفية استخدام بروتوكول نقل الملفات على ويندوز 10
دعنا نعود إلى هدفنا.
بمجرد الانتهاء ، يمكنك دمج الخط مثل هذا:
لاستخدامه في أي مكان ، ستحتاج ببساطة إلى تحديد اسم الخط كما حددته في " الوجه السفلي »السابق (انظر قيمة سمة عائلة الخط ).
هذا كل ما يجب معرفته حول استخدام كود CSS3. ومع ذلك ، يجب أن أحدد أن الطريقة التي تحتوي على وظيفة "font-face" أكثر ملاءمة للمطورين.
كما تُستخدم الحلول والأدوات الأخرى ويوصى بها لإدارة الخطوط أو معالجتها على موقع الويب الخاص بك.
اكتشف أيضًا بعض الإضافات المتميزة لبرنامج WordPress
يمكنك استخدام ملفات أخرى الإضافات وورد لإضفاء مظهر عصري ولتحسين التعامل مع مدونتك أو موقعك على الويب.
نحن نقدم لك هنا بعض الإضافات WordPress المتميزة التي سوف تساعدك على القيام بذلك.
1. CommentPress
CommentPress هو مكون إضافي قوي ووردبريس مدمج يتيح لك إدراج وتعديل وحذف التعليقات بسرعة وسهولة. يستخدم CommentPress Ajax و jQuery و PHP لمنح الزوار القدرة على إدراج التعليقات دون الحاجة إلى إعادة تحميل الصفحة.
يحتوي هذا المكون الإضافي على العديد من خيارات التخصيص ، لمنحه الشكل والمظهر الذي تريده. يحتوي على رمز التحقق (captcha) لمنع البريد العشوائي ويمنح قسم التعليقات مزيدًا من الأمان.
ميزاته الرئيسية هي: سهولة إدخال التعليقات ، وإمكانية للمستخدمين للرد على تعليقات محددة ، وترقيم الصفحات للتعليقات ، والإدارة الكاملة لإدارة قسم التعليقات ، وأزرار لإدراج الصور بسهولة ، مقاطع الفيديو والروابط ، وتصميم سريع الاستجابة بالكامل ، كلمة التحقق لتأمين النموذج وتجنب البريد المزعج وغير ذلك الكثير.
تحميل | عرض | استضافة المواقع
2. معرض ايفرست
كما يوحي اسمها ، فهي ذروة الإضافات وورد معرض الصور قسط. ستتيح لك هذه الأداة فائقة التخصيص إنشاء معارض من أي نمط في بضع دقائق فقط.
يمكن استخدام معرض Everest لعرض المقالات وأنواع المنشورات المخصصة والتصنيفات / الفئات المخصصة ، منتجات WooCommerce، المنتجات الشخصية ، معارض الصور والمرفقات ، مقاطع الفيديو ، ميزات المنتج ، عرض العملاء ، المحافظ ، أعضاء الفريق ، لقطات الشاشة ، إلخ ... ، سريعة الاستجابة.
يأتي معرض Everest بالوثائق الكاملة ، وأكثر من خيارات 30 لتخصيصها بالكامل مظهر المعرض. مع خيارات التخصيص المتاحة ، يمكنك استخدام هذا وورد البرنامج المساعد لتقديم أي شيء بسهولة وفعالية.
تحميل | عرض | استضافة المواقع
3. الفسفور الابيض مدير الاعلام
يعد WP Media Manager واحدًا من أفضل البرامج وأكثرها قوة الإضافات وورد إدارة مكتبات الوسائط. إنه رائع في إدارة المجلدات ويسمح لك سهولة استخدامه بتنظيم آلاف ملفات الوسائط.
ما عليك سوى استخدام طريقة السحب والإفلات لإدراج ملفات الوسائط في المجلدات / المجلدات الفرعية. لا تسمح له هذه القدرة بتحسين إدارة الملفات فحسب ، بل تتيح له أيضًا إدارة المجلدات. وهو أمر لا بد منه عمومًا للمستخدمين المبتدئين.
Ce وورد البرنامج المساعد يحتوي على ميزات مثل إنشاء المجلدات ، وتصفية هذه المعارض ، و 3 معارض سريعة الاستجابة ، وإمكانية تكرار الملفات ، وإنشاء تسلسل هرمي غير محدود والعديد من الميزات الأخرى ...
تحميل | عرض | استضافة المواقع
الموارد الأخرى الموصى بها
انتقل إلى أبعد من ذلك في استخدام الخطوط المخصصة في WordPress عن طريق التحقق أيضًا من الروابط أو الموارد الموصى بها أدناه.
- كيفية إضافة الكلمات الرئيسية وأوصاف التعريف في WordPress
- كيفية إضافة الطباعة مثيرة للإعجاب مع Typekit
- ملحقات 7 WordPress لإضافة شريط تمرير إلى المدونة
- 8 ملحقات WordPress لإضافة نظام ترجمة على المدونة
- مصادر أخرى:
- قائمة الأساسيات لبدء مدونة
- 14 WordPress Plugins Elementor يمكن استبدالها
- Elementor Pro Price 2023: ما هي الخطة الأكثر ربحية بالنسبة لك؟
- كيفية إنشاء وعرض نافذة منبثقة عن طريق علامة النشر في WordPress
- أفضل إضافات مجانية للعنصر في عام 2023
- كيفية إنشاء خط مخصص لوورد الخاص بك بلوق
وفي الختام
لذا ! هذا كل شيء في هذا البرنامج التعليمي حول أفضل طريقة لإضافة خطوط مخصصة إلى WordPress. إذا كان لديك أي اقتراحات أو تعليقات ، فسيكون موضع ترحيب.
ومع ذلك ، ستتمكن أيضًا من الرجوع إلى موقعنا RESSOURCES، إذا كنت بحاجة إلى مزيد من العناصر لتنفيذ مشاريعك الخاصة بإنشاء مواقع الإنترنت ، من خلال الرجوع إلى دليلنا على وورد خلق بلوق أو واحد على ديفي: أفضل موضوع وورد في كل العصور.
N'' لا تتردد في مشاركتها على مختلف الشبكات الاجتماعية. إذا كان لديك تعليقات أو اقتراحات ، لا تتردد في إخبارنا في القسم المخصص لهذه.
...