كيفية إضافة الخطوط العربية المخصصة على موقعك WordPress

كيفية استخدام الخطوط المخصصة على موقعك WordPress

قد لا تكون خطوطك المفضلة متاحة على سمات موقعك، أو على استضافات تحميل الخطوط الرئيسية مثل Google Fonts أو Typekit. هذا يعني أنك ستحتاج إلى إيجاد وسيلة بديلة لعرضها. لحسن الحظ، من الممكن تحويل خطوط علامتك التجارية إلى خطوط ملائمة لمواقع الويب وتضمينها مثل أي خطوط أخرى. القيام بهذه العملية بسيط جداً، وذلك بفضل منشئ خطوط الويب Font Squirrel والمكونات الإضافية مثل Easy Google Font ،Google Font Typography.

قد لا تكون خطوطك المفضلة متاحة على سمات موقعك، أو على استضافات تحميل الخطوط الرئيسية مثل Google Fonts أو Typekit. هذا يعني أنك ستحتاج إلى إيجاد وسيلة بديلة لعرضها. لحسن الحظ، من الممكن تحويل خطوط علامتك التجارية إلى خطوط ملائمة لمواقع الويب وتضمينها مثل أي خطوط أخرى. القيام بهذه العملية بسيط جداً، وذلك بفضل منشئ خطوط الويب Font Squirrel والمكونات الإضافية مثل Easy Google Font ،Google Font Typography.

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

إعداد الخط المفضل للاستخدام على موقعك

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

  • التحقق من حقوق استخدام أي خط

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

    • من يمكنه استخدام الخط.
    • أين يمكنك استخدام الخط.
    • إرشادات حول كيفية استخدام الخط.

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

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

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

تحويل الخط إلى تنسيق مناسب للويب

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

هناك العديد من أنواع الخطوط التي تناسب العدد الهائل من الأجهزة الشهيرة، ولكن القليل منها أكثر شيوعًا. ملحقات ملفات الخطوط الشائعة هي woff، woff2، eot، ttf، svg، otf.

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

أولاً، قم بزيارة منشئ الخط Font Squirrel على الويب. تحقق من ملء خانة نعم، الخطوط التي أحمّلها مؤهلة قانونيًا لاتفاقية تضمين الويب.

منشئ الخط Font Squirrel على الويب. تحقق من ملء خانة نعم، الخطوط التي أحمّلها مؤهلة قانونيًا لاتفاقية تضمين الويب.

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

أضف خطك المفضل إلى موقعك WordPress

الآن أصبحت خطوطك جاهزة للويب، يمكنك إضافتها إلى WordPress. لحسن الحظ، هي عملية بسيطة نسبيًا بفضل بعض المكونات الإضافية

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

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

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

  • Arabic Webfonts طريقة سهلة لإضافة الخطوط العربية إلى أي موقع بدون تشفير باستخدام WordPress Customizer. يتكامل هذا المكون الإضافي مع WordPress Customizer حتى تتمكن من معاينة جميع الخطوط العربية على موقعك في الوقت الفعلي. متوافق مع أي سمة ووردبريس.كما يسمح لك بإنشاء عناصر تحكم خط مخصصة في منطقة صفحة إدارة المكون الإضافي للتحكم في محددات css معينة. بمجرد إنشائها ، تتوفر عناصر تحكم الخط المخصصة هذه على الفور في أداة التخصيص دون الحاجة إلى ترميز!يعتمد البرنامج المساعد على “مكتبة الخطوط العربية” من: fontface.me.

Arabic Webfonts طريقة سهلة لإضافة الخطوط العربية إلى أي موقع بدون تشفير باستخدام WordPress Customizer. يتكامل هذا المكون الإضافي مع WordPress Customizer حتى تتمكن من معاينة جميع الخطوط العربية على موقعك في الوقت الفعلي. متوافق مع أي سمة ووردبريس.كما يسمح لك بإنشاء عناصر تحكم خط مخصصة في منطقة صفحة إدارة المكون الإضافي للتحكم في محددات css معينة. بمجرد إنشائها ، تتوفر عناصر تحكم الخط المخصصة هذه على الفور في أداة التخصيص دون الحاجة إلى ترميز!يعتمد البرنامج المساعد على "مكتبة الخطوط العربية" من: fontface.me.

مميزات الإضافة

    1. طريقة سهلة لإضافة خطوط عربية إلى موقعك.
    2. التحكم في نوع الخط وحجمه ونمطه لأي قسم في الوقت الحقيقي.
    3. إضافة عناصر تحكم خط مخصصة للسمة الخاصة بك.
    4. إعادة تعيين أي إعدادات القسم أو كافة الإعدادات.
1٬633 مشاهدة
شارك المقالة
الصورة الافتراضية
مبارك أحداد
مذكرة موقع يهتم بنشر الثقافة في مختلف المجالات. هنا تجدون مقالات عربية من تعبيري الخاص باسلوب سلس وواضح. موقع مذكرة دائما متجدد ويتميز بمواضيعه الحصرية والهادفة لتفادي المواضيع المتاحة المتكررة. هدفنا هو نشر المحتوى العربي والرقي به. نرجو من الله العلي القدير أن يوفقنا للعمل بجدية وأن نحضى بدعم وثقة القراء.
المقالات: 254

اترك ردّاً

معذرة لا يمكنك النسخ، لكن يمكنك طباعة النص بأكمله بواسطة الضغط على: (CTRL + P)