Back to Blog

رحلة PersonaCart، المقال 3 من 21 - 26 أبريل - 9 مايو 2026

الرحلة5 min read

أربعة قوالب للمتجر ومحرر صفحات أقوى

نظرة إلى الوراء على الفترة من 26 أبريل إلى 9 مايو 2026. كانت الميزة الرئيسية القوالب: أربعة أنماط تعيد تصميم الأزرار والبطاقات والنماذج في المتجر كله.

V

Vinod Morya

Co-founder, PersonaCart • ١٢ أكتوبر ٢٠٢٦

J

هذه نظرة مكتوبة إلى الوراء على الفترة من 26 أبريل إلى 9 مايو 2026، نُشرت في 12 أكتوبر 2026. الفترة المغطاة: 26 أبريل - 9 مايو 2026. الميزة الرئيسية في هذين الأسبوعين هي القوالب: مظهر للمتجر يمكنك تبديله كله دفعة واحدة.

باختصار

  • بنينا نظام قوالب وقررنا أن يصدر الإصدار الأول بأربعة قوالب: Neo-Brutalism وBotanical وSketch وPlayful Geometry.
  • حصل محرر الصفحات على قائمة طويلة من الأدوات: تحديد متعدد، وتدوير، وقص، وتراجع وإعادة، وسجل إصدارات، ومؤشر حفظ صادق.
  • أُعيد بناء توليد الدورات بحيث يقل احتمال توقف الدورة الطويلة في منتصفها.

الميزة الرئيسية: أربعة قوالب

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

في 9 مايو اتخذنا قراراً بشأن النطاق وكتبناه في الكود: الإصدار الأول يضم أربعة قوالب فقط.

  • Neo-Brutalism: زوايا حادة وخطوط عريضة وظلال صلبة.
  • Botanical: أشكال ناعمة عضوية، وتأكيد بخط مائل، وظلال منتشرة.
  • Sketch: خلفية بملمس الورق وإحساس بالرسم اليدوي وخطوط شبيهة بخط اليد.
  • Playful Geometry: الافتراضي للمتجر الجديد.

وأُجّلت ثلاثة أنماط أخرى كنا نبحثها (Claymorphism وFlat Design وMaterial You) إلى إصدار لاحق. نفضّل أن نصدر أربعة تعمل على أن نصدر سبعة تعمل نصف عمل.

ما تُظهره الـ commits في عمل القوالب:

  • صارت اللبنات الأساسية، مثل الأزرار والبطاقات والشارات وحقول الإدخال والتبويبات والنوافذ الحوارية واللوحات الجانبية، تقرأ مظهرها من القالب النشط.
  • يبدأ المتجر الجديد بقالب Playful Geometry. وأُضيف منتقي للقوالب في الإعداد الأولي، وعنصر تحكم بالقالب في المفتش (inspector)، ومبدّل لفريق الإدارة لدينا.
  • نُقلت صفحات كثيرة في المتجر يراها المشترون لتتبع القالب بدل التنسيق الثابت.
  • حصل الرأس (header) على عنصر تحكم بالارتفاع: مسطّح أو ناعم أو قوي أو عائم.
  • أُضيفت فحوصات داخلية وميزانية أداء لكل قالب. وهذا ليس شيئاً تراه، لكنه جزء من سبب إبقائنا العدد صغيراً.

لم نختبر هذه القوالب مع منشئين من خارج الفريق، ولا ندّعي شيئاً عن شكل المتاجر في الواقع.

ما الذي بنيناه أيضاً

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

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

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

حفظ صادق. يقول مؤشر الحفظ الآن واحداً من ثلاثة أشياء: Live أو Saved as draft أو Saving. وكان يقول «Saved» في حالات لا تكون فيها الصفحة ظاهرة للمشترين بعد. وإذا فتحت الصفحة نفسها في تبويبين، يسأل المحرر هل تريد تولّي التحرير أو المتابعة للقراءة فقط. ولوحة Save history تسرد عمليات الحفظ السابقة.

منزلقات على مستوى الصفحة. ثلاثة منزلقات للحركة (Motion) والكثافة (Density) والنمط (Style)، وشارة عائمة يمكنك إضافتها إلى قسم الواجهة الرئيسية (hero)، وإعداد مسبق للكثافة من مضغوط إلى سينمائي. وتتيح أقسام hero تشغيل عناصر بعينها أو إيقافها.

تنسيق النصوص. عناصر تحكم بالتنسيق لكل نص، مطبّقة في المحرر كله.

توليد دورات أكثر موثوقية. صار إنشاء الدورة عملية مرحلية مع بدائل احتياطية، فلا تقتل خطوة فاشلة واحدة الدورة كلها. وتُولَّد الدروس بالتوازي حسب الوحدة، ويُتابَع توليد الاختبارات في الواجهة أثناء تنفيذه. انظر مولّد الدورات بالذكاء الاصطناعي.

العملات واللغات. ازدادت قائمة العملات إلى أكثر من 135. واللغات التي لم تُترجم بعد تظهر الآن بعبارة «قريباً»، ومبدّل اللغات في المتجر مقفل على اللغة الافتراضية، فلا يعلن المتجر عن لغات لا يستطيع خدمتها.

استخدام الذكاء الاصطناعي. صفحة استخدام في الإعدادات تعرض ما تستهلكه ميزات الذكاء الاصطناعي، وصولاً إلى مستوى الرموز (tokens).

الملاحظات. صار تقرير الأخطاء داخل التطبيق يلتقط لقطة شاشة تلقائياً.

ماذا يعني ذلك لمدرب أو أكاديمية

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

يهمّ مؤشر الحفظ الصادق أكثر إذا كان عدة أشخاص يحررون الموقع. فلن يُقال لك إن الصفحة منشورة وهي ليست كذلك. أما تغييرات المحرر فتهمّ في الأساس من يبني الصفحات؛ وإن كنت تدير الحصص فقط، فيمكنك تجاهلها.

ما التالي

تابع الأسبوعان التاليان، من 10 إلى 23 مايو، موضوع الحفظ مباشرةً: مسودات منفصلة عن الصفحة المنشورة، مع سجل إصدارات. وبدأنا أيضاً العمل على صفحات الهبوط والمراجعات. الخطط وما تتضمنه في صفحة الأسعار.


هل تريد أن نتحدث؟ أنا أحد المؤسسين المشاركين في PersonaCart. إذا كان لديك سؤال أو فكرة أو شيء تريد أن نبنيه، فاكتب لي مباشرة: [email protected].

Vinod Morya, Co-founder, PersonaCart

Frequently asked questions

كم قالباً لدى PersonaCart؟

حُدد الإصدار الأول بأربعة: Neo-Brutalism وBotanical وSketch وPlayful Geometry. وأُجّلت ثلاثة أنماط أخرى إلى إصدار لاحق عن قصد.

بأي قالب يبدأ المتجر الجديد؟

Playful Geometry. وتضيف الـ commits أيضاً منتقياً للقوالب أثناء الإعداد الأولي وعنصر تحكم بالقالب في المفتش، فيستطيع المنشئ تغييره.

ماذا يعني مؤشر Live وSaved as draft وSaving؟

Live تعني أن الصفحة المحفوظة ظاهرة للمشترين. وSaved as draft تعني أن الحفظ نجح لكن الصفحة غير منشورة. وSaving تعني أن المحرر ما زال يكتب تغييرك.

V

Written by Vinod Morya

Co-founder, PersonaCart

Helping creators build successful online businesses with practical tips and strategies.

Subscribe to our newsletter

Get the latest creator tips and strategies delivered to your inbox.

Ready to Apply These Insights?

Start building your creator business with PersonaCart today.

Start freeNot sure yet?

READY TO BUILD?

Join the creators selling on PersonaCart. Start your 14-day free trial today.