Workbench Motion
مقطع ورشتك مثبّت بعرض الشاشة، تحرّكه عجلة التمرير.
Workbench Motion هو قالب الحِرَف والكاميرا تعمل. أضف مقطعًا قصيرًا واحدًا من ورشتك فتثبّته الصفحة الرئيسية من حافة إلى حافة وتتقدّم به لقطةً لقطة كلما مرّر القارئ، بينما تصل فوقه عناوينك وأزرارك وأحدث تدويناتك ولمحة عن متجرك، إيقاعًا بعد إيقاع. وإن لم يكن لديك مقطع استقرّ على صورة ثابتة بعرض الصفحة، وهذا تصميم مكتمل أيضًا وليس نسخة ناقصة من القالب.
شاهد العرض التفاعلي بالإنجليزية · محتوى العرض المباشر مكتوب بالإنجليزية.
لمن يناسب
هو لصنّاع يستطيعون تصوير منضدتهم: خزّاف أمام دولابه، أو صانع آلات وترية، أو نسّاج، أو مربّي نحل يفتح خليّته. فإن كنت تصوّر أصلًا مقاطع قصيرة، طولية أو عرضية، وتريد أن تبدو صفحتك الرئيسية كمقدّمة فيلم، فهذا القالب يفعل ذلك من دون أي شيفرة، ويكفيه مقطع قصير متصل. وهو خيار خاطئ لموقع لا لقطات لديه ولا نية لتصويرها، إذ تؤدي واجهة Workbench العادية الغرض نفسه بحمل أخف، أو لكتّاب يريدون أن يتصدّر النص.
ما الذي يميّزه
مقطع لا يتحرك إلا بحركة القارئ
لا زرّ تشغيل للفيديو، ولا يعمل من تلقاء نفسه، ولا يتقدّم حين يكون القارئ ساكنًا. موضع التمرير هو الذي يحدّد نقطة التشغيل، وتُسوَّى القيمة تدريجيًّا فيستمر الانسياب لحظة بعد توقّف القارئ، وتتحرك طبقات النص بالقيمة نفسها. فيصل المشهد والنص معًا، لا حركتان متباعدتان جُعل توقيتهما متشابهًا.
أربعة إيقاعات على مشهد مثبّت واحد
يبقى المسرح ثابتًا تحت الرأس بينما تمرّ الصفحة من فوقه. يأتي أولًا العنوان والتمهيد، ثم الزرّان بينما يصعد العنوان قليلًا، ثم شريط بأحدث ثلاث تدوينات، وأخيرًا لمحة قصيرة عن المتجر. وتتداخل الإيقاعات المتجاورة قليلًا فتذوب في بعضها ولا تنقطع.
مكتمل بصورة ثابتة
الموقع الذي لا لقطات له يحصل على واجهة بصورة بعرض الصفحة، يمتد العنوان والتمهيد والزرّان على حافتها السفلى، ولا مسار تمرير على الإطلاق. ولا تُرسَل أي شيفرة برمجية للواجهة في هذه الحالة، لأن المسرح مجرد عناصر مُولَّدة على الخادم قبل وجود أي مقطع.
ألطف على الجوال
في العروض التي تقل عن 1024 بكسل يقصر المسار المثبّت من 360 إلى 220 ارتفاعَ شاشة، فلا يبدو التتابع عملًا شاقًّا. وتُدمج طلبات الانتقال داخل المقطع وتتخذ خطوة أكبر على اللمس والشاشات الضيقة، ويُهيَّأ المقطع عند أول لمسة، وتبقى الصورة ظاهرة إلى أن يُرسم إطار فعلًا.
مدوّنة ومتجر Workbench تحت المشهد
بعد المسرح المثبّت تتابع الصفحة بثلاث بطاقات للمدوّنة وشريط مشاريع أخضر غامق. وتأخذ المدوّنة والتدوينات والصفحات والمتجر ورق Workbench العاجي ولمساته العنبرية، ويعرض المتجر السلع في شبكة من ثلاثة أعمدة مع أزرار التصنيفات وصور اختيارية عند التمرير، وتسري عليها الألوان والخطوط نفسها التي تختارها للصفحة الرئيسية.
صفحات منتجات بزر شراء
يُفتح المنتج على معرض بصورة رئيسية وحتى أربع صور مصغّرة، ومسار تنقّل والسعر والوصف، ثم زر الإضافة إلى السلة. وحين يُربط Stripe يجاوره زر شراء عنبري، وتُطبع قائمة ميزاتك في لوحة بخط متقطّع.
صفحة بصفحة
- الصفحة الرئيسة
- مسرح مثبّت بعرض الشاشة بأربعة إيقاعات موقوتة، ثم بطاقات المدوّنة وشريط المشاريع الأخضر.
- المدوّنة
- ترويسة المدوّنة، وأزرار التصنيفات، وبطاقات من ثلاثة أعمدة، وصفحات مرقّمة، كما في Workbench.
- المقال
- عمود مقال ضيّق بسطر كاتب بالأحرف الأولى، وصورة غلاف، ووسوم، وتعليقات، ولوحة اشتراك متى فُعّل.
- الصفحة
- سطر تمهيدي وعنوان وعمود نثري تحت الرأس الثابت نفسه.
- المتجر
- عدد السلع، وأزرار التصفية، وبطاقات بملاحظة مخزون وصورة ثانية عند التمرير.
- المنتج
- معرض صور مصغّرة، والسعر، وزرّا السلة والشراء، وقائمة ميزات بخط متقطّع.
كيف تخصّصه
يعيد «التصميم العام» تلوين الصفحة: تقوم اختياراتك للخلفية والنص واللون الأساسي مقام العاجي والحبر والأخضر الغامق، ويحلّ لون التمييز محل العنبري، وتحلّ خطوطك محل Bricolage Grotesque وLora. وثلاثة وعشرون موضعًا للنص تشمل السطر التمهيدي للواجهة والتذييل، وتنفرد في هذا القالب بالأسطر الثلاثة للمحة عن المتجر. وكلها قابلة للتحرير بالإنجليزية والعربية من «الإعدادات» ثم «عام» ثم «نصوص القالب».
حدود نذكرها بصراحة
- مشهد واحد فقط، ومقطع واحد لكل موقع. يُمرَّر المقطع من إطاره الأول إلى الأخير على امتداد المسار كله، فيلزم أن يكون لقطة متصلة واحدة لا شيء مهمًّا في نهايتها، والأفضل أن يكون قصيرًا.
- الزوار الذين يسمحون بالحركة يبدأ تحميل المقطع لديهم مع فتح الصفحة. أبقِ الملف صغيرًا، فاللقطات الثقيلة تجعل أول تمرير متقطّعًا على الاتصالات البطيئة، ومن لا يسمح بالحركة لا يحمّل المقطع أصلًا.
- الإيقاعان المتأخران، شريط التدوينات واللمحة عن المتجر، لا يوجدان إلا على المسار المثبّت. وبلا مقطع تحمل الواجهة العنوان والتمهيد والزرّين وحدها، وتظهر التدوينات في القسم الذي تحتها.
- الواجهة داكنة بالتصميم، يعلو نصَّها العاجي طبقة تعتيم، أما كل ما تحتها فورق فاتح. ولا يوجد وضع داكن لبقية الموقع.
- تفتح العدسة في الرأس صفحة البحث البسيطة عن المنشورات، وليس في المدوّنة ولا في المتجر خانة بحث خاصة بهما ولا مرشّح للسعر. وعدة تسميات في المتجر، مثل «All goods» والسطر المنتهي بعبارة «sorted newest first»، ثابتة بالإنجليزية.
- يطيل المسار المثبّت الصفحة الرئيسية. فارتفاعه على سطح المكتب 360 ارتفاعَ شاشة، فيمرّر الزائر مسافة طويلة قبل أن يبلغ بطاقات المدوّنة.
المواصفات
- الفئة
- رسوم متحركة
- السعر
- مضمَّن
- التوفّر ضمن الخطط
- مُضمَّن في كل خطط VeloCMS
- جاهز للتجارة الإلكترونية
- نعم
- الحركة
- نعم
الأسئلة الشائعة
كيف تبدو الصفحة الرئيسية بلا مقطع؟
صورة بعرض الصفحة مأخوذة من صورة الواجهة لديك أو من أحدث تدوينة، يعلوها العنوان والتمهيد والزرّان فوق تدرّج معتم. وهي مكتملة كما هي، ولا تحمّل أي شيفرة برمجية للواجهة، ولا تحتاج إلى أي إعداد إضافي.
ماذا يرى من يفضّلون تقليل الحركة؟
الواجهة الثابتة. يمنع إعداد نظامهم إلحاق المقطع، ولا يُبنى مسار التمرير، ويبقى النص في التدفق العادي، فلا يتحرك شيء على شاشتهم، ويبقى الموقع هادئًا لمن يحتاج إلى ذلك.
هل يعمل التأثير على الجوال؟
نعم، بمسار أقصر وانتقال مدموج بخطوة أكبر. يُهيَّأ المقطع عند أول لمسة، وتبقى الصورة قائمة إلى أن يُرسم إطار حقيقي، فلا يظهر على جوال بطيء مستطيل أسود.
هل أستطيع تغيير الكلمات المعروضة أثناء التمرير؟
نعم. السطر التمهيدي والخط الصغير والتسمية فوق شريط التدوينات وأسطر اللمحة عن المتجر الثلاثة كلها مواضع نصوص قابلة للتعديل. وبمجرد كتابة وصف لموقعك يصير العنوان اسم موقعك ويصير الوصف سطر التمهيد.
هل بقية الموقع تختلف عن Workbench؟
ليس في المظهر. فالمدوّنة والتدوينات والصفحات والمتجر وصفحات المنتجات تطابق Workbench. الفرق في واجهة الصفحة الرئيسية: مثبّتة تحرّكها عجلة التمرير هنا، وصورة ثابتة من عمودين هناك.