الخط هو أحد العناصر الرئيسية في تصميم موقع الويب. له تأثير على سهولة القراءة والإدراك البصري للمحتوى. خدمة تيلدا ، التي تسمح لك بإنشاء مواقع ويب بدون برمجة ، لديها القدرة على ضبط حجم الخط وفقا لمتطلباتك وتفضيلاتك.
لتغيير حجم الخط في تيلدا ، سنحتاج إلى استخدام رمز كس. لدى تيلدا العديد من الطرق التي تسمح لك بتحديد حجم الخط: استخدام الأنماط العامة في جميع أنحاء الموقع ، والأنماط على كتلة منفصلة ، بالإضافة إلى تصميم كتلة نصية منفصلة. سننظر في كل من هذه الطرق بالتفصيل.
يتم تطبيق الأنماط العامة على الموقع بأكمله وتسمح لك بتغيير حجم الخط بسرعة في جميع الصفحات. لتعيين نمط عالمي ، انتقل إلى علامة التبويب" تصميم "في محرر تيلدا وحدد"محرر كس". بعد ذلك ، أضف الكود التالي: الجسم { حجم الخط: 16 بكسل؛}. بدلا من" 16 بكسل " ، يمكنك تحديد أي قيمة أخرى لتغيير حجم الخط حسب تقديرك.
إذا كنت بحاجة إلى تغيير حجم الخط في كتلة معينة فقط ، فيمكنك استخدام الأنماط في تلك الكتلة. للقيام بذلك ، حدد الكتلة المطلوبة وابحث عن القسم "معرف كس" في علامة التبويب/فئة "الإعدادات"." في حقل" فئة كس " ، أدخل اسم الفئة المطلوب ، على سبيل المثال ، "كتلة-حجم الخط". ثم انتقل إلى علامة التبويب محرر كس وإضافة التعليمات البرمجية التالية:.كتلة حجم الخط { حجم الخط: 20 بكسل؛}. لذلك سوف تغير حجم الخط فقط لهذه الكتلة.
لا تنس أن تأخذ في الاعتبار العرض التقديمي المحمول لموقعك. ضع في اعتبارك أن حجم الخط يجب أن يكون قابلا للقراءة بدرجة كافية على الأجهزة المحمولة.
- اختيار الخط المناسب
- باستخدام إعدادات تيلدا القياسية
- تغيير حجم الخط يدويا
- تطبيق التغييرات على جميع العناصر
- تطبيق التغييرات على العناصر الفردية
- تحديد حجم الخط للأجهزة المحمولة
اختيار الخط المناسب
عند إنشاء موقع ويب ، من المهم اختيار الخط المناسب الذي سيبدو قابلا للقراءة وممتعا من الناحية الجمالية. تقدم تيلدا مجموعة واسعة من الخطوط ، مما يسمح لك باختيار الخطوط التي تناسب احتياجاتك.
لتحديد الخط المناسب ، يمكنك الرجوع إلى التوصيات التالية:
1. سهولة القراءة:
من المهم اختيار خط يسهل قراءته على أجهزة مختلفة وأحجام مختلفة للشاشة. من الأفضل استخدام الخطوط بأحرف يمكن تمييزها بوضوح ومساحة كافية بينها.
2. نمط:
يجب أن يتطابق نمط الخط مع الموضوع العام لموقع الويب الخاص بك. على سبيل المثال ، إذا كان موقع الويب الخاص بك مخصصا للأزياء أو التصميم ، فمن الأفضل استخدام خطوط أنيقة وعصرية. إذا كان موقعك علميا أو تقنيا ، فسيكون استخدام خطوط نظيفة ومحايدة أكثر ملاءمة.
3. التوافق:
تأكد من أن الخط الذي تختاره مدعوم من قبل جميع المتصفحات والأجهزة الرئيسية. تجنب استخدام الخطوط التي قد لا يتم عرضها بشكل صحيح على بعض الأنظمة الأساسية أو الأجهزة.
4. الحجم:
يجب أن يكون للخط الذي تختاره أحجام مختلفة لتناسب أقسام مختلفة من موقع الويب الخاص بك. تأكد من أن الخط المحدد يحتفظ بقابلية القراءة والجماليات عند تغيير الحجم.
باتباع هذه التوصيات ، ستتمكن من اختيار الخط المناسب لموقع تيلدا الخاص بك وإنشاء تجربة قراءة مريحة وممتعة لزوار موقعك.
باستخدام إعدادات تيلدا القياسية
عند إنشاء مشروع جديد في تيلدا ، سيطلب منك اختيار أحد القوالب العديدة التي طورها مصممون محترفون. تحتوي القوالب بالفعل على إعدادات قياسية مثل الألوان والخطوط وأحجام العناصر.
لتغيير حجم الخط في تيلدا باستخدام الإعدادات القياسية ، تحتاج إلى فتح إعدادات الكتلة أو الصفحة حيث تريد إجراء تغييرات. ستجد في قسم التصميم خيارات متنوعة لتخصيص الخطوط.
بعد تحديد القسم المطلوب ، يمكنك تغيير حجم الخط عن طريق تحديد أحد الخيارات المتاحة أو عن طريق إدخال قيمة محددة في حقل "الحجم". توفر تيلدا القدرة على تخصيص أحجام الخطوط للعناوين والعناوين الفرعية والنص الأساسي وعناصر الموقع الأخرى.
بعد إجراء التغييرات اللازمة ، لا تنس حفظ الإعدادات. ستقوم تيلدا تلقائيا بتحديث موقع الويب الخاص بك بأحجام خطوط جديدة.
باستخدام إعدادات تيلدا القياسية يبسط إلى حد كبير عملية إنشاء وتكوين مظهر موقعك. يمكنك بسهولة تغيير الخط أو الإعدادات الأخرى دون الحاجة إلى مهارات البرمجة أو التصميم. ما عليك سوى اختيار الإعدادات المطلوبة وإنشاء موقع فعال وأنيق باستخدام تيلدا.
تغيير حجم الخط يدويا
بالإضافة إلى استخدام إعدادات الخط الجاهزة في تيلدا ، يمكنك أيضا تغيير حجم الخط يدويا. للقيام بذلك ، سوف تحتاج إلى معرفة بعض الأوامر الأساسية:
- استخدم الأمر لتعيين حجم الخط المطلوب. على سبيل المثال ، لتعيين حجم الخط إلى 18 بكسل ، أضف الأمر التالي: .
- بعد هذا الأمر ، الصق النص الذي تريد تطبيق حجم الخط الذي تم تغييره عليه.
- أغلق الأمر باستخدام العلامة. لذلك سيبدو الرمز النهائي كما يلي: النص.
لاحظ أن يتم تعيين حجم الخط في وحدات بكسل (بكسل). يمكنك استخدام أي وحدة قياس مناسبة أخرى ، مثل النسب المئوية ( ٪ ) ، إم أو ريم ، اعتمادا على تفضيلاتك.
الآن أنت تعرف كيفية تغيير حجم الخط يدويا في تيلدا. حاول تطبيق هذه الأوامر على مشاريعك وإعداداتك لتحقيق التأثير المرئي المطلوب.
تطبيق التغييرات على جميع العناصر
إذا كنت ترغب في تطبيق تغييرات حجم الخط على جميع العناصر على موقعك ، يمكنك استخدام أنماط كس العالمية. للقيام بذلك ، تحتاج إلى إضافة القاعدة التالية إلى ملف النمط الخاص بك:
```
* {
حجم الخط: 20 بكسل;
}
```
في هذه القاعدة ، يكون رمز العلامة النجمية ( * ) هو محدد" جميع العناصر " ويشير إلى أنه يجب تطبيق النمط على جميع العناصر الموجودة في الصفحة.
في المثال أعلاه ، تم تغيير حجم الخط بمقدار 20 بكسل لجميع العناصر. يمكنك تغيير هذه القيمة إلى القيمة التي تحتاجها.
ضع هذه القاعدة في ملف نمط موقعك واحفظه. ثم قم بتوصيل ملف النمط هذا بموقعك بحيث تنطبق التغييرات على جميع العناصر.الآن سيكون لجميع العناصر الموجودة على موقعك حجم الخط الذي حددته.
تطبيق التغييرات على العناصر الفردية
عند العمل مع تيلدا ، يمكنك تطبيق التغييرات على عناصر معينة من صفحة الويب الخاصة بك. على سبيل المثال ، يمكنك تغيير حجم الخط فقط لكتلة نصية أو عنوان معين.للقيام بذلك ، يمكنك استخدام محددات كس في مكون شفرة هتمل في تيلدا. فيما يلي بعض الأمثلة:
1. تغيير حجم خط العناوين:
.كتلة العنوان {حجم الخط: 24 بكسل;
}
في هذا المثال ، الطبقة".كتلة العنوان " هو محدد كس الذي يطبق النمط فقط لمنع الرؤوس مع الفئة المحددة. يمكنك تغيير حجم الخط عن طريق استبدال "24 بكسل" بالقيمة التي تحتاجها.
2. تغيير حجم الخط لكتلة نصية معينة:
# محدد-بلوك ص {
حجم الخط: 16 بكسل;
}