Pacific Modern
جملة واحدة بخط مائل، وأربع قصص في ترتيب متعرّج، ومتجر قابل للتصفية على أرضية رملية.
يدع Pacific Modern جملةً واحدة تفتتح الموقع. يتحوّل وصف موقعك إلى سطر كبير مائل في وسط الصفحة بخط Cormorant Garamond، من غير صورة تزاحمه على الشاشة الأولى، وتحته تتناوب أحدث أربع مقالات لديك، فتأتي الصورة مرة على اليسار ومرة على اليمين. النص بلون رمادي أردوازي على أرضية رملية دافئة، مع أزرق محيطي للأزرار والشارات، وأخضر طحلبي هادئ لونًا ثانيًا.
شاهد العرض التفاعلي بالإنجليزية · محتوى العرض المباشر مكتوب بالإنجليزية.
لمن يناسب
صُمّم القالب لمن تعتمد كتابتهم على المكان وإيقاع العيش: مدوّني السفر ونمط الحياة، وكتّاب المقالات المهتمين بمنطقة بعينها، والمصوّرين الذين يرفقون صورهم بتعليقات وافية، والحرفيين الصغار الذين يريدون بيع بضع مطبوعات أو أدلّة إلى جانب المدوّنة. الصفحة الرئيسية قصيرة عن قصد، فهي تكافئ المقالات التي يحمل كلٌّ منها صورة غلاف جيدة ومقتطفًا واضحًا. أما إن كنت تنشر مواد كثيرة كل يوم، أو تريد صورة فوتوغرافية عريضة في أعلى الصفحة، أو تريد ألوانًا داكنة، فسيخدمك قالب آخر على نحو أفضل، لأن Pacific Modern يكتفي بالنص في قسم الواجهة ويبقى فاتحًا.
ما الذي يميّزه
الكلمات قبل الصور في الصفحة الرئيسية
تقتصر واجهة الصفحة الرئيسية على عنوان واحد في الوسط، يأخذ وصف موقعك ويعرضه بخط Cormorant Garamond المائل بحجم يصل إلى 64 بكسلًا. يقبل القالب إعداد صورة الواجهة لكنه لا يرسمها، فتبقى الشاشة الأولى حروفًا على أرضية رملية. وإن لم يكن لموقعك وصف، ظهر مكانه سطر تجريبي عن الساحل الطويل.
أربعة صفوف تتبادل الجهات
تحظى كل واحدة من مقالاتك الأربع الأحدث بصفّ خاص: صورة غلاف بنسبة 4:3 في جانب، وفي الجانب الآخر أول وسم لها داخل شارة محدّدة الإطار، ثم العنوان والمقتطف وسطر صغير بأحرف كبيرة يحمل التاريخ ومدة القراءة. تنتقل الصورة إلى الجهة المقابلة في كل صف، وتتناوب الشارة بين الأزرق المحيطي والأخضر الطحلبي. وتحت 760 بكسلًا تُعرض الصفوف عموديًا وتأتي الصورة أولًا.
قائمة جانبية وقوائم منسدلة بالروح الساحلية نفسها
تُفتح العناصر الفرعية في القائمة على شكل قوائم منسدلة حادّة الزوايا فوق لوحة رملية باهتة. ودون 1024 بكسلًا يُظهر زرّ دائري قائمة جانبية أقصى عرضها 300 بكسل من طرف نهاية السطر، فيها روابط بخط مذيَّل مائل كبير، وعناصر فرعية مبسوطة بإزاحة نحو الداخل، وصفّ للحساب، إضافةً إلى صفّ للسلة وزرّ «اشترك» (Subscribe) أزرق محيطي حين ينطبقان.
اشتراك ينتظر أن تفعّله
متى وُجدت لديك نشرة بريدية أو عضوية وشغّلت «عرض أداة الاشتراك في المدونة» (Show subscribe widget on blog)، أُضيف رابط «اشترك» إلى الشريط العلوي والتذييل والقائمة الجانبية، وانتهت كل مقالة، قبيل التعليقات مباشرة، بمربع محدّد الإطار عنوانه «تابع قراءة» (Keep reading) يضمّ حقلًا للبريد الإلكتروني. وحين يُرسل القارئ النموذج يُنقل إلى صفحة الاشتراك في موقعك بدل أن يُسجَّل فورًا.
متجر بمرشّحات حقيقية
تبدأ واجهة المتجر بعنوان مائل في الوسط ومربع للبحث، ثم روابط التصنيفات التي يظهر تحت النشط منها خط أزرق محيطي، وحقلين لأدنى سعر وأعلاه، وخانة تحصر العرض في المتوفّر. وفي كل بطاقة صورة بنسبة 4:3 تتلاشى أحيانًا لتكشف صورة أخرى عند مرور المؤشر، وتصنيفًا بأحرف كبيرة، وعنوانًا مائلًا، والسعر.
صفحات منتجات في عمود هادئ واحد
يُعرض المنتج في عمود يقارب عرضه 820 بكسلًا: رابط للعودة إلى المتجر، وعنوان مائل، وصورة بنسبة 16:9 تحتها شريط من الصور المصغّرة إن وُجدت صور أخرى، وسعر بخط مائل إلى جانب أزرار الشراء. ثم يأتي الوصف، وقائمة بعلامات صحّ خضراء طحلبية، وقسم أسئلة قابل للطيّ، متى مُلئت هذه الحقول.
صفحة بصفحة
- الصفحة الرئيسة
- عنوان مائل في الوسط مأخوذ من وصف موقعك، ثم أحدث أربع مقالات في صفوف تتناوب فيها الصورة والنص.
- المدوّنة
- اسم موقعك يعلوه سطر «جميع المقالات» (All Posts)، ثم أقراص لتصفية التصنيفات، وبطاقات ثلاثٌ في كل صف، وأرقام للصفحات ينتهي بها رابط «التالي» (Next).
- المقال
- رابط للعودة، والوسم والتاريخ، وعنوان بخط مذيَّل، ومقتطف، والأحرف الأولى لاسم الكاتب، ثم الغلاف العريض 16:9، وشارات الوسوم، ومربع اشتراك عند تفعيله، وتعليقات.
- الصفحة
- محتوى منشئ الصفحات في عمود عرضه 720 بكسلًا، تتقدّمه تسمية صغيرة وعنوان مذيَّل وتمهيد قصير.
- المتجر
- بحث، وروابط تصنيفات، وتصفية بحسب السعر والمخزون، وعدد النتائج متى فُعّل مرشّح، وشبكة من بطاقات منتجات بنسبة 4:3.
- المنتج
- رابط للعودة، وعنوان مائل، ومعرض مع شريط مصغّرات، والسعر، وزر سلة يتطلّب وسيلة دفع مربوطة، وقائمة بالمحتويات، وأسئلة وأجوبة تُطوى.
كيف تخصّصه
عند تشغيل «طبّق هويتي على مظهر الموقع بالكامل» من «التصميم العام» (Global Design) يصير الرملي لون خلفيتك، والرمادي الأردوازي لون نصك، ويأخذ لونك الأساسي (Primary) دور الأزرق المحيطي في الشارات والأزرار ولمسات المتجر، ولون التمييز (Accent) دور الأخضر الطحلبي. ويتحكّم اللون الثانوي (Secondary) في النص الخافت، واللون المحايد (Neutral) في الحدود، وتحلّ خطوطك للعناوين والنص محلّ خطّي القالب. أما الخطوط الفاصلة الرفيعة، والرمادي المستخدم للتواريخ، والأخضر الطحلبي الأغمق في النصوص، وخط التسميات الصغيرة، فلا تتغيّر، أما تغيير الخلفية فيُعيد تلوين السطح الباهت خلف الحقول والقوائم المنسدلة. ولا توجد هنا لوحة «نصوص القالب» (Theme Copy) تتيح إعادة صياغة عباراته الثابتة.
حدود نذكرها بصراحة
- لوحة رملية واحدة ولا نسخة داكنة، فتفضيل الزائر للوضع الداكن لا يغيّر شيئًا.
- لا تظهر أي صورة في واجهة الصفحة الرئيسية، حتى لو ضُبطت صورة للواجهة أو كان لأحدث مقالة غلاف، فهو نصّي فقط عن قصد.
- لا تعرض الصفحة الرئيسية سوى أحدث أربع مقالات، وليس في متنها رابط إلى المقالات الأقدم. وطريق القرّاء إلى الأرشيف هو القائمة أو التذييل.
- في فهرس المدوّنة أزرار للتصنيفات وترقيم للصفحات، لكن لا مربع بحث فيه. والوسوم في المقالات وفي صفوف الصفحة الرئيسية نصوص عادية لا يُنقر عليها للوصول إلى قوائم مصفّاة.
- بعض العبارات لا تتبع لغة الموقع وتظلّ إنجليزية: تسمية «Menu» في القائمة الجانبية للجوال، وعدّاد «Cart» في الشريط العلوي على سطح المكتب، وتسمية «Story» على بطاقات المدوّنة التي لا وسم لها، ورسالة المدوّنة الفارغة، والسطر التجريبي في قسم الواجهة.
- تتغيّر نبرة الصفحات الداخلية قليلًا: فعنوان المدوّنة وعناوين البطاقات والعناوين الفرعية داخل المقالات تأتي بخط النص العريض، لا بالخط المذيَّل المائل الذي يظهر في الصفحة الرئيسية والمتجر.
المواصفات
- الفئة
- نمط حياة
- السعر
- مضمَّن
- التوفّر ضمن الخطط
- مُضمَّن في كل خطط VeloCMS
- جاهز للتجارة الإلكترونية
- نعم
- الحركة
- لا
الأسئلة الشائعة
هل يمكنني وضع صورة في أعلى الصفحة الرئيسية؟
ليس في هذا القالب. يعرض قسم الواجهة وصف موقعك سطرًا مائلًا كبيرًا، ويتجاهل إعداد صورة الواجهة. وتظهر الصور في موضع أدنى، أغلفةً لأحدث أربع مقالات، وغلافًا عريضًا بنسبة 16:9 قرب أعلى كل مقالة.
من أين تأتي الشارات الملوّنة في الصفحة الرئيسية؟
من أول وسم في كل مقالة. تقع الشارة فوق العنوان، ويتبدّل إطارها بين الأزرق المحيطي والأخضر الطحلبي من صف إلى آخر. والمقالة التي لا وسوم لها لا تظهر لها شارة، ولا يمكن النقر على الشارة.
هل يستطيع المتسوّقون تضييق المنتجات حسب السعر؟
نعم. تحت مربع البحث وروابط التصنيفات في المتجر حقلان لأدنى سعر وأعلاه وخانة للمتوفّر فقط، تعمل كلها معًا، مع رابط لمسحها متى نشط أيّ مرشّح. ويرى المتسوّق زر السلة بعد أن تربط وسيلة دفع، أما الشراء الفوري فيحتاج إلى Stripe.
هل في التصميم حركة كثيرة؟
تكاد تنعدم. يتبدّل لون الروابط عند مرور المؤشر فوقها، وتصعد بطاقات المدوّنة بكسلين، وتنتقل بطاقات المتجر التي لها صورة ثانية إليها بتلاشٍ تدريجي. ولا حركة عند فتح الصفحة ولا حركة متكرّرة. وإذا كان نظام تشغيل الزائر مضبوطًا على تقليل الحركة، تحدث هذه التغييرات فورًا بدل أن تتدرّج.