اختر قالبًا ومظهره
عاين القوالب، ثم اضبط ألوان موقعك وخطوطه وخيارات التخطيط والشعار.
لمالكي الفرق ومشرفيها · 11 خطوة
ما تحتاجه أولًا
- لدى فريقك اشتراك موقع. قسم الإدارة في الفريق المجاني يعرض احصل على موقع بدلًا من القالب.
- أنت مالك الفريق أو مشرف فيه.
الخطوات
الخطوة 1: افتح القالب
في القائمة الجانبية، اضغط القالب.
ستظهر لك: صفحة بعنوان القالب، فيها بطاقة لكل قالب. القالب الذي يستخدمه موقعك عليه علامة قيد الاستخدام. إذا لم يكن لموقعك قالب بعد، تعرض كل بطاقة اختر بدلًا من ذلك — الضغط عليه يختار هذا القالب بأول لوحة ألوان له، ويفتح المظهر.
الخطوة 2: عاين قالبًا
على بطاقة قالب، اضغط معاينة.
ستظهر لك: موقعك أنت بهذا القالب، تحت شريط مكتوب عليه معاينة. لا يفتحه إلا مشرفو فريقك. اضغط العودة إلى الإدارة عندما تنتهي.
الخطوة 3: افتح المظهر
في صفحة القالب، اضغط المظهر في أعلى الصفحة.
ستظهر لك: صفحة بعنوان المظهر — النموذج في جانب، وصورة حية لموقعك بجانبه (أسفله على الشاشة الضيقة).
الخطوة 4: اختر لوحة ألوان
تحت لوحة الألوان، اختر أحد الإعدادات المسبقة للقالب.
ستظهر لك: الإعداد المسبق محددًا، وصورة موقعك بألوانه. الإعداد المسبق يضبط الألوان الخمسة والخطين معًا.
الخطوة 5: غيّر لونًا
تحت الألوان، اكتب رمز لون مثل
#7dd3fcفي أساسي أو لون التمييز أو الإبراز أو الخلفية أو النص — أو اضغط المربع بجانبه لتختار لونًا.ستظهر لك: صورة موقعك تتغير، ومخصص محددًا تحت لوحة الألوان. كل لون يعرض اللون الافتراضي للقالب، وإعادة ضبط يعيده.
الخطوة 6: أعطِ النصوص والأسطح ألوانها الخاصة
تحت النصوص والأسطح، اضغط اختر لونًا بجانب العناوين أو التعليقات التوضيحية أو البطاقات أو الخطوط أو الروابط والتسميات أو الزر أو نص الزر، ثم اكتب رمز لون أو اضغط المربع بجانبه. كل واحد يبدأ على تلقائي، ويتبع ألوانك الخمسة بطريقة قالبك، واستخدم التلقائي يعيده.
ستظهر لك: صورة موقعك تتغير، وتحت كل لون يحمل كلمات رقم مثل 7.2:1 · سهل القراءة — مدى وضوحه مقابل خلفيتك وبطاقاتك. تحت 4.5:1 (3:1 للعناوين) يظهر صعب القراءة، ويعرض اللون الذي سيراه الزوار بدلًا منه، ويقدّم اجعله مقروءًا، الذي يضع ذلك اللون في الحقل.
الخطوة 7: اختر خطوطك
تحت الطباعة، افتح خط العناوين أو خط النص واختر خطًا. كل خط يظهر بشكله، ومصنّف تحت مجموعة — عرض ثقيل، مضغوط، تقني، بلا زوائد، بزوائد، مكتوب باليد، أحادي المسافة — ويمكنك كتابة اسمه للبحث عنه.
ستظهر لك: صورة موقعك بهذا الخط. تغيير الخط يجعل لوحة الألوان مخصص أيضًا.
الخطوة 8: أضف شعارك
تحت الشعار، اضغط اختر صورة بجانب الشعار النصي أو شعار مربع أو أيقونة الموقع (يصبح استبدال بعد إضافة صورة). في نافذة إدراج صورة، اختر صورة أو ارفع واحدة — JPEG أو PNG أو WebP أو AVIF، حتى 5 ميغابايت — واضغط إدراج. الشعار لا يحتاج نصًا بديلًا.
- الشعار المربع يظهر في قائمة التنقل بموقعك، وأعلى الصفحة الرئيسية، وفي تشكيلتك.
- الشعار النصي اختياري: اسم فريقك كصورة، بأي شكل. عندما تضيفه، يحل محل الشعار المربع والاسم في قائمة التنقل وأعلى الصفحة الرئيسية.
- أيقونة الموقع هي الأيقونة الصغيرة في تبويب المتصفح.
شعاراتك لا تُقص ولا تُغيَّر أبدًا. كل صورة تظهر كاملة، والخلفية الشفافة تبقى شفافة. لهذا يجب أن يكون الشعار المربع وأيقونة الموقع مربعين، بحجم 256 × 256 بكسل على الأقل — الصورة بشكل آخر تُرفض عند الحفظ، مع رسالة تذكر حجمها. الشعار الذي اخترته قبل هذه القاعدة يبقى ظاهرًا حتى تغيّره.
ستظهر لك: اسم الصورة بجانب الخانة. الإعداد المسبق لا يغيّر هذه أبدًا.
الخطوة 9: اضبط خيارات القالب
في الأسفل، تحت خيارات Broadcast، اختر Hero layout (Image behind the text أو Image beside the text) وCard edges (Cut corners أو Square corners). القوالب الأخرى تعرض خياراتها الخاصة هنا: Motion في Neon Grid هو Full motion أو Calm (كل شيء ثابت)، وHero glow فيه Bright (أعلى صفحتك الرئيسية يتدرج من لون خلفيتك إلى لون التمييز) أو داكن (إلى رمادي داكن ممزوج من لونك الأساسي ولون التمييز، لمظهر أغمق)؛ Hero layout في Crosshair هو Split (كلماتك على اليسار، وصورتك على اليمين وفوقها مباراتك القادمة) أو Full-width image؛ Hero alignment في Faceoff هو Centered أو Left، وHome roster فيه Scattered (بطاقات لاعبيك حول عبارة كبيرة «تعرّف على الفريق») أو Grid؛ Hero layout في Clutch هو Bento (الواجهة بجانب لوحة آخر الأخبار) أو Full width، وCorners فيه Rounded أو Square؛ الخلفية في Varsity هي Pinstripe (خطوط قطرية باهتة خلف كل صفحة) أو عادي، وHero size فيه Full (صورة طويلة والقائمة فوقها) أو Banner (صورة أقصر)؛ Photo tint في Redline هو Duotone (صورك مصبوغة بلونك الأساسي) أو Natural (بألوانها الأصلية)، وPanels فيه Offset (كتل داكنة خلف صورك وأقسامك) أو Flat.
ستظهر لك: صورة موقعك يتغير تخطيطها.
الخطوة 10: احفظ
اضغط حفظ أسفل النموذج.
ستظهر لك: «تم حفظ المظهر». الزوار لا يرونه بعد — التغييرات المحفوظة تبقى في مسودتك حتى تنشر.
الخطوة 11: انشر موقعك
اضغط النشر في القائمة الجانبية وانشر — راجع انشر موقعك.
ستظهر لك: المظهر في قائمة التغييرات قبل النشر، وموقعك بمظهره الجديد بعده.
كيف تعرف أن الأمر نجح
- صفحة القالب تُظهر قالبك بعلامة قيد الاستخدام.
- بعد النشر، يعرض موقعك ألوانك وخطوطك وشعارك — كاملًا، دون قص.
- كل لون يحمل كلمات يظهر تحته سهل القراءة، أو قبلت الدرجة المقروءة التي يراها الزوار بدلًا منه.
هل يبدو شيء غير صحيح؟
غيّرت ألواني لكن موقعي يبدو كما هو
الحفظ يبقيها في مسودتك. اضغط النشر في القائمة وانشر (الخطوة 11).
يظهر تحت لون «صعب القراءة»
الكلمات بهذا اللون لا تبرز بما يكفي عن خلفيتك أو بطاقاتك ليقرأها الجميع — النص العادي يحتاج 4.5:1 والعناوين 3:1. زوارك لا يرون اللون الصعب القراءة أبدًا: موقعك يعرض أقرب درجة مقروءة بدلًا منه، والنموذج يذكرها. اضغط اجعله مقروءًا لاستخدام تلك الدرجة، أو اختر لونك حتى يظهر سهل القراءة. اللون المتروك على تلقائي يُعدَّل بالطريقة نفسها دون سؤال. النشر يعرض تحذيرًا أيضًا، لكنه لا يمنعك من النشر أبدًا.
موقعي صعب القراءة بلون واحد في كل مكان
أعطِ كل نوع من النصوص لونه الخاص تحت النصوص والأسطح (الخطوة 6): مثلًا العناوين بالأحمر، والنص بالرمادي الفاتح للفقرات، ولون البطاقات أفتح قليلًا لتبرز اللوحات عن الصفحة. لتلوين أجزاء كاملة من الصفحة بشكل مختلف — متجر فاتح تحت موقع داكن، أو شريط بلون التمييز — راجع أعطِ أجزاء موقعك ألوانها الخاصة.
هل سيحذف تبديل القالب محتواي؟
لا. محتواك ملك لموقعك، لا للقالب: ألوانك وخطوطك تنتقل حيث يستخدمها القالب الجديد، وخياراته الخاصة تعود إلى قيمها الافتراضية، وقسم الصفحة الذي لا يستطيع عرضه يُخفى ولا يُحذف. النافذة التي تفتح قبل التبديل تذكر هذه الثلاثة، ويمكنك إلغاؤها. إذا كان موقعك لا يزال على الألوان والخطوط الافتراضية للمنصة — لم تختر لوحة ألوان ولم تغيّر لونًا قط — تُستخدم أول لوحة ألوان للقالب الجديد بدلًا منها، فيبدو موقعك مثل صورة القالب، والنافذة تذكر ذلك تحت الألوان والخطوط. هناك سبعة قوالب: Broadcast، مظهر يوم المباراة؛ Neon Grid، مظهر نيون أسود بشبكة متحركة وتدرج متوهج خلف الواجهة، وشعارك يطفو فوقه، وعدادات إحصاءات وجدار فيديو؛ Crosshair، مظهر أسود تقني بلوحات مؤطرة، وتسميات بين أقواس، وشعار نصي كبير في التذييل، وصور في الواجهة؛ Faceoff، مظهر أزرق داكن وسماوي ثلجي يواجه فيه شعارك شعار خصمك على كل بطاقة مباراة، مع واجهة كبيرة وتشكيلتك موزعة حول عنوان ضخم؛ Clutch، مظهر فاتح ببطاقات بيضاء مستديرة، وعناوين عريضة بأحرف كبيرة، ولون واحد ساطع، ومباراتك القادمة في الواجهة، وعلى الشاشة العريضة أعلى كل صفحة؛ Varsity، مظهر جامعي بأشرطة كحلية، ولون ذهبي واحد، وأفضل مراكزك في البطولات فوق تشكيلتك، ومبارياتك كجدول مواعيد؛ وRedline، أحمر واحد على أسود تقريبًا مع صورك مصبوغة بلونك الأساسي (الأحمر افتراضيًا)، وأزرار مربعة، ومبارياتك كصفوف صور فيها الشعاران متقابلان حول VS. عناوين Clutch بخط Archivo Expanded، ويمكنك اختياره في أي قالب تحت عرض ثقيل. على الكمبيوتر أو الجهاز اللوحي، يظهر زر انضم إلى Discord الخاص بنا في Faceoff أعلى كل صفحة فقط عندما تضيف رابط Discord تحت حسابات التواصل (أضف حسابات التواصل). كل القوالب تعرض بثك المباشر بالطريقة نفسها: عد تنازلي في يوم البث، ومشغّل Twitch أعلى صفحتك الرئيسية أثناء البث، وشريط مباشر في كل صفحة أخرى (جدولة بث).
تظهر رسالة «تغيّر هذا الموقع منذ فتحته»
مشرف آخر حفظ قبلك، ولم يُحفظ شيء من تغييراتك. اضغط إعادة التحميل، ثم أجرِ تغييرك مرة أخرى.
تظهر رسالة «هذا الشعار … ارفع صورة مربعة»
يجب أن يكون الشعار المربع وأيقونة الموقع مربعين — بالعرض والارتفاع نفسيهما — وبحجم 256 × 256 بكسل على الأقل، لأننا لا نقصّهما أبدًا. الرسالة تذكر حجم صورتك. اصنع نسخة مربعة (أضف مساحة فارغة شفافة حول الشعار العريض)، وارفعها، واحفظ مرة أخرى. الشعار غير المربع مكانه الشعار النصي.
تظهر رسالة «لا يوجد حجم مسجّل لهذا الشعار»
لا نعرف حجم هذه الصورة، لذا لا يمكننا التحقق من أنها مربعة. ارفعها مرة أخرى، واختر النسخة الجديدة، واحفظ.
الحقول وزر الحفظ باهتة
انتهى اشتراك فريقك، لذا صفحات موقعه للقراءة فقط حتى يصبح نشطًا مرة أخرى. جدّده — راجع إدارة الفوترة.
مقالات ذات صلة
لا تزال عالقًا؟ تواصل مع الدعم أو راسلنا على support@spawnfront.com — أخبرنا بالصفحة التي أنت فيها ورقم الخطوة.