كيفية تغيير الخط في وورد

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

يمكن أن يؤدي تغيير أسلوب الطباعة على موقع ويب إلى إحداث فرق كبير. كل خط له أسلوبه الخاص ويتميز بالحروف والأرقام التي يمثلها. يمكنك بسهولة تغيير النص في MS Word أو Google Docs إلى غامق أو مائل أو حتى مائل غامق. لعرض خطوط الويب بشكل صحيح ، يجب على المستخدم استخدام أربعة أنواع من الملفات. تتكون ملفات TrueType من ملف EOT وملف HTML وملف WOFF وملف SVG. يمكنك الوصول إلى الخطوط المستضافة على نظامك المحلي عن طريق تحديد الخطوط التي تريدها. سيبدو موقع الويب الخاص بك كما هو بغض النظر عن المتصفح الذي تستخدمه لأنه سيستخدم خطوطًا آمنة للويب.

ليس من الضروري تنزيل أو تثبيت أي شيء لاستخدام النظام. في قسم> head> من صفحتك ، يجب عليك تضمين السطر التالي من التعليمات البرمجية من أجل استخدام Font Awesome. من الممكن تغيير لون الأيقونة أو حجمها عن طريق ضبط حجم الخط. في العرض التوضيحي الخاص بنا ، سنوضح لك كيفية استخدام محرر Gutenberg الافتراضي ، متبوعًا ببناة الصفحات مثل Brizy و Elementor. غيّر خط المنشور أو الصفحة التي تريد تعديلها بالانتقال إلى المنشور أو الصفحة والنقر على Elementor. من خلال تحديد علامة التبويب "النمط" ، يمكنك أيضًا تغيير الخطوط. عند استخدام Elementor لإنشاء صفحتك ، يمكنك استخدام أداة إنشاء الصفحات لتحرير النص.

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

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

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

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

يمكنك تغيير خط النص في HTML باستخدام سمة النمط. يتم تعريف النمط المضمن باستخدام سمة النمط. تُستخدم هذه السمة لتحديد خط خاصية CSS - العائلة وحجمها ونمطها والسمات الأخرى. نظرًا لأن HTML5 لا يدعم الخط> العلامة ، يتم استخدام أنماط CSS لتغيير الخط.

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

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

كيف يمكنني تغيير الخط والحجم في WordPress؟

هذا خيار يمكنك تحقيقه بسهولة باستخدام محرر قوالب WordPress الافتراضي. يمكنك تغيير حجم خط أي فقرة بالنقر فوقه واختيار "طباعة" من القائمة الموجودة على الجانب الأيمن. تتيح لك القائمة المنسدلة الاختيار من بين الأحجام التالية: صغير وعادي ومتوسط ​​وكبير وضخم.

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

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

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

يمكن استخدام قائمة Appearance لتغيير الخطوط المخصصة التي تستخدمها ، مثل Base أو header. بدلاً من ذلك ، يمكنك تغيير الخط الافتراضي لموضوعك بالنقر فوق X على يمين اسم الخط المخصص. يمكنك زيادة الحجم ببساطة عن طريق تحرير CSS في أداة التخصيص. من خلال تحديد حجم إعداد مسبق مختلف من Appearance Customize Typography ، يمكنك تغيير حجم الخط على رأسك. تتضمن قائمة الحظر الموجودة أعلى الرأس زرًا لتغيير علامة الرأس H2.

كيف يمكنني تغيير الخط في صفحة ويب؟

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

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

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

كيفية إصلاح الخطوط الفاسدة في تصفحك

قد تبدو خطوط المستعرض الخاص بك خارج المحاذاة في بعض الأحيان بسبب عدد من العوامل. قد يحاول المستعرض الخاص بك استيعاب دقة الشاشة عن طريق تغيير حجم الخط في بعض الحالات ، على سبيل المثال عند استخدام شاشة عرض منخفضة لكل بوصة أو عندما تكون دقة الشاشة أقل من المعتاد. قد تبدو لك في غير مكانها ، حتى لو كانت ما اعتدت عليه.
إذا كنت تواجه مشكلة في جعل متصفحك يعرض الخطوط التي اعتدت عليها ، فحاول إعادة ضبط مستوى التكبير / التصغير. يمكن استخدام خيار Zoom RESET بالضغط على Ctrl + 0 (يتم الضغط باستمرار على مفتاح التحكم ، ويتم الضغط على مفتاح الطرح) أو عن طريق الضغط باستمرار على مفتاح التحكم والضغط على مفتاح الجمع.
إذا لم يفلح ذلك ، يمكنك تكبير النص بالنقر فوق تكبير. يمكن الضغط على زر IN (Ctrl ++) لبضع ثوان أثناء الضغط على مفتاح الجمع. يجب أن تتوفر هذه الميزة الآن في معظم المتصفحات.

WordPress تغيير الخط في صفحة واحدة

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

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

كيفية تغيير الخط في منشور أو صفحة

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

تغيير خط WordPress Css

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

كيف تستخدم سمات WordPress الخط؟ تشرح مشاركة WordPress Codex على الخطوط كيفية عمل السمات. في حالة نسق Twenty Fifteen الافتراضي ، يمكنك استخدام خط واحد عبر مناطق نسق متعددة. على الرغم من أن اختيار الخط قد يكون صعبًا ، إلا أنه يجب أن يتصدر قائمة الأشياء التي يجب البحث عنها. يعتمد تغيير الخط المستخدم في نص المنشور على مكان تحديد نمط خط النص الأساسي. نظرًا لأن بعض السمات تتطلب الكثير من الخطوط ، فسيكون العثور على التعليمات البرمجية ذات الصلة أمرًا صعبًا. يجب تنزيل WhatFont مجانًا (يمكن استخدامه فقط مع Google Chrome).

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

اجعل موقع WordPress الخاص بك مميزًا بخطوط مخصصة

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

خط ووردبريس

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

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

كيفية تغيير الخط في WordPress Elementor

لتغيير الخط في WordPress Elementor ، انتقل إلى إعدادات العنصر وانقر فوق علامة التبويب "الطباعة". من هناك ، يمكنك تحديد عائلة الخطوط وحجمها ووزنها ونمطها.

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

إعدادات موقع العنصر: نظام التصميم> الخطوط العامة

في لوحة عناصر واجهة المستخدم ، ضمن نظام التصميم ، يمكنك تغيير الخط العام. بعد تحديد الخطوط التي تريدها لـ Elementor ، انقر فوق "تطبيق".