AraTheme — دليل مدير الثيم 1: العلامة التجارية والألوان والترويسة والقوائم والتذييل

قراءة 5 دقيقة 5 مشاهدة

AraTheme 1.3 · لمديري WHMCS

الجزء الأول من دليل مدير الثيم: كيف يعمل المدير، والأقسام التي تحدد شكل كل صفحة، وهي Brand وColours & look وHeader وMenus وPromo bar وFooter وClient account.

كيف يعمل مدير الثيم

  • افتح Addons → AraTheme. يجمع الشريط الجانبي الأقسام في مجموعات: Brand & look وSite layout وContent وGrowth وSystem.
  • البحث: يعثر المربع أعلى الشريط الجانبي (أو الضغط على /) على أي إعداد باسمه وينقلك إليه مباشرة.
  • لغة التحرير: يبدّل محدِّد Editing أعلى اليمين بين All languages (default) ولغة واحدة. الإعدادات المعلَّمة بـ per language (لكل لغة) يمكن أن يكون لها نص مختلف لكل لغة، وأي لغة تُترك فارغة تستخدم النص الافتراضي. أما الإعدادات التي لا تحمل هذه العلامة فهي مشتركة بين جميع اللغات وتُحرَّر ضمن All languages.
  • الحفظ: يُحفَظ كل قسم بمفرده عبر Save changes في الشريط الثابت أسفل الصفحة. وينبّهك الشريط إلى التغييرات غير المحفوظة قبل مغادرة القسم. وتسري التغييرات فورًا.
  • يفتح View site موقعك في علامة تبويب جديدة لتتحقق من النتيجة.
  • الصور: ارفع صور PNG أو JPG أو GIF أو WebP، أو الصق عنوان صورة. وتُخزَّن الملفات المرفوعة في modules/addons/arahoster_theme/uploads/.

Brand (العلامة التجارية)

الإعدادوظيفته
Brand nameيظهر بجانب رمز الشعار. فارغ = اسم شركتك في WHMCS.
Tagline (لكل لغة)سطر صغير أسفل اسم العلامة، مثل "استضافة بلا تعقيد".
Monogramحتى 3 أحرف تظهر في مربع الشعار عند عدم تعيين صورة أيقونة.
Logo (light background)الشعار الكامل للوضع الفاتح. فارغ = الشعار المعيَّن في WHMCS، أو المربع مع اسم العلامة.
Logo (dark background)يُستخدم في الوضع الداكن وفي التذييل الداكن. فارغ = الشعار الفاتح.
Icon / markرمز مربع يُستخدم في المربع بدلًا من الأحرف (Monogram).

نصيحة: إذا لم يكن لديك سوى أيقونة مربعة، فارفعها في Icon / mark واترك الشعارات الكاملة فارغة. عندها يعرض الثيم الأيقونة مع اسم علامتك وشعارها النصي كنص، فتبدو حادة الوضوح على كل شاشة وبكل لغة.

Colours & look (الألوان والمظهر)

  • Brand colour — للعناصر المميَّزة والأيقونات وحلقات التركيز. ويُولَّد منه سُلَّم درجات كامل (من الفاتح إلى الداكن).
  • Button colour — للأزرار والروابط ذات النص الأبيض. ويخبرك فحص التباين أسفل الألوان ما إذا كان النص الأبيض يظل مقروءًا (WCAG AA). اختر درجة أغمق إذا ظهر تحذير.
  • Ink colour — للعناوين والتذييل واللوحات الداكنة.
  • Deal colour — للعروض فقط: شارات التخفيض ووسم العرض.
  • Corner style — مدى استدارة زوايا البطاقات والأزرار.
  • Default mode — فاتح أو داكن. ويحتفظ الزوار الذين يستخدمون زر التبديل باختيارهم.
  • Show the light / dark toggle — زر القمر / الشمس في الترويسة.

Header (الترويسة)

فعّل أجزاء الشريط العلوي أو عطّلها: البحث في قاعدة المعرفة (منطقة العملاء)، وجرس الإشعارات، وزر السلة، وزر اللغة (العلم + الاسم)، وزر New order. ويمكنك تغيير نص زر New order ورابطه (رابط فارغ = المتجر).

Menus (القوائم)

  • Extra menu items (لكل لغة): التسمية، والرابط، والأيقونة، ومن يراه (الجميع، أو الزوار، أو العملاء المسجَّل دخولهم)، والترتيب، و"الفتح في علامة تبويب جديدة". تظهر هذه العناصر في الترويسة للزوار وفي الشريط الجانبي للعملاء المسجَّل دخولهم. والأيقونة هي اسم أيقونة من Lucide، مثل server أو globe أو life-buoy.
  • Hide menu items: عنصر واحد في كل سطر، إما النص الإنجليزي للعنصر (مثل Network Issues) أو اسمه في قوائم WHMCS (مثل Announcements). ويعمل ذلك أيضًا مع العناصر التي تضيفها وحدات أخرى.
  • Menu translations (لكل لغة): لعناصر القوائم التي تضيفها وحدات أخرى بنص إنجليزي ثابت. اختر اللغة في Editing، ثم أضف "النص الإنجليزي ← ترجمتك". والعناصر الشائعة (Home وServices وDomains وSupport وKnowledgebase …) مترجمة مسبقًا إلى العربية والنرويجية والإسبانية.

Promo bar (شريط العروض)

شريط عروض رفيع أعلى الترويسة.

  1. فعّل Show the promo bar.
  2. اكتب Tag قصيرًا (مثل "تخفيضات الخريف")، وText، واختياريًا Link مع Link text، وذلك لكل لغة.
  3. اختياري: Starts وEnds (بتوقيت الخادم). عند تحديد وقت للانتهاء يعرض الشريط عدًّا تنازليًا مباشرًا ثم يختفي تلقائيًا بعد ذلك.

Footer (التذييل)

  • About text (لكل لغة) أسفل الشعار.
  • Link columns (لكل لغة): رابط واحد في كل سطر بالصيغة Label | URL؛ وأضف | new لفتحه في علامة تبويب جديدة. فارغ = الأعمدة المدمجة Store / Support / Client area.
  • Payment method badges: شارة واحدة في كل سطر، مثل Visa. ولعرض الشعار الرسمي أضف رابط صورته بعد شَرطة عمودية: Visa | https://…/visa.svg.
  • Help strip أعلى التذييل، مع عنوانه ونصه.
  • "All systems normal" link إلى صفحة حالة الشبكة.
  • "Safe & secure" column وسطوره (لكل لغة). لا تكتب إلا ما هو صحيح بالنسبة لخدمتك.
  • Copyright line (لكل لغة): يتحول {year} إلى السنة الحالية. فارغ = سطر WHMCS.
  • "Back to top" button (زر العودة إلى الأعلى).

Client account (حساب العميل)

  • Clients can upload a profile photo — تظهر الصورة في الترويسة ولوحة التحكم والتذاكر. وتُفحَص الصور ويُعاد ترميزها وتُخزَّن بأسماء عشوائية.
  • Profile strength — حلقة وقائمة تحقق تشجعان العملاء على استكمال بياناتهم وإعدادات الأمان.
  • Sign-in & security card — آخر تسجيل دخول والتحقق بخطوتين في لوحة التحكم.
هل كانت المقالة مفيدة ؟