اعدادات محرر المظهر

صمّم متجرك بطريقتك

ما هو محرر المظهر؟ محرر المظهر هو أداة تصميم سهلة تساعدك تضبط شكل الصفحة الرئيسية لموقعك أو متجرك بدون ما تحتاج لأي خبرة برمجية. تقدر تتحكم في الترتيب، تضيف أقسام، تحذف، وتعاين التعديلات قبل ما تحفظها. 🎛️ مكونات الواجهة ✅ 1. الشريط الجانبي (يسار الشاشة) – إدارة الصفحة الرئيسية في هالقسم تقدر تتحكم بكل شيء يخص الصفحة الرئيسية: - تضيف أقسام جديدة - تغير ترتيبها بالسحب والإفلات - تحذف اللي ما تبيه - وتضغط "حفظ" عشان تثبت التغييرات الأقسام الموجودة في الصفحة الرئيسية: 🖼️ 1. السلايدر (Slider) قسم متحرك في أول الصفحة، تقدر تحط فيه صور إعلانية أو عروض تجذب الزبون من أول لحظة. كل صورة ممكن يكون معها عنوان وزر يودّي على صفحة معينة. 📢 2. البنر الإعلاني هذا قسم ثابت يجي بعد السلايدر، تقدر تستخدمه للإعلان عن شي مهم، مثل خصم أو عرض جديد. تصميمه بسيط وواضح ويشد الانتباه بسرعة. 🛍️ 3. قسم المنتجات يعرض منتجاتك أو تطبيقاتك بطريقة مرتبة. تقدر تختار وش يعرض: جديد، خصومات، أو أكثر شي ينباع. 📰 4. قسم المقالات لو عندك مدونة أو تكتب مواضيع تفيد العملاء، هذا القسم يعرض آخر المقالات عشان الزوار يشوفونها بسهولة. ❓ 5. الأسئلة الشائعة قسم فيه أسئلة وإجابات تساعد الزوار يفهمون الخدمة أو المنتج بدون ما يحتاجون يتواصلون معك. ➕ أزرار التحكم: - إضافة قسم: تضيف قسم جديد للصفحة. - حذف (🗑️): تحذف أي قسم. - نسخ (📋): تنسخ الإعدادات. - أسهم (↕️): ترفع أو تنزل ترتيب القسم. 💾 2. زر "حفظ" لازم تضغطه بعد كل تعديل عشان بتحفظ. 🔁 3. إعادة التعيين إلى الافتراضي يرجع التصميم زي أول. 🖥️ 4. شاشة المعاينة (يمين) تشوف فيها شكل الموقع كأنك زائر، وتقدر تبدّل بين الجوال والكمبيوتر وتشوف التعديلات مباشرة. ✅ ليش تستخدم محرر المظهر؟ - سهل وواضح - تعدل وتشوف بنفس اللحظة - ما يحتاج خبرة - تقدر تصمم الصفحة على كيفك

قسم السلايدر

🎞️ ما هو قسم السلايدر؟ وكيف تعدله في محرر المظهر؟ قسم السلايدر (Slider) هو واحد من أهم أقسام الصفحة الرئيسية في أي موقع أو متجر إلكتروني، لأنه أول شيء يشوفه الزائر عند الدخول. ومن خلاله تقدر تعرض عروض، إعلانات، أو معلومات ترويجية بطريقة جذابة وحيوية عبر شرائح متغيرة. في محرر المظهر، تقدر تعدّل وتخصص كل شريحة سلايدر بسهولة، وبهذا المقال نشرح لك كل جزء من إعداداته خطوة بخطوة: 🧩 أولاً: إدارة المحتوى داخل السلايدر كل شريحة (سلايد) في السلايدر تقدر تتحكم فيها من خلال مجموعة خيارات: 1. الصورة - تضيف هنا صورة السلايد (يفضل تكون عالية الجودة ومقاسها مناسب للعرض). - الصيغة المفضلة: PNG أو WEBP أو JPG. 2. رابط URL - تحدد الرابط اللي تودّي له الشريحة لما يضغط الزائر عليها. - مثال: رابط صفحة منتج، حساب انستغرام، أو عرض خاص. 3. وجهة الرابط - تحدد كيف يفتح الرابط: - في نفس الصفحة (إذا تبي الزائر ينتقل فورًا) - في تبويب جديد (مفيد لروابط خارجية) ✍️ ثانيًا: المحتوى النصي (الكتابة فوق السلايد) 1. العنوان - النص الرئيسي اللي يظهر فوق الصورة. - لازم يكون واضح وجذاب. مثال: "أهلاً بك في هار بلس" 2. الوصف - نص توضيحي إضافي، تقدر تشرح فيه العرض أو توصل فكرة بشكل مختصر. 3. نص الزر - الزر اللي يضغط عليه الزائر (Call to Action) - مثال: "اعرف أكثر"، "جرّب الآن"، "تابعنا على إنستغرام" 🎨 ثالثًا: إعدادات الشكل والمظهر 1. موضع النص - تحدد فيه مكان ظهور النص على الصورة: - الوسط - اليمين - اليسار 2. لون النص - تختار اللون المناسب حسب تصميم الصورة الخلفية. (أبيض، أسود، أو حسب الرغبة) 3. لون الطبقة الشفافة - تضيف طبقة فوق الصورة بخلفية شفافة (شفافية جزئية) تساعد في تحسين وضوح النص. - تقدر تتحكم بدرجة الشفافية ولونها. 4. ملائمة الصورة - تحدد كيف تنعرض الصورة: - تغطية (Cover): تملأ المساحة كاملة وتقص الزوايا. - احتواء (Contain): تظهر الصورة كاملة لكن ممكن يكون فيه فراغات على الجوانب. 📱 رابعًا: خيارات العرض 1. إظهار العنوان - تشغيل/إيقاف عرض عنوان السلايد. 2. إظهار الوصف - تشغيل/إيقاف وصف الشريحة. 3. إظهار الزر - تقدر تخفي أو تظهر زر الإجراء حسب الحاجة. 4. إخفاء النص على الجوال - خيار ذكي يساعد في تحسين التنسيق على الشاشات الصغيرة. - يخفي النص ويُظهر فقط الصورة على الهواتف. ✅ نصائح لاستخدام السلايدر بشكل احترافي - استخدم صور خفيفة وسريعة التحميل. - لا تكثر عدد الشرائح، 2 إلى 4 كافية. - اجعل النص قصير وجذاب. - اختبر كيف تظهر الشريحة على الجوال قبل الحفظ. - اجعل الزر واضح وله رابط فعّال.

المنتجات في محرر المظهر

🛍️ قسم المنتجات في محرر المظهر – عرض احترافي لمحتوى متجرك قسم المنتجات هو من أهم الأقسام في الصفحة الرئيسية لأنه يعرض التطبيقات أو المنتجات مباشرة للزائر بأسلوب جذاب ومنظم. ومن خلال إعدادات محرر المظهر، تقدر تتحكم بشكل كامل في شكل القسم، عدد المنتجات، طريقة العرض، وحتى تصميم كل بطاقة منتج. 🔠 إعدادات القسم: - عنوان القسم: يظهر كعنوان رئيسي في الصفحة، مثل: "أحدث الصيحات، كلها في مكان واحد!" - وصف القسم: يعطي لمحة سريعة عن المحتوى مثل: "تسوّق تشكيلات عصرية لكل الأذواق — من الكاجوال للرسمي، من الكلاسيك للجريء. خلّ ملابسك تتكلم عنك ✨" 🧮 تصفية المنتجات: - مصدر المنتجات: تقدر تحدد المنتجات حسب: - فئة معينة - علامة تجارية - الأحدث - الأكثر مبيعًا - المميزة - أو تختار يدويًا - عدد المنتجات: تتحكم بعدد العناصر المعروضة (مثلاً: 17 منتج). 🎞️ إعدادات الشرائح (السلايدر داخل القسم): - تشغيل الشرائح تلقائيًا: عرض تلقائي متحرك للمنتجات. - تأخير الشرائح: يتحكم بسرعة تنقّل الشرائح. - أسهم التنقل: تُظهر الأسهم لتبديل المنتجات يدويًا. - عدد العناصر في العرض: كم منتج يظهر بجانب بعضه (مثلاً: 5). - نقاط المؤشر: تُظهر نقاط أسفل السلايدر لتوضيح عدد الشرائح. 📱 إعدادات الاستجابة (حسب الجهاز): - أعمدة الجوال / التابلت: تتحكم بعدد الأعمدة في كل جهاز (مثلاً: 3 أعمدة لكل الأجهزة). 🎨 تخصيص الشكل العام: - نمط بطاقة المنتج: تختار الشكل المناسب لعرض المنتجات (النمط الافتراضي أو مخصص). - عناصر تظهر في كل بطاقة: - اسم المنتج ✅ - السعر ✅ - التقييم ✅ - زر "إضافة إلى السلة" ✅ - علامة التخفيض ✅ - فئة المنتج (يمكنك إخفاؤها) ✅ لماذا تستخدم قسم المنتجات؟ - يعرض أفضل المنتجات بشكل مباشر للزائر. - يسهل التفاعل والشراء من الصفحة الرئيسية. - يعطي طابع احترافي وحيوي لمتجرك. - تقدر تخصصه بالكامل ليتماشى مع عرضك أو حملتك.

قسم البنر في محرر المظهر

🧩 أولاً: إدارة المحتوى 🖼️ صورة البنر - هي الخلفية الرئيسية للقسم. - الحجم الموصى به: 1920×1080 بكسل (لضمان وضوح على الشاشات الكبيرة). - الحد الأقصى للحجم: 5MB. 📝 العنوان - يظهر فوق البنر ويُعد العنوان الأساسي للمحتوى. - مثال في الصورة: "فشّن تطبيقات البلس" 💬 الوصف - نص مختصر تحت العنوان يوضح العرض أو الإعلان. - مثال: "احصل على خصم 20% على أول عملية شراء!" 🎨 ثانياً: إعدادات الشكل والمظهر 🎯 موضع النص - تختار مكان ظهور النص على الصورة: - يمين / يسار / وسط 🎨 لون النص - تُحدد اللون حسب وضوح النص على الخلفية. - مثال: أبيض #ffffff 🧱 لون الطبقة الشفافة - تضيف طبقة فوق الصورة لتوضيح النصوص. - اللون: أسود #000000 📏 شفافية الطبقة - تتحكم بدرجة الشفافية من 0% (شفافة تمامًا) إلى 100% (مُعتمة). 📐 نسبة العرض إلى الارتفاع - تحدد نسبة ارتفاع البنر مقابل العرض، وتختار الوضع المناسب: - تلقائي، ثابت، إلخ. 🧩 ملاءمة الصورة - تختار كيف تنعرض الصورة: - تغطية: تملأ المساحة - احتواء: تظهر كاملة حتى لو فيها فراغات 🌀 ثالثًا: الحركات والانتقالات 🟣 تفعيل الحركات - تقدر تشغل أو توقف تأثيرات الحركة وقت ظهور البنر. 🎬 نوع الحركة - تختار من عدة أنواع (مثلاً: تدرج في الظهور). ⏱️ مدة وتأخير الحركة - تحدد مدة الحركة بالميلي ثانية. - تضبط تأخير الحركة لتأخير ظهور النص بعد عرض البنر. 📱 رابعًا: خيارات العرض ✅ إظهار العنوان - تشغيل أو إخفاء عنوان البنر. ✅ إظهار الوصف - تشغيل أو إخفاء وصف الإعلان. ✅ إظهار الزر - في بعض القوالب البنر يدعم زر CTA (زر إجراء). - في حال تفعيله، يمكنك تخصيص نصه ورابطه. 📵 إخفاء النص على الجوال - يخفي العنوان والوصف على الهواتف المحمولة لتحسين التنسيق. ✨ نصائح: - استخدم صورة عالية الجودة ومرتبطة بالعرض. - خلك مختصر وواضح في العنوان والوصف. - اختر ألوان متناسقة (مثلاً: خلفية داكنة + نص أبيض). - جرب الحركات البسيطة لجذب الانتباه بدون مبالغة.

الأسئلة الشائعة (FAQ) في محرر المظهر

🧩 إدارة المحتوى - عنوان القسم: مثال: "أسئلة ممكن تخطر على بالك 😉" - وصف القسم: مثال: "اعثر على إجابات لأسئلتك الشائعة." - عناصر الأسئلة: تقدر تضيف عدد غير محدود من الأسئلة، وكل سؤال يحتوي على إجابة تظهر عند الضغط. 🛠️ إعدادات التنسيق - نمط التنسيق: - أكورديون (قائمة قابلة للفتح والإغلاق) - يسمح بعرض أكثر من إجابة بنفس الوقت أو واحدة فقط. - إظهار شريط البحث: يتيح للمستخدمين البحث عن سؤال مباشرة داخل القسم. - تصنيف الفئات (اختياري): تنظم الأسئلة ضمن فئات ليسهل تصفحها. 🌀 الحركات والانتقالات - تفعيل الحركات: تأثيرات تظهر عند فتح السؤال (مثل التدرج). - مدة وتأخير الحركة: تتحكم بسرعة وتأخير ظهور كل عنصر لمظهر أكثر سلاسة واحترافية. 🌐 خيارات الـ SEO (تحسين محركات البحث) - مستوى عنوان القسم: H2 أو H3 حسب أهمية القسم في الصفحة. - Schema للأسئلة: تفعيل مخطط الأسئلة الشائعة ليتعرّف عليها جوجل وتظهر مباشرة بنتائج البحث. - إضافة معرف خاص (CSS Class): مفيد للمطورين أو لتخصيص التنسيق بدقة. ✅ خلاصة: قسم FAQ مش بس لتخفيف الضغط على الدعم، بل أداة ذكية تبني ثقة الزبون وتوفر له تجربة أفضل. ومع محرر المظهر، تقدر تنسقه وتعرضه بالشكل اللي يليق بموقعك بكل سهولة.

الأقسام في محرر المظهر

🧩 إعدادات الأقسام: - عنوان القسم: يُعرض كعنوان رئيسي، مثل: "الأقسام المميزة" - وصف القسم: يظهر أسفل العنوان لتوضيح محتوى القسم، مثال: "تصفّح أقسام المنتجات لدينا" 🗂️ خيارات تصفية الأقسام: - مصدر القسم: تحدد كيف تُعرض الفئات: - اختيار يدوي: تختار الأقسام يدويًا - أو بناءً على فئات المنتجات الجاهزة - عدد الأقسام: تتحكم بعدد الفئات المعروضة (مثلاً: 12 قسم) 🖥️ خيارات العرض: - نوع التنسيق: - شبكة أو عرض شريط تمرير (حسب القالب) - أعمدة الشبكة: - عدد الأعمدة في العرض العام (مثلاً: 4 أعمدة على الكمبيوتر – 3 على الجوال والتابلت) - عرض الصورة المميزة: يعرض صورة لكل قسم (إذا مضافة من لوحة التحكم) - إظهار العنوان / الوصف: تشغيل أو إيقاف عرض اسم القسم أو وصفه أسفله. 🎨 تخصيص الشكل العام: - نمط البطاقة: - بسيط أو مخصص حسب التصميم - ملاءمة الصورة: - تغطية أو احتواء حسب تناسب الصورة مع الحجم - نسبة العرض إلى الارتفاع: - تتحكم في شكل البطاقة (طولي – مربع – أفقي) ✅ لماذا تستخدم قسم الأقسام؟ - يسهل تنقّل الزائر بين أنواع المنتجات. - يعطي مظهر احترافي ومنظم للصفحة. - يختصر الوقت على المستخدم ويوجهه مباشرة لما يحتاجه.