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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

كيفية إضافة خط باستخدام 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 الأخرى لإضفاء مظهر حديث وتحسين قبضة مدونتك أو موقعك الإلكتروني.

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

1. CommentPress

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

خاتمة

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

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

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

...