الوجبات السريعة الرئيسية
- لا يحتوي Elementor على عنصر واجهة مستخدم لخريطة الطريق، لذلك عادةً ما يتم إنشاء خريطة طريق Elementor باستخدام عنصر واجهة مستخدم للمخطط الزمني، حيث يكون كل عنصر عبارة عن ميزة أو مرحلة واحدة.
- تتيح أداة المخطط الزمني للإضافات الرئيسية لكل عنصر إظهار تسمية مخصصة بدلاً من التاريخ، وهو ما يناسب حالات خارطة الطريق مثل الشحن والتقدم والتالي والاستكشاف.
- تعمل خارطة طريق المنتج العام بشكل أفضل مع تسميات الحالة أو الأرباع، لأن التواريخ الدقيقة في خارطة الطريق تتحول إلى وعود يتذكرها العملاء.
- يمكن لعنصر واجهة المستخدم Timeline عرض خريطة طريق عموديًا بمحاذاة اليسار أو الوسط أو التراكب أو اليمين، أو كدوامة أفقية بها أسهم.
- الحالة المركزة في علامة التبويب "نمط" الخاصة بعنصر واجهة المستخدم في المخطط الزمني تمنح العنصر الذي قام الزائر بالتمرير إليه إلى خلفية البطاقة الخاصة به ولون النقطة.
تعرض صفحة خارطة طريق Elementor للعملاء ما قمت بشحنه وما تقوم ببنائه وما سيأتي بعد ذلك. العنصر لا تتضمن عنصر واجهة مستخدم لخريطة الطريق، ولكن خريطة الطريق عبارة عن مخطط زمني يحتوي على حالات بدلاً من التواريخ، لذا فإن عنصر واجهة المستخدم الخاص بالخطة يقوم بالمهمة. يستخدم هذا الدليل واجهة مستخدم الجدول الزمني للإضافات الرئيسية.
المثال عبارة عن خارطة طريق برمجية مكونة من أربعة عناصر: الشحن، قيد التقدم، المتابعة والاستكشاف. يعمل نفس البناء على خطة الدورة التدريبية أو جدول البناء أو عملية الإعداد. ستقوم بإعداد العناصر، وتبديل التواريخ للتسميات، واختيار التخطيط وتصميم المراحل.
جدول المحتويات
ما الذي يحدث في صفحة خارطة طريق المنتج
تسرد صفحة خارطة طريق المنتج العمل المخطط له حسب مدى قرب إصداره. يحتاج كل إدخال إلى ثلاثة أشياء: الحالة والاسم المختصر وجمل واحدة حول ما يحصل عليه العميل.
تستخدم معظم خرائط الطريق العامة أحد النظامين للحالة
| نظام | تسميات المثال | استخدامه عندما |
|---|---|---|
| تسميات الحالة | تم الشحن، قيد التقدم، التالي، الاستكشاف | أنت لا تريد الالتزام بالمواعيد |
| دلاء الوقت | الربع الأول 2027، الربع الثاني 2027، لاحقًا | أنت تخطط في أرباع ويمكنك الوقوف خلفهم |
| التواريخ الدقيقة | 14 مارس 2027 | التاريخ ثابت، مثل حدث أو إطلاق |
تسميات الحالة هي الخيار الأكثر أمانًا للبرنامج. يتم التقاط لقطة شاشة للتاريخ المنزلق على صفحة عامة، ولا يمكن أن تنزلق تسمية مثل “Next up”.
كيفية بناء خارطة الطريق في Elementor
أنت بحاجة إلى إضافات Elementor وMaster. خارطة الطريق نفسها عبارة عن عنصر واجهة مستخدم واحد للمخطط الزمني تم تعيينه على المخطط الزمني المخصص.
الخطوة 1: تخطيط المراحل
اكتب القائمة قبل فتح المحرر. أربعة إلى ثمانية عناصر كثيرة. لهذا المثال:
| ملصق | ميزة | وصف سطر واحد |
|---|---|---|
| شحنها | إعادة تصميم الخروج | الخروج من صفحة واحدة باستخدام العربات المحفوظة. |
| في تقدم | مساحات عمل الفريق | المشاريع والأدوار والتعليقات المشتركة. |
| التالي | تطبيق الجوال | تطبيقات iOS وAndroid مع وضع عدم الاتصال. |
| استكشاف | واجهة برمجة التطبيقات العامة | خطافات الويب وواجهة برمجة تطبيقات REST لعمليات التكامل. |
الخطوة 2: إضافة عنصر واجهة المستخدم للمخطط الزمني
قم بتحرير صفحة خريطة الطريق الخاصة بك باستخدام Elementor، وابحث في لوحة عناصر واجهة المستخدم الجدول الزمني واسحبه إلى الصفحة. يحتفظ نوع الجدول الزمني على الجدول الزمني المخصص. تبدأ الأداة بثلاثة عناصر نموذجية. يستخدم إضافة عنصر للرابع، أو الأيقونة المكررة على الصف لنسخ واحدة.
جديد على القطعة؟ كيفية إنشاء جدول زمني في Elementor يمشي من خلال كل السيطرة.
الخطوة 3: استبدل التواريخ بتسميات مخصصة
افتح العنصر الأول. يتغير يعرض من تاريخ الى تسمية مخصصة، ثم اكتب الحالة في ملصق حقل. في محرر المحتوى، اجعل السطر الأول عنوانًا باسم الميزة واكتب الوصف تحته.
كرر لكل عنصر. الاختيارية وصلة يجعل Field البطاقة بأكملها قابلة للنقر عليها، وهو أمر مفيد لإرسال ميزة تم شحنها إلى منشور الإصدار الخاص بها أو المستندات الخاصة بها.
الخطوة 4: اختر التخطيط
يتناوب التخطيط المركزي أعلاه بين البطاقات اليسرى واليمنى. هناك تخطيطان آخران يناسبان خريطة الطريق جيدًا.
محاذاة لليسار. في علامة التبويب "النمط"، افتح تخطيط ومجموعة محاذاة أفقية إلى اليسار. كل بطاقة موضوعة على جانب واحد مع ملصقها بداخلها. يُقرأ هذا كقائمة، وهو أمر أسهل في المسح الضوئي عندما تعمل الأوصاف لفترة أطول.
أفقي. في علامة التبويب المحتوى، قم بتعيين نمط الجدول الزمني إلى الجدول الزمني الأفقي. تصبح المراحل دائرية مع التسميات الموجودة فوق السطر. يستغرق هذا صفًا واحدًا، بحيث يتناسب مع الصفحة الرئيسية أو تحت جدول التسعير.
يتم تغطية إعدادات الكاروسيل في كيفية إنشاء جدول زمني أفقي في Elementor.
الخطوة 5: قم بتصميم المراحل
افتح علامة التبويب "النمط" واعمل من خلال أربعة أقسام.
- بطاقات: الحشو، ونصف قطر الحدود، وألوان العنوان والمحتوى. تقوم علامة التبويب المركزة بوضع أنماط البطاقة التي قام الزائر بالتمرير إليها.
- التواريخ: الطباعة واللون لتسميات الحالة. غامق مع لون العلامة التجارية يجعلها تقرأ كعلامات.
- خط: الخلفية هي المسار الكامل ويتم ملء لون التقدم أثناء تمرير الزائر.
- نقاط: نقطة أو أيقونة أو صورة، بألوان افتراضية وتحوم ومركزة منفصلة.
يحتوي كل عنصر أيضًا على علامة تبويب النمط الخاصة به في لوحة المحتوى، لإعدادات النقاط والألوان الخاصة بهذا العنصر وحده. استخدمه لمنح العنصر الذي تم شحنه لونًا مختلفًا للنقطة عن الباقي، بحيث يكون العمل النهائي مرئيًا في لمحة.
هل تريد رؤية المزيد من التخطيطات أولاً؟ ال عنصر واجهة المستخدم الجدول الزمني تحتوي الصفحة على عروض توضيحية مباشرة، بما في ذلك خريطة طريق أفقية.
ما يجب وضعه حول خارطة الطريق
تُقرأ صفحة خارطة الطريق بشكل أفضل مع القليل من السياق أعلى وأسفل الجدول الزمني.
- مقدمة قصيرة يوضح ذلك عدد مرات تحديث الصفحة.
- رابط ردود الفعل ضمن الجدول الزمني، إلى نموذج أو لوحة طلب الميزة.
- سجل التغيير لما تم شحنه بالفعل. ال القطعة Changelogs يسرد إدخالات الإصدار في نفس الصفحة.
- أرقام، إذا كان لديك لهم. صف من مكافحة يصل يمكن أن تعرض الأدوات الميزات التي تم شحنها هذا العام.
- مؤشر التقدم لمشروع واحد كبير، باستخدام القطعة شريط التقدم.
إذا كانت خارطة الطريق مخصصة للعملاء فقط، فإن دليل شروط العرض يوضح كيفية إخفاء قسم من الزوار الذين قاموا بتسجيل الخروج.
الأسئلة المتداولة
هل لدى Elementor أداة خارطة طريق؟
لا يحتوي No.Elementor وElementor Pro على خريطة طريق أو عنصر واجهة مستخدم للمخطط الزمني. يتم إنشاء معظم خرائط طريق Elementor باستخدام عنصر واجهة مستخدم للمخطط الزمني من ملحق، مع استخدام كل عنصر كمرحلة أو ميزة واحدة.
هل يمكنني عرض خارطة طريق بدون تواريخ في Elementor؟
نعم. في أداة المخطط الزمني للإضافات الرئيسية، قم بتعيين إظهار إلى تسمية مخصصة على كل عنصر واكتب حالة مثل "تم الشحن" أو "التالي". يأخذ الملصق مكان التاريخ بجانب النقطة.
هل ينبغي أن تكون خارطة الطريق العامة عمودية أم أفقية؟
استخدم الوضع الرأسي عندما تحتوي كل مرحلة على بضعة أسطر من الوصف، والأفقي عندما تكون خارطة الطريق عبارة عن شريط قصير من ثلاث إلى ست مراحل داخل صفحة أخرى. تقوم أداة Timeline بالتبديل بينها باستخدام عنصر التحكم في نمط Timeline.
كيف يمكنني وضع علامة على عنصر خارطة الطريق كما حدث؟
قم بتغيير التسمية الخاصة به إلى "تم الشحن" واعطيه لونًا مختلفًا في علامة التبويب "النمط" الخاصة بالعنصر. يمكنك أيضًا إضافة رابط إلى منشور الإصدار حتى يتمكن الزوار من قراءة ما تم تغييره.
الأفكار النهائية
خريطة طريق Elementor عبارة عن عنصر واجهة مستخدم واحد للمخطط الزمني يحتوي على أربعة إلى ثمانية عناصر للمخطط الزمني المخصص، وإظهار التعيين على Custom Label، وحالة في كل حقل تسمية. اختر المركز أو اليسار أو الأفقي للتخطيط، ثم استخدم أقسام البطاقات والتواريخ والخط والنقاط لجعل العمل المشحون متميزًا عن العمل المخطط له.
ابدأ من العرض التوضيحي على صفحة القطعة الجدول الزمني واستبدل عناصر العينة بمراحلك الخاصة.
القراءة ذات الصلة
