تصميم لصوت علامتك التجارية

إذا كنت تستخدم موقع WordPress مستضافًا ذاتيًا ، فلديك الحرية في تثبيت أي خطوط تريدها. يمنحك هذا القدرة على مطابقة تصميم موقعك بشكل مثالي مع صوت علامتك التجارية. في هذه المقالة ، سنوضح لك كيفية إضافة خطوط مخصصة إلى موقع WordPress الخاص بك. سنغطي طريقتين لإضافة الخطوط إلى WordPress. الطريقة الأولى هي تثبيت الخطوط باستخدام أداة تخصيص WordPress. الطريقة الثانية هي تثبيت الخطوط باستخدام البرنامج المساعد. يُنصح بتثبيت الخطوط باستخدام مُخصص WordPress. إنها طريقة سريعة وسهلة لإضافة خطوط إلى موقعك دون الحاجة إلى تعديل أي كود. لتثبيت الخطوط باستخدام مُخصص WordPress ، اتبع الخطوات التالية: 1. قم بتسجيل الدخول إلى موقع WordPress الخاص بك وانتقل إلى Customize. 2. انقر فوق علامة التبويب الخطوط . 3. استخدم شريط البحث للعثور على الخطوط التي تريد تثبيتها. 4. انقر فوق الزر "إضافة إلى المجموعة" لكل خط تريد تثبيته. 5. انقر فوق الزر "نشر" لحفظ التغييرات. ستتوفر خطوطك الآن للاستخدام في موقع WordPress الخاص بك. إذا كنت تبحث عن مزيد من التحكم في الخطوط الخاصة بك ، أو إذا كنت تريد استخدام الخطوط غير المتوفرة في WordPress Customizer ، فيمكنك تثبيت الخطوط باستخدام مكون إضافي. هناك عدد قليل من الإضافات المتاحة لإضافة الخطوط إلى WordPress. نوصي باستخدام البرنامج المساعد Easy Google Fonts. إنه مكون إضافي مجاني يسهل إضافة الخطوط وتخصيصها وإدارتها. لتثبيت البرنامج المساعد Easy Google Fonts ، اتبع الخطوات التالية: 1. سجّل الدخول إلى موقع WordPress الخاص بك وانتقل إلى الإضافات. انقر فوق الزر "إضافة جديد". استخدم شريط البحث للعثور على المكون الإضافي Easy Google Fonts. انقر فوق زر التثبيت الآن. انقر فوق الزر "تنشيط". 6. انتقل إلى المظهر وانقر على علامة التبويب الخطوط. 7. 8. 9. تعد إضافة خطوط مخصصة إلى موقع WordPress الخاص بك طريقة رائعة لمطابقة موقعك

باستخدام المكون الإضافي Easy Google Fonts ، يمكنك إضافة خطوط مخصصة إلى مواقع WordPress على الويب. إنها فرصة رائعة للاستفادة من مجموعة مذهلة من الخطوط على موقع الويب الخاص بك. يمكن أن يؤدي استخدام الطباعة الصحيحة إلى مجموعة متنوعة من الفوائد. من الأهمية بمكان أن يكون موقع الويب الخاص بك سهل الاستخدام والفهم قدر الإمكان لعملائك. يمكنك أيضًا تغيير تصميم وموضع الخطوط التي تختارها باستخدام خصائص CSS. علاوة على ذلك ، إذا كنت تريد تغيير عناصر التحكم في الخط لمكوِّن WordPress الإضافي ، فيمكنك القيام بذلك عن طريق الانتقال إلى صفحة الإعدادات. إنه بديل رائع لـ Adobe Fonts إذا كنت لا تريد استخدام مكون إضافي.

باستخدام المكون الإضافي Custom Adobe Fonts ، يمكنك بسهولة دمج هذه الخطوط في موقع WordPress الخاص بك. قبل تثبيت المكون الإضافي ، انتقل إلى مكتبة خطوط Adobe الواسعة وحدد الخط الذي يناسبك (يجب عليك التسجيل للبدء). بمجرد تحديد الخط الذي تريده ، يمكنك إضافته إلى مشروع الويب الخاص بك عن طريق النقر فوق الزر "إضافة إلى مشروع الويب" في الجزء العلوي الأيمن من الصفحة. تتيح لك هذه الأداة معاينة مجموعات الخطوط ومطابقتها كما تراه مناسبًا ، مما يسهل دمج الخطوط. يمكن العثور على الخطوط المخصصة في عدد من مواقع الويب الرائعة ، والتي تم تصميمها من قبل المصممين وتأتي بمستوى عالٍ من التفاصيل. يحتوي الخط Squirrel ، على سبيل المثال ، على مكتبة ضخمة من الخطوط وله تنسيق تنفيذ بسيط. لدى @ Font-Face مجموعة خطوط ويب يمكنك تنزيلها.

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

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

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

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

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

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

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

Wp-content / theme / your-theme / الخطوط

دليل wp-content / theme / your-theme / الخطوط هو المكان الذي يمكنك من خلاله تخزين أي خطوط مخصصة قد ترغب في استخدامها في قالبك. يمكن إضافة الخطوط إلى هذا الدليل عبر FTP أو باستخدام مدير الملفات في لوحة تحكم حساب الاستضافة الخاص بك. بمجرد الإضافة ، يمكنك بعد ذلك استخدام الخطوط في CSS الخاص بك عن طريق تحديد خاصية عائلة الخطوط.

تسمح لك الأنماط العالمية بتغيير خط موقعك بنفس الطريقة التي يمكنك من خلالها تغيير لون موقعك باستخدام أحد السمات التالية. يتم تعيين كل من الخط الأساسي والعناوين على أزواج من الأحرف. عند النقر فوق "نشر" ، يمكنك إما حفظ أزواج الخطوط الجديدة في قائمة الأنماط العامة أو إعادة تعيينها. بعد اختيارك للخطوط المخصصة ، لديك خيار تغييرها بشكل منتظم. حدد الحجم الذي تريده لخطوط العنوان أو القاعدة من القائمة المنسدلة ، ثم انقر فوق خيار الحجم أدناه وإلى اليمين لكل اسم من أسماء الخطوط التي تريد تغييرها. باستخدام CSS المخصص ، يمكنك تغيير أحجام الخطوط بشكل عام. عند تحديد ما إذا كنت تريد استخدام مكون إضافي بعد اختباره أم لا ، تأكد من إلغاء تنشيطه / إزالته. لا يمكن ربط حساب خارجي على Typekit.com بموقع WordPress.com أو مدونة. باستخدام Customizer ، يمكنك تحديد ما إذا كان سيتم عرض خط معين بشكل صحيح بأي لغة.

أضف خطوطًا مخصصة إلى WordPress بدون البرنامج المساعد

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

يمكنك استخدام مجموعة متنوعة من الخطوط على موقع الويب الخاص بك إذا اخترت الخطوط المخصصة. يمكنك تحسين كفاءة موقع الويب الخاص بك من خلال استخدامها ، وكذلك إنشاء صورة العلامة التجارية التي من شأنها زيادة مشاركة المستخدم. سنشرح كيفية إضافة خطوط مخصصة في WordPress باستخدام خطوط Google و TypeKit وطريقة CSS3 @ Font-Face في هذا البرنامج التعليمي. عند الاشتراك في الخدمة ، سيتم استخدام عنوان بريدك الإلكتروني لتلقي دليل البدء السريع الرسمي. بعد ذلك ، انتقل إلى الشريط الجانبي للمسؤول وانتقل إلى المكوّن الإضافي للخطوط - قم بتخصيص الخطوط. يمكنك أيضًا تغيير الخط والحجم في قالب WordPress الخاص بك باتباع هذه التعليمات. يمكن إضافة رمز تضمين خط Google إلى موقع WordPress بطريقتين.

تأكد من تعيين الشفرة قبل علامة <body> في ملف header.php الخاص بقالبك. يمكن إضافة هذا الرمز باستخدام مكون WordPress الإضافي إذا لم تكن معتادًا على تحرير الكود. يمكنك معرفة المزيد حول خطوط Google في سمات WordPress من خلال قراءة دليلنا. تعد إضافة خطوط مخصصة إلى WordPress الطريقة الأكثر مباشرة عبر CSS3 @ Font-face. نتيجة لذلك ، يمكنك استخدام أي خط تريده على موقع الويب الخاص بك باستخدام هذه الطريقة. إذا لم يكن لديك بالفعل تنسيق ويب للخط الخاص بك ، فيمكنك استخدام مُنشئ FontSquirrel WebFont لتحويله.

هل يمكنك تحميل خطوط مخصصة إلى WordPress؟

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

أضف خط Otf إلى WordPress

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

خطوط نسق ووردبريس

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

على الرغم من أن بعض سمات WordPress تسمح لك بتغيير الخطوط ، إلا أن الغالبية تسمح لك بذلك. بالإضافة إلى ذلك ، هناك مكونات إضافية مجانية لإضافة الخطوط إلى أي موضوع. سيعلمك القسم الأول من هذا القسم كيفية استخدام سمة Neve المرنة كمثال. بالإضافة إلى ذلك ، في هذا القسم ، سنوضح لك كيفية تغيير خطوط WordPress لأقسام معينة من المحتوى باستخدام محرر WordPress. إذا كنت تبحث عن المزيد من خيارات الخطوط في قالب WordPress الخاص بك ، فإن المكون الإضافي هو خيار نسخ احتياطي جيد. يمكنك استخدام تطبيق Easy Google Fonts لإنشاء سمة WordPress جديدة والاختيار من بين أكثر من 600 خط مجاني. سنقوم بعد ذلك باستيراد نسق Twenty One الافتراضي وتكوينه بحيث يتضمن المزيد من الخطوط.

يمكنك الوصول إلى أداة تخصيص WordPress بالانتقال إلى المظهر - خيارات مخصصة. يمكنك الآن تحديد خط من Google لاستخدامه في أنواع مختلفة من المحتوى على موقعك. أثناء اتخاذ قراراتك ، يجب أن تشاهد معاينة مباشرة للخط الجديد على موقعك. بالنقر فوق "نشر" ، يمكنك تحميل الخطوط الجديدة الخاصة بك. إذا كان لديك بالفعل سمة مرنة ، فإن أداة تخصيص WordPress تتيح لك تحديد خيارات الطباعة المضمنة في السمة. يمكنك استخدام المكوّن الإضافي Easy Google Fonts لإضافة 600+ خط إلى موقعك. يعد هذا مكانًا رائعًا للبدء إذا كنت ترغب في إنشاء موقع ويب مخصص باستخدام أي سمة WordPress.