مرجع العناصر.
يوفر DXPR Builder 22 عنصر محتوى و6 عناصر تخطيط. تسرد هذه الصفحة الاسم الآلي لكل عنصر والحقول في مربع إعداداته؛ ويسرد جزء التخطيط أيضًا العمود داخل كل صف. وكتل Drupal وطرق العرض، التي يقدمها المنشئ أيضًا كعناصر، غير مشمولة.
كيفية قراءة هذه الصفحة
يسرد الجدول الأول لكل عنصر الحقول في أكورديون
العامة. والحقل في أكورديون آخر يجلس في
جدول منفصل مسمى باسم ذلك الأكورديون. فالتسمية هي
تسمية الحقل كما يعرضها المربع، بالإملاء الأمريكي
للواجهة. والمعامل هو param_name في تعريف
العنصر. وتُقرَأ الخيارات value (التسمية).
يظهر حقلا العامة التاليان على كل عنصر ولا يتكرران في الجداول:
| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| معرف HTML | hash |
text | فارغ؛ ويعرض الحقل المعرف المولّد كنص مؤقت | حرف أولًا، ثم أحرف وأرقام وواصلات وشرطات سفلية | معرف مخصص للعنصر. |
| فئات HTML | el_class |
multi-select | فارغ؛ وتحصل الأقسام الجديدة على py-5 |
فئات أدوات Bootstrap 5 والفئات التي تعلنها القوالب المفعّلة؛ ويقبل التحرير كنص أي فئة | فئات CSS إضافية للعنصر. |
يملك كل عنصر أيضًا أكورديوني النمط ونمط التحويم، الموثقين على صفحة تبويب النمط. وكل العناصر عدا العمود واللوحات داخل التبويبات واللوحة القابلة للطي والكاروسيل تملك أيضًا أكورديون الحركة، الموثق على صفحة تبويب الحركة.
يسمّي عمود التحكم ما يعرضه المربع. ويأتي كل تحكم
من type معامل في تعريف العنصر:
| التحكم | النوع في الشيفرة type |
|---|---|
| text | textfield |
| number | numericfield |
| link | link |
| radio | dropdown بأقل من 7 خيارات |
| select | dropdown مع 7 خيارات أو أكثر |
| toggle | checkbox بخيار واحد |
| checkboxes | checkbox بخيارات عدة |
| slider | dxb_slider |
| colour | colorpicker |
| icon وimage وimages وvideo وdatetime | النوع type بالاسم نفسه |
| ckeditor | textarea |
| ace | html |
| social | social_links |
زر التبديل المفعّل يخزّن القيمة في خلية القيم المسموحة؛
وزر التبديل المطفأ يخزّن no أو قيمة فارغة.
وتخزّن مربعات التحديد القيم المحددة كقائمة مفصولة
بفواصل. والخيار المسرود كفارغ يُخزَّن كسلسلة فارغة؛
وفي المربع يحمل زر الراديو الخاص به المفتاح
dxpr-default.
تقدم حقول الصورة والصور أيضًا منتقي نمط صورة:
نمط optimize الخاص بالموقع أولًا عند وجوده، ثم
الصورة الأصلية (بلا تغيير حجم) وأنماط الصور الأخرى.
وتبقى بعض الحقول مخفية حتى يحمل حقل آخر قيمة مطابقة؛
ويسمّي عمود الوصف تلك التبعية.
عناصر المحتوى
نص
نص منسق محرَّر في CKEditor. الاسم الآلي: az_text.
| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| نص | content |
ckeditor | عنوان وفقرة مؤقتان | HTML | المحتوى النصي. |
صورة
صورة واحدة، ملفوفة برابط اختياريًا. الاسم الآلي:
az_image.
| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| صورة | image |
image | فارغ | صورة من متصفح الوسائط | الصورة المعروضة. |
| عرض الصورة | width |
text | 100% |
طول CSS، مثل 100px أو 50% |
العدد المجرد يُحتَسَب بالبكسل. |
| ارتفاع الصورة | height |
text | فارغ | طول CSS، مثل 100px |
العدد المجرد يُحتَسَب بالبكسل. |
| رابط الصورة | link |
link | فارغ | عنوان URL أو مسار داخلي | يلف الصورة برابط. |
| هدف رابط الصورة | link_target |
radio | _self (النافذة نفسها) |
_self (النافذة نفسها)، _blank (نافذة جديدة) |
أين يُفتَح الرابط. يُعرَض عندما يُضبَط link. |
الحقول في أكورديون SEO:
| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| سمة Alt | alt |
text | فارغ | أي نص | النص البديل للصورة. |
| سمة Title | title |
text | فارغ | أي نص | سمة Title للصورة. |
معرض الصور
عرض شرائح Bootstrap بعدة صور. الاسم الآلي:
az_images_carousel.
| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| الصور | images |
images | فارغ | صور من متصفح الوسائط | شريحة لكل صورة. |
| الفاصل الزمني | interval |
slider | 5000 | من 0 إلى 10000، بخطوة 1 | الوقت بين الشرائح بالمللي ثانية. وعند 0 لا تتقدم الشرائح من تلقاء نفسها. |
| إخفاء | hide |
checkboxes | بلا تحديد | pagination_control (إخفاء عنصر ترقيم الصفحات)، prev_next_buttons (إخفاء زرّي السابق/التالي) |
يخفي المؤشرات أو الأسهم أو كليهما. |
الحقول في أكورديون SEO:
| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| سمة Alt | alt |
text | فارغ | أي نص | النص البديل للصور. |
| سمة Title | title |
text | فارغ | أي نص | سمة Title للصور. |
فيديو
يضمّن فيديو YouTube أو Vimeo. الاسم الآلي: az_video.
| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| رابط الفيديو | link |
text | فارغ | عنوان URL لـ YouTube أو Vimeo | الفيديو المضمَّن. |
| عرض الفيديو | width |
text | 100% |
طول CSS، مثل 100px أو 50% |
العدد المجرد يُحتَسَب بالبكسل. |
| صورة | image |
image | فارغ | صورة من متصفح الوسائط | صورة الغلاف؛ ويُحمَّل المشغّل عندما ينقرها الزائر. |
| زر التشغيل بالنمط | play |
toggle | مغلق | yes عند التفعيل |
يعرض زر التشغيل بالنمط فوق الفيديو. |
الفيديو المحلي
يشغّل ملف فيديو مستضاف ذاتيًا في مشغّل HTML5. الاسم
الآلي: az_video_local.
| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| فيديو | video |
video | فارغ | ملف MP4 أو WEBM أو OGG أو OGV، حتى حد الرفع في الموقع | ملف الفيديو. |
| بدء التشغيل تلقائيًا | autoplay |
toggle | مغلق | autoplay عند التفعيل |
يبدأ التشغيل عند تحميل الصفحة. والتشغيل التلقائي يكتم الفيديو دائمًا. |
| مكتوم | muted |
toggle | مغلق | muted عند التفعيل |
يكتم الفيديو. يُعرَض بينما autoplay مطفأ. |
| عناصر التحكم | controls |
toggle | مغلق | controls عند التفعيل |
يعرض عناصر تحكم المشغّل. |
| تكرار | loop |
toggle | مغلق | loop عند التفعيل |
يعيد تشغيل الفيديو عند انتهائه. |
| عرض الفيديو | width |
text | 100% |
طول CSS، مثل 100px أو 50% |
عرض المشغّل. |
| صورة | image |
image | فارغ | صورة من متصفح الوسائط | صورة الملصق المعروضة قبل التشغيل. |
HTML
وسوم HTML خام محرَّرة في محرر شيفرة. الاسم الآلي: az_html.
| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| وسوم HTML خام | content |
ace | رسالة مؤقتة «انقروا زر التحرير لتغيير وسوم HTML هذه» | HTML | محتوى HTML. |
الجامبوترون
بانر كبير بعنوان ونص تمهيدي؛ ويمكن إفلات عناصر
أخرى في داخله. الاسم الآلي: az_jumbotron.
| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| العنوان | title |
text | فارغ | أي نص | عنوان البانر. |
| التمهيد | lead |
text | فارغ | أي نص | نص فرعي معروض تحت العنوان. |
| النوع | type |
select | bg-light (فاتح) |
bg-light (فاتح)، text-white bg-primary (أساسي)، text-white bg-secondary (ثانوي)، text-white bg-success (نجاح)، text-white bg-info (معلومات)، text-white bg-warning (تحذير)، text-white bg-danger (خطر)، text-white bg-dark (داكن)، none (الافتراضي) |
فئات ألوان الخلفية والنص. |
| الحشو | padding |
radio | p-5 (كبير) |
p-5 (كبير)، p-4 (متوسط)، p-3 (صغير) |
حجم الحشو. |
زر
زر Bootstrap يربط بعنوان URL. الاسم الآلي:
az_button.
| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| العنوان | title |
text | انقروا لإضافة نص | أي نص | النص على الزر. |
| الرابط | link |
link | فارغ | عنوان URL أو مسار داخلي | رابط الزر. |
| هدف الرابط | link_target |
radio | _self (النافذة نفسها) |
_self (النافذة نفسها)، _blank (نافذة جديدة) |
أين يُفتَح الرابط. يُعرَض عندما يُضبَط link. |
| النوع | type |
select | primary (أساسي) |
primary وsecondary وsuccess وinfo وwarning وdanger وlink وlight وdark؛ كل تسمية هي القيمة بحرف كبير |
نمط زر Bootstrap. |
| زر بعرض العمود | block |
toggle | مغلق | btn-block عند التفعيل |
زر بعرض كامل. |
| نمط الإطار | outlined |
toggle | مغلق | outline عند التفعيل |
يعرض btn-outline-* بدل btn-*. |
| الحجم | size |
radio | فارغ (عادي) | فارغ (عادي)، btn-lg (كبير)، btn-sm (صغير) |
حجم الزر. |
عنصر الرابط
حاوية تلف العناصر داخلها برابط واحد.
الاسم الآلي: az_link.
| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| الرابط | link |
link | فارغ | عنوان URL أو مسار داخلي | رابط المحتوى. |
| هدف الرابط | link_target |
radio | _self (النافذة نفسها) |
_self (النافذة نفسها)، _blank (نافذة جديدة) |
أين يُفتَح الرابط. يُعرَض عندما يُضبَط link. |
الحقول في أكورديون SEO:
| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| سمة Title | title |
text | فارغ | أي نص | سمة Title للرابط. |
| إخبار محركات البحث بعدم التتبع | nofollow |
toggle | مغلق | nofollow عند التفعيل |
يضيف rel="nofollow" إلى الرابط. |
التنبيه
رسالة تنبيه Bootstrap. الاسم الآلي: az_alert.
| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| الرسالة | content |
ckeditor | نص مؤقت | HTML | الرسالة. |
| النوع | type |
radio | alert-success (نجاح) |
alert-success (نجاح)، alert-info (معلومات)، alert-warning (تحذير)، alert-danger (خطر) |
لون التنبيه. |
البطاقة
حاوية بطاقة Bootstrap بترويسة وعنوان اختياريين.
الاسم الآلي: az_card.
| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| الترويسة | header |
text | فارغ | أي نص | نص ترويسة البطاقة. |
| العنوان | title |
text | فارغ | أي نص | عنوان البطاقة. |
| النوع | type |
select | فارغ (الافتراضي) | فارغ (الافتراضي)، text-white bg-primary (أساسي)، text-white bg-secondary (ثانوي)، text-white bg-success (نجاح)، text-white bg-info (معلومات)، text-white bg-warning (تحذير)، text-white bg-danger (خطر)، text-white bg-dark (داكن)، bg-light (فاتح) |
فئات ألوان البطاقة. |
اللوحة
حاوية لوحة بشريط عنوان. الاسم الآلي: az_panel.
| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| العنوان | title |
text | فارغ | أي نص | عنوان اللوحة. |
| النوع | type |
select | panel-dxpr (DXPR) |
panel-dxpr (DXPR)، panel-default (الافتراضي)، panel-primary (أساسي)، panel-success (نجاح)، panel-info (معلومات)، panel-warning (تحذير)، panel-danger (خطر) |
نمط اللوحة. |
الاقتباس
اقتباس مع استشهاد اختياري. الاسم الآلي:
az_blockquote.
| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| النص | content |
ckeditor | نص مؤقت | HTML | النص المقتبس. |
| الاستشهاد | cite |
text | فارغ | أي نص | استشهاد معروض تحت الاقتباس. |
| العكس | reverse |
toggle | مغلق | blockquote-reverse عند التفعيل |
يحاذي الاقتباس مع نهاية السطر (text-end). |
الروابط الاجتماعية
صف أو عمود من أيقونات الشبكات الاجتماعية تربط
بصفحات الملفات. الاسم الآلي: st_social.
| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| الروابط الاجتماعية | st_social_links |
social | صفّا Facebook وYouTube | صف لكل أيقونة: علامة وعنوان URL للملف | الأيقونات وروابطها. |
| التخطيط | st_type |
radio | inline (مضمّن) |
inline (مضمّن)، stacked (مرصوص) |
تخطيط الأيقونات. |
| النمط | st_style |
radio | فارغ (بلا) | فارغ (بلا)، rounded (مستدير)، circle (دائرة)، square (مربع) |
شكل خلفية الأيقونة. |
| الحجم | st_size |
radio | lg (كبير) |
lg (كبير)، فارغ (صغير)، 2x و3x و4x و5x؛ وتطابق التسميات الأربع الأخيرة قيمها |
حجم الأيقونة. |
| مؤثرات CSS3 عند التحويم | st_css3_hover_effects |
radio | فارغ (بلا) | فارغ (بلا)، disc (قرص)، pulse (نبض) |
مؤثر التحويم. يجعل المؤثر الأيقونة بنمط الدائرة. |
الحقول في أكورديون ألوان الأيقونات:
| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| اللون | st_theme_color |
radio | custom (مخصص) |
brand (لون العلامة)، custom (مخصص)، inherit (موروث) |
مصدر لون الأيقونة. |
| اللون | st_color |
colour | بلا | أي لون | لون أيقونة مخصص. يُعرَض عندما يكون st_theme_color بقيمة custom. |
| لون الخلفية | st_theme_bgcolor |
radio | custom (مخصص) |
brand (لون العلامة)، custom (مخصص)، inherit (موروث) |
مصدر لون خلفية الأيقونة. |
| لون الخلفية | st_bgcolor |
colour | بلا | أي لون | لون خلفية مخصص. يُعرَض عندما يكون st_theme_bgcolor بقيمة custom. |
عدّاد الأرقام
عدد يعد من قيمة بداية إلى قيمة نهاية.
الاسم الآلي: az_counter.
| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| البداية | start |
number | 0 | عدد | العدد الذي يبدأ العد منه. |
| النهاية | end |
number | 100 | عدد | العدد الذي يُعَد حتى يبلغه. |
| حجم الخط | fontsize |
slider | 30 | من 0 إلى 200، بخطوة 1 | حجم خط العدد بالبكسل. |
| السرعة | speed |
slider | 2000 | من 0 إلى 10000، بخطوة 1 | الوقت بالمللي ثانية لإتمام العد. |
| فاصل الآلاف | seperator |
radio | فارغ (بلا) | فارغ (بلا)، , (فاصلة)، . (نقطة)، مسافة (مسافة) |
يفصل الآلاف في عدد النهاية. وتكتب الشيفرة المعامل بهذه الطريقة. |
| السابقة | prefix |
text | فارغ | أي نص | أحرف قبل العدد، مثل $. |
| اللاحقة | postfix |
text | فارغ | أي نص | أحرف بعد العدد، مثل %. |
العدّاد الدائري
مؤشر تقدم دائري بنص اختياري وسطر معلومات
وأيقونة في الوسط. الاسم الآلي: az_circle_counter.
| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| اللون الأمامي | fgcolor |
colour | #333333 |
أي لون | لون قوس التقدم. |
| لون الخلفية | bgcolor |
colour | #999999 |
أي لون | لون المسار خلف القوس. |
| لون التعبئة | fill |
colour | بلا | أي لون | لون التعبئة داخل الدائرة. |
| النسبة | percent |
slider | 50 | من 0 إلى 100، بخطوة 1 | قيمة التقدم. |
| القطر | dimension |
slider | 250 | من 100 إلى 500، بخطوة 1 | قطر الدائرة بالبكسل. |
| عرض المقدمة | width |
slider | 10 | من 1 إلى 100، بخطوة 1 | عرض حد القوس. |
| الحركة | animation |
toggle | مفعّل | yes عند التفعيل |
يحرّك القوس. |
| مدة الحركة | duration |
slider | 1500 | من 0 إلى 5000، بخطوة 1 | بالمللي ثانية. تُعرَض عندما تكون animation مفعّلة. |
| تأخير الحركة | delay |
slider | 0 | من 0 إلى 5000، بخطوة 1 | بالمللي ثانية. تُعرَض عندما تكون animation مفعّلة. |
| الحركة في مرأى الشاشة | in_viewport |
toggle | مفعّل | yes عند التفعيل |
تبدأ الحركة عندما يُمرَّر العنصر إلى المرأى. تُعرَض عندما تكون animation مفعّلة. |
الحقول في أكورديون محتوى الدائرة. كل حقل بعد عرض التقدم لا يُعرَض إلا وهي مطفأة:
| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| عرض التقدم | show_progress |
toggle | مغلق | yes عند التفعيل |
يعرض النسبة بدل نصكم وأيقونتكم. |
| النص | text |
text | فارغ | أي نص | نص الوسط. |
| حجم الخط | fontsize |
slider | 16 | من 0 إلى 100، بخطوة 1 | حجم نص الوسط بالبكسل. |
| لون النص | text_color |
colour | بلا | أي لون | لون نص الوسط. |
| المعلومات | info |
text | فارغ | أي نص | سطر المعلومات الثانوي. |
| حجم خط المعلومات | info_fontsize |
slider | 14 | من 0 إلى 100، بخطوة 1 | حجم سطر المعلومات بالبكسل. |
| لون المعلومات | info_color |
colour | بلا | أي لون | لون سطر المعلومات. |
| الأيقونة | icon |
icon | فارغ | أيقونة من المجموعات التي يسمح بها ملف المنشئ الخاص بكم | أيقونة الوسط. |
| حجم الأيقونة | icon_size |
slider | 16 | من 0 إلى 100، بخطوة 1 | حجم خط الأيقونة بالبكسل. |
| لون الأيقونة | icon_color |
colour | بلا | أي لون | لون الأيقونة. |
شريط التقدم
شريط تقدم Bootstrap أفقي بتسمية. الاسم الآلي:
az_progress_bar.
| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| التسمية | label |
text | انقروا لإضافة نص | أي نص | النص داخل الشريط. |
| التقدم | width |
slider | 50 | من 0 إلى 100، بخطوة 1 | التقدم كنسبة. |
| ارتفاع الشريط | height |
slider | 45 | من 0 إلى 100، بخطوة 1 | ارتفاع الشريط بالبكسل. |
| لون الخلف | bgcolor |
colour | #e9ecef |
أي لون | لون المسار خلف الشريط. |
| لون المقدمة | fcolor |
colour | #284ed9 |
أي لون | لون الشريط. |
| حركة النمو | grow_animation |
toggle | مغلق | yes عند التفعيل |
يحرّك الشريط من 0 إلى قيمته. |
| الخطوط | options |
checkboxes | بلا تحديد | progress-bar-striped (إضافة نمط مخطط إلى الشريط)، progress-bar-animated (تحريك الخطوط (يتطلب نمطًا مخططًا)) |
نمط مخطط وخطوط متحركة. |
مؤقت العد التنازلي
يعد تنازليًا إلى تاريخ أو وقت من اليوم أو نهاية
فاصل متكرر. الاسم الآلي: az_countdown.
| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| نمط العد التنازلي | countdown_style |
radio | plain (عادي) |
plain (عادي)، style1 (شبكة)، style6 (قلب ثلاثي الأبعاد)، style9 (قرص)، style10 (نمط المطار)، style12 (شفاف) |
النمط المرئي. |
| قيود التاريخ/الوقت | counter_scope |
radio | date (تحديد التاريخ فقط) |
date (تحديد التاريخ فقط)، date_time (تحديد التاريخ والوقت)، repeating (تحديد الوقت فقط (يتكرر كل يوم))، resetting (عدّاد متصفّر (اضبط الفاصل حتى 24 ساعة)) |
ما يعد المؤقت تنازليًا إليه. |
| التاريخ | date |
datetime | فارغ | التاريخ بصيغة d.m.Y المعتمدة |
التاريخ المستهدف. يُعرَض عندما يكون counter_scope بقيمة date. |
| التاريخ/الوقت | date_time |
datetime | فارغ | التاريخ بتنسيق d.m.Y مع الساعة (H) |
التاريخ والساعة المستهدفان. يُعرَضان عندما يكون counter_scope بقيمة date_time. |
| الوقت | time |
datetime | فارغ | الساعة (H) |
الساعة المستهدفة كل يوم. تُعرَض عندما يكون counter_scope بقيمة repeating. |
| إعادة الضبط بالساعات | reset_hours |
slider | 0 | من 0 إلى 24، بخطوة 1 | الساعات في الفاصل. تُعرَض عندما يكون counter_scope بقيمة resetting. |
| إعادة الضبط بالدقائق | reset_minutes |
slider | 0 | من 0 إلى 60، بخطوة 1 | الدقائق في الفاصل. تُعرَض عندما يكون counter_scope بقيمة resetting. |
| إعادة الضبط بالثواني | reset_seconds |
slider | 0 | من 0 إلى 60، بخطوة 1 | الثواني في الفاصل. تُعرَض عندما يكون counter_scope بقيمة resetting. |
| المحيل للصفحة | referrer |
link | فارغ | عنوان URL أو مسار داخلي | الصفحة المفتوحة عند انتهاء العد التنازلي. تُعرَض عندما يكون counter_scope بقيمة repeating أو resetting. |
| إعادة التشغيل التلقائية | restart |
toggle | مغلق | yes عند التفعيل |
تبدأ الفاصل مجددًا عند انتهائه. تُعرَض عندما يكون counter_scope بقيمة resetting. |
| خيارات العرض | display |
checkboxes | الخمسة كلها محددة | years (عرض السنوات المتبقية)، days (عرض الأيام المتبقية)، hours (عرض الساعات المتبقية)، minutes (عرض الدقائق المتبقية)، seconds (عرض الثواني المتبقية) |
الوحدات المعروضة. |
Marquee
شريط أفقي من الصور يُمرَّر دون توقف.
الاسم الآلي: az_marquee.
| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| الصور | images |
images | ثلاث نسخ من شعار DXPR | صور من متصفح الوسائط | الصور في الشريط. |
| السرعة | speed |
slider | 3 | من 1 إلى 5، بخطوة 1 | سرعة التمرير؛ 1 الأبطأ و5 الأسرع. |
| الارتفاع | height |
slider | 50 | من 10 إلى 200، بخطوة 1 | ارتفاع الصورة بالبكسل. |
| تخطيط الصورة | image_layout |
radio | fh (صور بارتفاع ثابت) |
fh (صور بارتفاع ثابت)، fw (صور بعرض ثابت) |
هل تتشارك الصور ارتفاعًا أم عرضًا. |
| عرض الصورة | width |
slider | 400 | من 50 إلى 500، بخطوة 1 | عرض الصورة بالبكسل. يُعرَض عندما يكون image_layout بقيمة fw. |
| التدرج الرمادي | grayscale |
toggle | مغلق | apply عند التفعيل |
يعرض الصور بتدرج رمادي. |
| تلاشي الحواف | fade_edges |
toggle | مغلق | apply عند التفعيل |
يتلاشى الشريط عند الحافتين. |
الحقول في أكورديون SEO:
| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| سمة Alt | alt |
text | فارغ | أي نص | النص البديل للصور. |
| سمة Title | title |
text | فارغ | أي نص | سمة Title للصور. |
الخريطة
خريطة Google مضمّنة لعنوان. الاسم الآلي: az_map.
| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| العنوان | address |
text | فارغ | عنوان الشارع | الموقع المعروض. |
| عرض الخريطة | width |
text | 100% |
طول CSS، مثل 100px أو 50% |
العدد المجرد يُحتَسَب بالبكسل. |
| ارتفاع الخريطة | height |
text | 400px |
طول CSS، مثل 100px |
العدد المجرد يُحتَسَب بالبكسل. |
الأيقونة
أيقونة واحدة، مربوطة اختياريًا. الاسم الآلي: az_icon. تشحن
الوحدة 14 مجموعة أيقونات. ويمكن للقوالب والوحدات إضافة
المزيد، ويمكن لملف المنشئ تقييد المجموعات التي يراها
مستخدموه.
| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| الأيقونة | icon |
icon | bi bi-heart |
أيقونة من المجموعات التي يسمح بها ملف المنشئ الخاص بكم | الأيقونة. |
| الحجم | size |
radio | fa-lg (كبير) |
normal (عادي)، fa-lg (كبير)، fa-2x (كبير جدًا (2x))، fa-3x (كبير للغاية (3x))، fa-4x (ضخم (4x))، fa-5x (هائل (5x)) |
حجم الأيقونة. |
| الرابط | link |
link | فارغ | عنوان URL أو مسار داخلي | رابط الأيقونة. |
| هدف الرابط | link_target |
radio | _self (النافذة نفسها) |
_self (النافذة نفسها)، _blank (نافذة جديدة) |
أين يُفتَح الرابط. يُعرَض عندما يُضبَط link. |
الحقول في أكورديون أدوات الأيقونة:
| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| النمط | st_style |
radio | فارغ (بلا) | فارغ (بلا)، stbe-util-icon-rounded (مستدير)، stbe-util-icon-circle (دائرة)، stbe-util-icon-square (مربع) |
شكل الخلفية. |
| حركة الأيقونة | animation |
radio | فارغ (بلا) | فارغ (بلا)، fa-spin (دوران)، fa-pulse (نبض) |
حركة الأيقونة. |
| اتجاه الأيقونة | orientation |
radio | فارغ (عادي) | فارغ (عادي)، fa-rotate-90 (تدوير 90)، fa-rotate-180 (تدوير 180)، fa-rotate-270 (تدوير 270)، fa-flip-horizontal (قلب أفقي)، fa-flip-vertical (قلب عمودي) |
تدوير أو قلب. |
الفاصل
خط أفقي. الاسم الآلي: az_separator.
| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| اللون | bgcolor |
colour | بلا | أي لون | لون الخط. |
| السُمك | thickness |
radio | auto (افتراضي القالب) |
auto (افتراضي القالب)، custom (سُمك مخصص) |
هل يُتجاوَز سُمك القالب. |
| السُمك | custom_thickness |
slider | 3 | من 0 إلى 20، بخطوة 1 | سُمك الخط بالبكسل. يُعرَض عندما يكون thickness بقيمة custom. |
| الطول | width |
radio | auto (افتراضي القالب) |
auto (افتراضي القالب)، custom (عرض مخصص) |
هل يُتجاوَز طول القالب. |
| العرض | custom_width |
slider | 100 | من 0 إلى 500، بخطوة 10 | طول الخط بالبكسل؛ ويعرض 0 العرض الكامل. يُعرَض عندما يكون width بقيمة custom. |
| المحاذاة | align |
radio | left (يسار) |
left (يسار)، center (وسط)، right (يمين) |
المحاذاة الأفقية. تُعرَض عندما يكون width بقيمة custom. |
عناصر التخطيط
القسم
حاوية عليا للصفوف، بخيارات العرض الكامل والارتفاع
الكامل ومؤثرات الخلفية. الاسم الآلي: az_section.
تحصل الأقسام الجديدة على الفئة py-5 في فئات HTML.
| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| العرض الكامل | fluid |
toggle | مغلق | yes عند التفعيل |
يستخدم حاوية بعرض كامل (container-fluid). |
| ارتفاع 100% | fullheight |
toggle | مغلق | yes عند التفعيل |
يملأ القسم ارتفاع نافذة العرض. |
| التوسيط العمودي | vertical_centering |
toggle | مغلق | yes عند التفعيل |
يوسّط المحتوى عموديًا. |
الحقول في أكورديون مؤثرات الخلفية. كلها عدا مؤثر الخلفية تعتمد على قيمته، كما يعرض عمود الوصف:
| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| مؤثر الخلفية | effect |
radio | فارغ (صورة بسيطة) | فارغ (صورة بسيطة)، fixed (صورة ثابتة)، parallax (صورة بارالاكس)، gradient (تدرج لوني)، youtube (فيديو YouTube) |
مؤثر الخلفية. |
| سرعة البارالاكس | parallax_speed |
slider | 0 | من 0 إلى 100، بخطوة 1 | سرعة تمرير البارالاكس. تُعرَض عندما يكون effect بقيمة parallax. |
| وضع البارالاكس | parallax_mode |
radio | fixed (ثابت) |
fixed (ثابت)، scroll (محلي) |
إرفاق خلفية الصورة. يُعرَض عندما يكون effect بقيمة parallax. |
| التعطيل على الجوال | parallax_mobile_disable |
toggle | مغلق | yes عند التفعيل |
يطفيء البارالاكس على الشاشات الأضيق من 481 بكسل. يُعرَض عندما يكون effect بقيمة parallax. |
| لون البداية | gradient_start_color |
colour | بلا | أي لون | لون بداية التدرج. يُعرَض عندما يكون effect بقيمة gradient. |
| لون النهاية | gradient_end_color |
colour | بلا | أي لون | لون نهاية التدرج. يُعرَض عندما يكون effect بقيمة gradient. |
| اتجاه التدرج | gradient_direction |
slider | 180 | من 1 إلى 360، بخطوة 1 | زاوية التدرج بالدرجات. تُعرَض عندما يكون effect بقيمة gradient. |
| موضع البداية | gradient_start |
slider | 0 | من 0 إلى 100، بخطوة 1 | موضع لون البداية بالنسبة. يُعرَض عندما يكون effect بقيمة gradient. |
| موضع النهاية | gradient_end |
slider | 100 | من 0 إلى 100، بخطوة 1 | موضع لون النهاية بالنسبة. يُعرَض عندما يكون effect بقيمة gradient. |
| خيارات الفيديو | video_options |
checkboxes | بلا تحديد | disMobile (التعطيل على أجهزة الجوال)، loop (تكرار)، audio (إلغاء الكتم (غير موثوق عند التشغيل التلقائي بسبب تحديثات سياسات المتصفح الأخيرة))، noCrop (تعطيل اقتصاص المشغّل)، resizeSection (تغيير حجم القسم ليلائم الفيديو)، showControls (عرض عناصر التحكم) |
خيارات خلفية YouTube. تُعرَض عندما يكون effect بقيمة youtube. |
| عنوان URL لفيديو YouTube | video_youtube |
text | فارغ | عنوان URL لـ YouTube | فيديو خلفية YouTube. يُعرَض عندما يكون effect بقيمة youtube. |
| وقت البدء بالثواني | video_start |
text | 0 | الثواني | وقت بدء الفيديو. يُعرَض عندما يكون effect بقيمة youtube. |
| وقت الإيقاف بالثواني | video_stop |
text | 0 | الثواني | وقت إيقاف الفيديو. يُعرَض عندما يكون effect بقيمة youtube. |
الصف
صف شبكة Bootstrap يحمل أعمدة. ويبدأ الصف الجديد
بعمودين بنصف العرض. الاسم الآلي: az_row.
| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| الأعمدة متساوية الارتفاع | equal |
toggle | مغلق | yes عند التفعيل |
يمنح كل الأعمدة الارتفاع نفسه. |
| عكس الصف | reverse_horizontal |
toggle | مغلق | yes عند التفعيل |
يعكس ترتيب الأعمدة على الشاشات بعرض 768 بكسل فأعلى. |
العمود
عمود داخل صف. فالصفوف تنشيء أعمدتها، لذا
فالعمود ليس في منتقي العناصر. الاسم الآلي: az_column.
| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| التوسيط العمودي | vertical_centering |
toggle | مغلق | yes عند التفعيل |
يوسّط محتوى العمود عموديًا. |
التبويبات
حاوية بلوحات تبويبات قابلة للتبديل؛ ويُضاف كل تبويب
مع عنصر التحكم إضافة تبويب. الاسم الآلي: az_tabs.
| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| اتجاه التبويبات | az_dirrection |
radio | فارغ (الافتراضي) | فارغ (الافتراضي)، tabs-left (اليسار)، tabs-right (اليمين) |
موضع شريط التبويبات. وتكتب الشيفرة المعامل بهذه الطريقة. |
| النمط | tab_style |
radio | فارغ (الافتراضي) | فارغ (الافتراضي)، modern (العصري)، accordion (الأكورديون) |
نمط التبويبات. |
| ملائم للجوال | responsive |
toggle | مفعّل | yes عند التفعيل |
يعرض التبويبات كقابلة للطي على الشاشات الصغيرة. |
كل تبويب (az_tab) له إعداداته الخاصة:
| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| عنوان التبويب | title |
text | العنوان | أي نص | تسمية التبويب. |
| وصف التبويب | subtitle |
ckeditor | فارغ | HTML | سطر تعريفي قصير اختياري معروض على التبويب النشط. |
اللوحة القابلة للطي
حاوية لوحات قابلة للطي؛ وتُضاف كل لوحة
مع عنصر التحكم إضافة مفتاح تبديل. الاسم الآلي: az_accordion.
| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| الطي | collapsed |
toggle | مغلق | yes عند التفعيل |
تبدأ وكل لوحة مغلقة. وعند التعطيل، تبدأ اللوحة الأولى مفتوحة. |
| أيقونة التوسيع | expandicon |
radio | فارغ (بلا) | فارغ (بلا)، az-accordion--icon-plusminus (+)، az-accordion--icon-arrow (﹀) |
أيقونة بجانب عنوان كل لوحة. |
كل لوحة (az_toggle) لها إعداداتها الخاصة:
| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| عنوان مفتاح التبديل | title |
text | العنوان | أي نص | عنوان اللوحة. |
الكاروسيل
حاوية شرائح؛ تحمل كل شريحة عناصر أخرى وتُضاف
مع عنصر التحكم إضافة شريحة. والشرائح (az_slide)
بلا حقول خاصة بها. الاسم الآلي: az_carousel.
| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| الشرائح في كل إطار | items |
slider | 1 | من 1 إلى 10، بخطوة 1 | شرائح معروضة جنبًا إلى جنب. وتعرض الشاشات الأضيق عددًا أقل. |
| تعطيل التشغيل التلقائي | autoplay |
toggle | مغلق | yes عند التفعيل |
يوقف تقدم الشرائح من تلقاء نفسها. |
| الفاصل الزمني للتشغيل التلقائي | interval |
slider | 5000 | من 1000 إلى 20000، بخطوة 100 | الوقت بين الشرائح بالمللي ثانية. |
| الإيقاف عند التحويم | stoponhover |
toggle | مغلق | yes عند التفعيل |
يوقف التشغيل التلقائي مؤقتًا بينما المؤشر فوق الكاروسيل. |
الحقول في أكورديون النقاط. كل حقل بعد التنقل بالنقاط لا يُعرَض إلا وهو مفعّل:
| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| التنقل بالنقاط | pagination |
toggle | مفعّل | yes عند التفعيل |
يعرض نقطة لكل شريحة. |
| اتجاه النقاط | pagination_orientation |
radio | outside (خارج المنزلق) |
outside (خارج المنزلق)، inside (داخل المنزلق) |
موضع النقاط. |
| شكل النقطة | pagination_shape |
radio | bar (شريط) |
bar (شريط)، circle (دائرة)، square (مربع)، triangle (مثلث) |
شكل النقطة. |
| تحويل النقطة النشطة | pagination_transform |
radio | فارغ (بلا) | فارغ (بلا)، growTaller (النمو طولًا)، growWider (النمو عرضًا)، scaleUp (التكبير) |
المؤثر على النقطة النشطة. |
| لون النقطة | pagination_color |
colour | بلا | أي لون | لون النقطة. |
| لون النقطة النشطة | pagination_active_color |
colour | بلا | أي لون | لون النقطة النشطة. |
الحقول في أكورديون التالي/السابق. كل حقل بعد التالي/السابق لا يُعرَض إلا وهو مفعّل:
| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| التالي/السابق | navigation |
toggle | مغلق | yes عند التفعيل |
يعرض سهمي التالي والسابق. |
| الاتجاه | navigation_orientation |
radio | outside (خارج المنزلق) |
outside (خارج المنزلق)، inside (داخل المنزلق) |
موضع الأسهم. |
| شكل النقطة | navigation_shape |
radio | فارغ (بلا خلفية) | فارغ (بلا خلفية)، circle (دائرة)، square (مربع)، bar (شريط) |
شكل خلفية السهم. ويسميه المربع أيضًا شكل النقطة. |
| لون الأيقونة | navigation_icon_color |
colour | بلا | أي لون | لون أيقونة السهم. |
| لون الأيقونة عند التحويم | navigation_icon_hover_color |
colour | بلا | أي لون | لون أيقونة السهم عند التحويم. |
| لون الخلفية | navigation_background_color |
colour | بلا | أي لون | لون خلفية السهم. |
| لون الخلفية عند التحويم | navigation_background_hover_color |
colour | بلا | أي لون | لون خلفية السهم عند التحويم. |
| موضع التنقل الخارجي | navigation_position |
select | adjacent (مجاور) |
adjacent (مجاور)، topCenter (أعلى الوسط)، topLeft (أعلى اليسار)، topRight (أعلى اليمين)، bottomCenter (أسفل الوسط)، bottomLeft (أسفل اليسار)، bottomRight (أسفل اليمين) |
موضع الأسهم خارج المنزلق. |
الطبقات الموضوعة
لوحة تُسحَب عليها العناصر الفرعية وتُغيَّر أحجامها
بحرية. ولا يمكن تداخل عنصر طبقات موضوعة داخل آخر.
الاسم الآلي: az_layers. ويخزّن كل فرع موضعه في
معاملات مخفية: pos_left وpos_top وpos_width وpos_height وpos_zindex.
| التسمية | المعامل | التحكم | الافتراضي | القيم المسموحة | الوصف |
|---|---|---|---|---|---|
| العرض | width |
text | 100% |
طول CSS، مثل 100px أو 50% |
عرض اللوحة. والعدد المجرد يُحتَسَب بالبكسل. |
| الارتفاع | height |
slider | 500 | من 0 إلى 10000، بخطوة 1 | ارتفاع اللوحة بالبكسل. |
| التجاوب | responsive |
toggle | مغلق | yes عند التفعيل |
يقيس ارتفاع اللوحة وأحجام الخطوط مع العرض المتاح. |