CSS وHTML الخاصان بك

أضف ورقة الأنماط الخاصة بك، أو شيفرة في منطقة head، أو HTML في بداية كل صفحة أو نهايتها، أو شيفرة مضمّنة داخل صفحة.

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

أين تضع شيفرتك

  • ورقة أنماط خاصة للموقع كله: الإعدادات ← منطقة الترويسة، قسم ورقة أنماط CSS إضافية خاصة. تنطبق قواعد CSS الخاصة بك على كل صفحة وعلى تخطيط الجوال أيضًا.
  • شيفرة في منطقة head: الإعدادات ← منطقة الترويسة، قسم شيفرة HTML إضافية خاصة (بين <head> و</head>). هذا هو المكان المناسب لوسوم <style> و<link>، ووسوم meta الإضافية، وخطوط الويب.
  • HTML في بداية كل صفحة أو نهايتها: الإعدادات ← عام، قسم على مستوى الموقع، الحقلان بداية كل صفحة ونهاية كل صفحة. مناسب لشيفرات العدادات والمقتطفات المشابهة التي يجب أن تظهر في كل صفحة.
  • شيفرة داخل صفحة واحدة: في محرر المحتوى عبر إضافة كتلة ← خاص ← HTML مضمّن، مثلًا لخريطة أو أداة أو شيفرة تضمين فيديو. ويتيح لك محرر HTML في شريط الأدوات أيضًا تعديل HTML محتوى الصفحة مباشرة.

إضافة ورقة الأنماط الخاصة بك

  1. اكتب قواعد CSS في محرر نصوص واحفظ الملف بالامتداد .css.
  2. ارفع الملف ضمن الملفات ← رفع الملفات (راجع رفع الملفات). تنتمي ملفات CSS إلى مجلد ملفات الشيفرة؛ ويضعها اختيار المجلد بشكل تلقائي هناك.
  3. افتح الإعدادات ← منطقة الترويسة واختر الملف ضمن ورقة أنماط CSS إضافية خاصة في الحقل عنوان URL (لملف .css):.
  4. انقر حفظ وأعد تحميل موقعك.

إذا كنت تحتاج إلى بضع قواعد فقط، فيمكنك بدلًا من ذلك وضعها في الحقل رمز HTML ضمن شيفرة HTML إضافية خاصة (بين <head> و</head>) داخل وسم <style>...</style>.

تضمين شيفرة في صفحة

  1. افتح الصفحة ضمن الصفحات ← إدارة الصفحات ← تعديل محتوى الصفحة.
  2. انقر إضافة كتلة (أو إضافة عنصر بعده عند عنصر موجود)، وافتح علامة التبويب خاص واختر HTML مضمّن.
  3. الصق الشيفرة واحفظ الصفحة.

معلومات مفيدة

  • تسري تغييراتك فورًا؛ فلا توجد نسخة تجريبية منفصلة من موقعك.
  • ينطبق CSS الخاص بك أيضًا على تخطيط الجوال. تجنّب العروض الثابتة واستخدم max-width: 100% حتى تلائم عناصرك الشاشات الصغيرة (راجع مواقع ملائمة للجوال).
  • لا يمكن رفع ملفات HTML الكاملة (.htm و.html) إلا مع باقة Premium. ولأساسيات HTML راجع ما هو HTML؟.

هل ما زلت بحاجة إلى مساعدة؟

يسعد فريق الدعم لدينا بمساعدتك في أي سؤال حول موقعك على hPage.

تواصل مع الدعم