هل ترغب في إضافة خطوط مخصصة إلى WordPress؟

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

سأوضح لك في هذا البرنامج التعليمي كيفية إضافة خطوط مخصصة إلى مدونة WordPress الخاصة بك باستخدام جوجل الخطوط, Typekit وCSS3.

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

كيفية إضافة خطوط ووردبريس مخصصة 1 1

وإذا كانت مدونتك بطيئة ، أقترح عليك بعض الحلول لمشاكل الأداء على وورد

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

ولكن أولاً وقبل كل شيء ، من المهم أولاً معرفة كيفية البحث عن الخطوط مع استشارة ملف 7 WordPress plugins لتتماشى مع طباعة مدونتك

كيفية العثور على الخطوط وكيفية استخدام وورد

الخطوط ليست قابلة للتوسيع كما كانت من قبل. ومع ذلك ، هناك عدة مصادر حيث يمكنك العثور على خطوط مثل " جوجل الخطوط "" Typekit "" FontSquirrel "و" Fonts.com ".

كيفية إضافة الخط ورد خطوط جوجل

خطوط الطباعة ووردبريس google

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

برنامج تعليمي لطباعة خطوط جوجل وورد

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

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

هذا كل ما في الأمر لإضافة خط Google جديد إلى مدونة WordPress الخاصة بك.

كيفية إضافة خط باستخدام Typekit

طباعة خطوط ووردبريس typekit 2

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

كل ما عليك فعله هو الحصول على حساب Typekit وإنشاء حساب جديد " عدة ".

طباعة خطوط ووردبريس typekit

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

طباعة خطوط ووردبريس typekit 1

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

بعد تفعيله ، ما عليك سوى الوصول إلى " الإعدادات> خطوط Typekit ولصق الرمز من المجموعة الخاصة بك في " قواعد CSS مخصص ".

typekit معجون واحد في عدة

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

كيفية إضافة خط باستخدام CSS3 (@ الخط وجه)

الطريقة الأكثر مباشرة لتضمين خط في مدونتك هي إضافته باستخدام "font-faces" عبر CSS3. تتيح لك هذه الطريقة إضافة أي نوع من الخطوط تريده في مدونتك.

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

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

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

دعنا نعود إلى هدفنا.

بمجرد الانتهاء ، يمكنك دمج الخط مثل هذا:

التكامل الشرطة

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

استخدام رمز الخط وجه

هذا كل ما يجب معرفته حول استخدام كود CSS3. ومع ذلك ، يجب أن أحدد أن الطريقة التي تحتوي على وظيفة "font-face" أكثر ملاءمة للمطورين.

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

اكتشف أيضًا بعض الإضافات المتميزة لبرنامج WordPress  

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

نحن نقدم لك هنا بعض الإضافات WordPress المتميزة التي سوف تساعدك على القيام بذلك.

1. CommentPress

CommentPress هو مكون إضافي قوي ووردبريس مدمج يتيح لك إدراج وتعديل وحذف التعليقات بسرعة وسهولة. يستخدم CommentPress Ajax و jQuery و PHP لمنح الزوار القدرة على إدراج التعليقات دون الحاجة إلى إعادة تحميل الصفحة.

تعليق اضغط على Ajax Comments إدراج تحرير وحذف التعليقات

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

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

تحميل | عرض | استضافة المواقع

2. معرض ايفرست

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

Everest Gallery مستجيب WordPress Gallery WordPress البرنامج المساعد

يمكن استخدام معرض Everest لعرض المقالات وأنواع المنشورات المخصصة والتصنيفات / الفئات المخصصة ، منتجات WooCommerce، المنتجات الشخصية ، معارض الصور والمرفقات ، مقاطع الفيديو ، ميزات المنتج ، عرض العملاء ، المحافظ ، أعضاء الفريق ، لقطات الشاشة ، إلخ ... ، سريعة الاستجابة.

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

تحميل | عرض | استضافة المواقع

3. الفسفور الابيض مدير الاعلام

يعد WP Media Manager واحدًا من أفضل البرامج وأكثرها قوة الإضافات وورد إدارة مكتبات الوسائط. إنه رائع في إدارة المجلدات ويسمح لك سهولة استخدامه بتنظيم آلاف ملفات الوسائط.

WP Media Manager أسهل برنامج إضافي لبرنامج WordPress Media Manager

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

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

تحميل | عرض | استضافة المواقع

الموارد الأخرى الموصى بها

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

وفي الختام

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

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

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

...