تعديل محتوى الصفحة

استعد لرحلة في عالم التصميم!

لتعديل محتويات أي صفحة بالأكاديمية يمكنك من القائمة الجانبية الدخول إلى موقع أكاديميتك ثم الصفحات هنا ستظر لك قائمة بالصفحات الخاصة بالموقع,
اضغط على "تعديل محتوى الصفحة" لتعديل تصميم الصفحة

ستظهر لك الصفحة التالية أصبح لديك السلطة الكاملة لتحديد المحتوى وتنسيقه بالطريقة التي تراها مناسبة. استخدم أدوات التحرير المتاحة لتغيير النص، وإضافة الصور، وتنظيم العناصر بطريقة تجعل المستخدمين متحمسين للاستكشاف.
هل تستطيع تخيل ذلك؟ يمكنك الآن تحقيق أي فكرة تطرأ على بالك بسهولة ويسر. ابدأ في تعديل التصميم واجعله يتلاءم تمامًا مع رؤيتك وأهدافك. اظهر للعالم قوتك الإبداعية واجذب المزيد من الزوار إلى موقعك الرائع.



يوجد على الجانب الأيمن قسمين:
* أقسام الصفحة: وهو القسم الذي يحوي قائمة بالأقسام الموجودة في الصفحة, يمكن هنا الضغط على القسم لاستعراضه أو إعادة ترتيب الأقسام عن طريق سحب القسم وإفلاته في المكان المطلوب من القائمة أو حذف القسم عن طريق الضغط على زر الحذف.
* إضافة قسم جديد: هنا يمكنك اختيار أي قسم تريد إضافته إلى الصفحة.

كل قسم يوجد به نوعين من الخصائص :
المحتوى: هنا يتم تحديد المعلومات التي سيتم عرضها في القسم حسب نوعه.
التصميم: هنا يتم تحديد الخصائص التصميمية مثل الخلفية والمسافة العليا ولون العنوان في كل قسم حسب نوعه
سنقوم بشرح كل نوع من الأقسام الموجودة

قسم الصورة:

عند الضغط على قسم الصورة سيتم إضافة مكان داخل الصفحة يمكنك عرض صورة بداخله

المحتوى

الصورة: تحميل الصورة المطلوب عرضها
النص البديل: سيظهر في حال لم تظهر الصورة بسبب مشكلة معينة
رابط الصورة: أي الرابط الذي سيتم الانتقال له في حال الضغط على الصورة

التصميم

هنا يمكنك تحديد بعض الخصائص التصميمة للصورة
لون الخلفية: يحدد لون الخلفية المحيطة بالقسم
نصف قطر الدائرة: أن تكون زوايا الصورة منحنية او حادة
ملء الشاشة: أن تأخذ الصورة عرض الشاشة كله.
الهوامش الداخلية: المسافة الفارغة المحيطة بالقسم من الأعلى والأسفل مقدرة بالبيكسل.

قسم النص:

المحتوى:

محتوى النص: هنا يمكنك إضافة النص المطلوب وضعه بالموقع مع تحديد التنسيق الخاص به عن طريق أدوات التنسيق المتاحة.

التصميم:

لون الخلفية: يحدد لون الخلفية المحيطة بالقسم
لون النص: يحدد لون النص المضاف
الهوامش الداخلية: المسافة الفارغة المحيطة بالقسم من الأعلى والأسفل مقدرة بالبيكسل.

قسم الزر:

عند إضافة هذا القسم سيتم إضافة زر إلى الصفحة والآن سنتعرف كيف يمكننا تحديد الرابط الذي سنذهب إليه عن الضغط على الزر.

المحتوى:

توجيه الزر: هنا يوجد خيارين إما الذهاب إلى رابط خارجي مثل غوغل أو الذهاب إلى صفحة داخلية وعن اختيار هذا الخيار تظهر لنا قائمة بجميع الصفحات الموجودة في الأكاديمية.
الرابط: هو المكان الذي سنكتب فيه الرابط الخارجي أو بشكل تلقائي سيتم كتابة رابط الصفحة الداخلية المحددة من القائمة
نص الزر: هو النص الذي سيظهر داخل مربع الزر في الصفحة.

التصميم:

لون الخلفية: يحدد لون الخلفية المحيطة بالقسم
نصف قطر الدائرة: أن تكون زوايا الزر منحنية او حادة
الهوامش الداخلية: المسافة الفارغة المحيطة بالقسم من الأعلى والأسفل مقدرة بالبيكسل.

قسم نموذج التواصل:

هذا القسم عبارة عن نموذج فورم فيه حقول يعبئها المستخدم ويضغط على إرسال فيتم إرسال بريد إلكتروني لمالك الأكاديمية فيه قيم الحقول على الإيميل الخاص بالأكاديمية
في حال عدم وضع إيميل خاص بالأكاديمية في الإعدادات فلن يتم إرسال الإيميل
لتعيين إيميل خاص بالأكاديمية إدخل إلى لوحة التحكم ثم إعدادات عامة ثم معلومات الأكاديمية فيظهر لك معلومات الأكاديمية ومن ضمنها البريد الإلكتروني قم بكتابة البريد الخاص بالأكاديمية الذي تريد أن تصل الرسائل عليه

المحتوى:

العنوان: هنا يمكنك كتابة العنوان الذي سيظهر أعلى النموذج.
رسالة شكر: وهي الرسالة التي ستظهر للمستخدم بعد أن يضغط على زر إرسال .
إظهار حقل العنوان: في حال تحديد هذا الخيار سيتم إضافة مربع إدخال على النموذج خاص بعنوان العميل.
إظهار حقل المحتوى: في حال تحديد هذا الخيار سيتم إضافة مربع إدخال على النموذج خاص بمحتوى الرسالة يكتب فيه العميل .

التصميم:

لون الخلفية: يحدد لون الخلفية المحيطة بالقسم
لون نص العنوان: يحدد لون النص الخاص بعنوان النموذج
لون النص : يحدد لون النص الخاص بأسماء حقول النموذج
الهوامش الداخلية: المسافة الفارغة المحيطة بالقسم من الأعلى والأسفل مقدرة بالبيكسل.

قسم صورة مع نص:

هنا يمكنك إضافة قسم إلى الصفحة يظهر بداخله نص وإلى جانبه صورة.

المحتوى:

النسق: يعبر عن مكان تموضع الصورة في اليمين او اليسار.
الصورة: تحميل الصورة المطلوب عرضها
وصف الصورة: سيظهر في حال لم تظهر الصورة بسبب مشكلة معينة
رابط الصورة: أي الرابط الذي سيتم الانتقال له في حال الضغط على الصورة
النص الرئيسي: يعبر عن عنوان النص.
النص: وهو النص الذي سيظهر تحت العنوان الرئيسي بجانب الصورة.

التصميم:

لون الخلفية: يحدد لون الخلفية المحيطة بالقسم
محاذاة النص: أن تكون محاذاة النص المكتوب إلى اليمين أو اليسار أو الوسط.
لون نص العنوان : يحدد لون العنوان الرئيسي المضاف
لون النص: يحدد لون النص المضاف
نصف قطر الدائرة: أن تكون زوايا الصورة منحنية او حادة
الهوامش الداخلية: المسافة الفارغة المحيطة بالقسم من الأعلى والأسفل مقدرة بالبيكسل.

قسم فيديو مع نص:

هنا يمكنك إضافة قسم إلى الصفحة يظهر بداخله نص وإلى جانبه فيديو.

المحتوى:

الفيديو: هنا يمكن تحميل الفيديو المراد عرضه بالقسم
صورة الفيديو: هنا يتم إضافة الصورة التي ستكون خلفية للفيديو
النص الرئيسي: يعبر عن عنوان النص.
النص: وهو النص الذي سيظهر تحت العنوان الرئيسي بجانب الصورة.

التصميم:

لون الخلفية: يحدد لون الخلفية المحيطة بالقسم
محاذاة النص: أن تكون محاذاة النص المكتوب إلى اليمين أو اليسار أو الوسط.
لون نص العنوان : يحدد لون العنوان الرئيسي المضاف
لون النص: يحدد لون النص المضاف
نصف قطر الدائرة: أن تكون زوايا مربع الفيديو منحنية او حادة
الهوامش الداخلية: المسافة الفارغة المحيطة بالقسم من الأعلى والأسفل مقدرة بالبيكسل وعرض المحتوى هو عرض القسم بالنسبة للصفحة.

قسم البانر:

هنا يمكن عرض غلاف أو بانر في الصفحة

المحتوى:

صورة الخلفية: هنا يجب تحميل الصورة التي ستكون خلفية البانر
وصف الصورة: سيظهر في حال لم تظهر الصورة بسبب مشكلة معينة
النص الرئيسي: يعبر عن عنوان النص.
النص الفرعي: وهو النص الذي سيظهر تحت العنوان الرئيسي.
إظهار الزر: هنا يمكن تحديد إذا كنت تحتاج إلى وجود زر في البانر أم لا
توجيه الزر: هنا يوجد خيارين إما الذهاب إلى رابط خارجي مثل غوغل أو الذهاب إلى صفحة داخلية وعن اختيار هذا الخيار تظهر لنا قائمة بجميع الصفحات الموجودة في الأكاديمية.
الرابط: هو المكان الذي سنكتب فيه الرابط الخارجي أو بشكل تلقائي سيتم كتابة رابط الصفحة الداخلية المحددة من القائمة
نص الزر: هو النص الذي سيظهر داخل مربع الزر في الصفحة.

التصميم:

لون الخلفية: يحدد لون الطبقة التي ستتشكل فوق الصورة بالقسم
الشفافية: هو نسبة شفافية الطبقة اللونية الموجودة فوق الصورة.
لون نص العنوان : يحدد لون العنوان الرئيسي المضاف
لون النص: يحدد لون النص المضاف
محاذاة النص: أن تكون محاذاة النص المكتوب إلى اليمين أو اليسار أو الوسط.
الهوامش الداخلية: المسافة الفارغة المحيطة بالقسم من الأعلى والأسفل مقدرة بالبيكسل.

قسم نص ومجموعة صورة:

هنا يمكنك إضافة بطاقات حيث تحوي كل بطاقة على صورة وأسفل الصورة يوجد نص.
يجب الضغط على زر إضافة جديدة لإضافة بطاقة جديدة ولكل بطاقة محتوى منفصل لكن التصميم يكون مشترك لجميع البطاقات.

المحتوى:

الصورة: تحميل الصورة المطلوب عرضها
وصف الصورة: سيظهر في حال لم تظهر الصورة بسبب مشكلة معينة
رابط الصورة: أي الرابط الذي سيتم الانتقال له في حال الضغط على الصورة
النص الرئيسي: يعبر عن عنوان النص.
النص: وهو النص الذي سيظهر تحت العنوان الرئيسي بجانب الصورة.

التصميم:

لون الخلفية: يحدد لون الخلفية المحيطة بالقسم
لون الخلفية البطاقة: يحدد لون الخلفية المحيطة بالصورة والنص أي خلفية البطاقة فقط
محاذاة النص: أن تكون محاذاة النص المكتوب إلى اليمين أو اليسار أو الوسط.
لون نص العنوان : يحدد لون العنوان الرئيسي المضاف
لون النص: يحدد لون النص المضاف
نصف قطر الدائرة: أن تكون زوايا الصورة منحنية او حادة
صورة دائرية: في حال اخترت هذا الخيار ستظهر الصورة بشكل دائري منتظم.
الهوامش الداخلية: المسافة الفارغة المحيطة بالقسم من الأعلى والأسفل مقدرة بالبيكسل وعرض المحتوى هو عرض القسم بالنسبة للصفحة.

قسم المنتجات:

هنا يمكنك عرض منتجاتك .. ستظهر المنتجات على شكل بطاقات تحوي معلومات مختصرة عن المنتج وعند الضغط على اسم المنتج يتم الانتقال إلى صفحة تفاصيل المنتج

المحتوى:

النص الرئيسي: عنوان القسم مثلا الدورات أو الاستشارات أو أي عنوان تراه مناسباً
المنتجات: من هنا يمكن اختيار نوع المنتجات الذي تريد عرضه في هذا القسم.
إظهار زر عرض كافة المنتجات: في حال حددت هذا الخيار ستم إضافة زر "عرض الكل" على القسم وعند الضغط عليه ينتقل إلى صفحة تعرض كافة المنتجات المنشورة من نوع المنتجات المختار عرضه في القسم.

التصميم:

لون الخلفية: يحدد لون الخلفية المحيطة بالقسم
لون العنوان الرئيسي : يحدد لون العنوان الرئيسي المضاف
البطاقة: يحدد شكل عرض البطاقات إما بطاقة مستطيل على كامل السطر الواحد أو ثلاث بطاقات في السطر الواحد
لون الخلفية البطاقة: يحدد لون الخلفية المحيطة بالصورة والنص أي خلفية البطاقة فقط
عرض الحدود: إذا أردت إضافة إطار للبطاقة.
لون الحدود: لون الإطار المضاف للبطاقة إن وجد.
نصف قطر الدائرة: أن تكون زوايا البطاقة منحنية او حادة
الهوامش الداخلية: المسافة الفارغة المحيطة بالقسم من الأعلى والأسفل مقدرة بالبيكسل.




لا تنسى أنه يمكنك الضغط على القسم لاستعراضه أو إعادة ترتيب الأقسام عن طريق سحب القسم وإفلاته في المكان المطلوب من القائمة

تحديث في: 20/03/2024