WPML

أحد أهم القرارات التي تتخذها عند بناء مواقع WordPress هو اختيار القالب. لحسن الحظ، هناك الآلاف من القوالب الممتازة التي يمكنك الاختيار من بينها. اليوم، نود التحدث عن استخدام القوالب المبدئية البسيطة، ومتى تكون خياراً جيداً، ولماذا.

القوالب المبدئية الشاملة، والمتخصصة، والبسيطة


تطور تطوير القوالب في WordPress في اتجاهات عدة، ليلبي احتياجات جماهير ومتطلبات مختلفة.

القوالب الأكثر شيوعاً اليوم هي القوالب «متعددة الأغراض»، والتي تتضمن فعلياً كل شيء. تعد قوالب Avada، وEnfold، وDivi أمثلة رائعة على ذلك. فهي تتضمن «مظاهر» تصميم مختلفة، وأدوات بناء الصفحات الخاصة بها، والكثير من الوظائف التي يمكنك تمكينها وتعطيلها من لوحة تحكم المسؤول.

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

ويفضل العديد من المطورين بناء الموقع بأنفسهم واختيار المكونات المختلفة التي سيستخدمونها لتطويره. بالنسبة لهم، يعد القالب المبدئي البسيط هو الأفضل، لأنه يقدم الأساسيات فقط دون إثقال الموقع بإضافات غير ضرورية.

على الرغم من وجود مجال لكل من هذه الأساليب، سأتحدث عن القوالب البسيطة، ومتى تكون أكثر فائدة، وكيفية تحقيق أقصى استفادة منها.

ما الذي لا يجب أن يحتويه القالب المبدئي البسيط؟


في الواقع، من الأسهل تعريف القالب المبدئي البسيط من خلال ما يجب أن يتجنبه.

أعتقد أن أهم شيء في القالب البسيط هو تجنب تقييد العميل بمورّد واحد (vendor lock-in). عندما تنشئ موقعك باستخدام قالب شامل، فإنك تحصل على كل ما تحتاجه. ومع ذلك، قد يتضح أن الأمر يشبه توقيع عقد صارم. تحصل على كل ما تحتاجه من القالب ولكن لا مجال للتراجع. أبداً. إذا كنت تحب كل شيء في القالب، فهذا رائع. ولكن عندما تواجه مشاكل، عليك قبولها، لأنه من المستحيل تقريباً تبديل القالب.

سيقدم لك القالب المبدئي البسيط حقاً ما تحتاجه (من القالب)، ولكنه سيظل يتيح لك تبديل القالب، في حال احتجت إلى ذلك يوماً ما. بالطبع، سيتطلب تبديل القالب بعض العمل، لكنه لن يكون مثل بناء الموقع بأكمله من الصفر.

إن تبديل القالب على موقع مباشر ليس أبداً «للتسلية». لا أحد يبدل القوالب لمجرد الشعور بالملل. قد تحتاج إلى تبديل القالب إذا وصل إلى نهاية دورة حياته، أو ثبت أن به مشاكل لم تدركها عند اختياره. هذا نادر الحدوث، ولكن عندما تطور عشرات المواقع للعملاء، أنا متأكد من أنك واجهت هذا الموقف.

ما الذي يجب أن يتضمنه القالب المبدئي البسيط؟


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

جميع القوالب البسيطة التي نستخدمها اليوم تقدم:

  • خيارات تخطيط الصفحة (العرض، الهوامش الداخلية، تأطير المحتوى، وما إلى ذلك)
  • ترويسة وتذييل وأشرطة جانبية قابلة للتخصيص
  • قائمة (قوائم) قابلة للتخصيص
  • عناصر تحكم في الطباعة (الخطوط)

من حيث الوظائف، هذا هو الحد الأدنى حقاً. بالطبع، يجب أن يكون القالب سريعاً، ومكتوباً بكود آمن، ويتضمن البيانات الوصفية لـ SEO، ويكون متوافقاً مع الإضافات الشائعة.

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

قوالب مبدئية بسيطة يجب أن تعرفها


هناك الكثير من القوالب البسيطة الممتازة أكثر مما سأغطيه هنا. سأكتب عن القوالب التي أوصى بها العملاء لنا والتي استخدمناها بأنفسنا. بهذه الطريقة، يمكنني الكتابة من واقع خبرتنا في بناء المواقع وتجنب المبالغات التسويقية.
مصمم لأدوات بناء الصفحات نعم نعم نعم
تخطيط متجاوب نعم نعم نعم
التحكم في التخطيط جيد جيد جداً جيد
خيارات تخصيص الترويسة والتذييل جيد جيد جداً جيد
خيارات تكوين القائمة أساسي جيد جداً أساسي (المزيد من الخيارات قادمة في فبراير 2018)
المستوى العام للتخصيص (الخطوط، الألوان، ظهور العناصر، وما إلى ذلك) جيد ممتاز جيد
جاهز للتجارة الإلكترونية نعم نعم نعم
عروض توضيحية قابلة للاستيراد نعم نعم نعم
متوافق مع SEO نعم نعم نعم
جاهز للترجمة نعم نعم نعم
دعم RTL نعم نعم نعم
كود Microdata/schema.org مدمج نعم نعم نعم
Font Awesome نعم نعم نعم
محسن للسرعة نعم نعم نعم
قائمة ضخمة (Mega Menu) مدمجة / نعم قريباً

توسيع ميزات GeneratePress، وOceanWP، وAstra


كيف تصنع قالباً خفيفاً وفعالاً، ولكنه لا يزال يقدم وظائف غنية؟ الإجابة هي «الملحقات». تتيح لك الملحقات المخصصة تثبيت الميزات التي تحتاجها للمشاريع المختلفة.

دعنا نرى الملحقات المدفوعة التي يقدمها كل قالب وكيف تكون مفيدة في بناء مواقع كاملة.

ملحقات GeneratePress المدفوعة

ملحقات GeneratePress الميزات الرئيسية
ملحق الطباعة والألوان تحكم كامل في الخطوط لكل جزء من موقعك: النص الأساسي، الترويسة، التصفح، وغيرها. حدد وغيّر الألوان لجميع العناصر (تقريباً)
ملحق WooCommerce تحكم في عرض العناصر المختلفة: سلة التسوق في القائمة، مسار التنقل، الشريط الجانبي، صور المنتج، المنتجات ذات الصلة والمزيد. وضع خالٍ من المشتتات لصفحة إتمام الشراء. غيّر مظهر وأسلوب الأزرار، والنصوص، وعنوان المنتج، والعناصر الأخرى.
ملحق تعطيل العناصر وحقوق النشر يمكنك تحديد ما إذا كنت تريد عرض الترويسة، والتصفح الأساسي، وصورة المقالة، والعنوان والتذييل – لكل صفحة. يمكنك الاختيار من بين سبعة تخطيطات مختلفة للصفحة. خصّص إشعار حقوق النشر الخاص بالقالب.
ملحق الأقسام والخلفيات والمسافات قسّم الصفحة إلى عدة أقسام وعيّن محتوى وتصميماً مختلفاً لكل منها: ميزة، عناوين، تأثير التمرير (parallax)، صورة، محتوى بسيط. أضف خلفيات إلى أي جزء تقريباً من موقعك: الترويسة، النص الأساسي، التصفح، الشريط الجانبي، الودجات، وغيرها.
ملحقات Menus+، والتصفح الثانوي، وترويسة الصفحة خصّص قائمتك على الهاتف المحمول أو سطح المكتب. اعرض قائمة ثانوية بسهولة واختر مكان عرضها: عائمة، أسفل الترويسة والمزيد. صور ترويسة لكل صفحة.
ملحق المدونة اختر عناصر المدونة التي تريد عرضها: المحتوى الكامل أو مقتطف، التاريخ، المؤلف، التصنيف، وغيرها. خصّص تسمية «اقرأ المزيد».
خصّص صور المدونة. اعرض المقالات الأحدث بحجم أكبر من القديمة.
ملحق الخطاطيف (Hooks) أضف الكود الخاص بك إلى الموقع، دون تعديل أي من ملفات القالب. حدد قسم الموقع الذي يتم تحميل الكود فيه.

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

ملحقات OceanWP الأساسية

حتى الآن، يمكننا إحصاء إجمالي 15 ملحقاً أساسياً لـ OceanWP (7 مجانية و8 مدفوعة). ولكن إذا قرأت أحدث مقالة في مدونة Nicolas، يبدو أن المزيد في الطريق!

دعنا نرى أدناه كيفية تحقيق أقصى استفادة من الملحقات.

ملحق OceanWP الميزات الرئيسية
مشاركة المنتج والمشاركة الاجتماعية باستخدام هذا الملحق، يمكنك إضافة أزرار المشاركة الاجتماعية إلى صفحة المنتج الفردي أو مقالتك.
النافذة المنبثقة (Modal Window) إعداد سهل، يقلل من أوقات التحميل ويبسط التصميم العام. يمكنك استخدامه لنموذج، أو جذب العملاء المحتملين، أو التنبيهات وغيرها من الإشعارات المهمة.
شريط تمرير المقالات يمكنك إنشاء شريط تمرير لعرض أحدث مقالاتك، وسيؤدي هذا إلى إنشاء كود مختصر يمكنك استخدامه في أي مكان على موقعك.
شريط جانبي مخصص ما عليك سوى سحب الودجات وإفلاتها فيه. يمكنك تحديد الصفحة التي تريده فيها بالضبط.
استيراد العرض التوضيحي هناك عدد قليل من العروض التوضيحية الجاهزة للاستخدام المتاحة لكل مجال: السفر، المتجر، اليوجا، الهندسة المعمارية وما إلى ذلك.
Ocean Extra هذا يشبه مدير لوحة التحكم أو لوحة القالب. يمكنك اختيار تعطيل أو تمكين أي أقسام في أداة التخصيص لجعلها تُحمّل بشكل أسرع.
معرض الأعمال (Portfolio) هناك عدة طرق فعالة لك لتقديم عملك ويمكنك التصفية حسب المؤلف والتصنيفات وأي وسوم أخرى.
WooPopup تظهر النافذة المنبثقة عند النقر على «إضافة إلى سلة التسوق». لديك تحكم كامل في نصف القطر، بالإضافة إلى أنه يمكنك تغيير الروابط، والنصوص وتخصيص الرسائل.
ترويسة وتذييل ثابتان ثبّت التذييل في أسفل شاشتك وأضف أي نصوص، أو قوائم أو ألوان إليه.
ودجات Elementor عمل فريقا OceanWP وElementor معاً لإضافة بعض الودجات الجديدة إلى Elementor.
وسيلة شرح التذييل (Footer Callout) إنها طريقة قوية لإضافة معلومات مهمة حول شركتك أو أزرار قبل التذييل التقليدي مباشرة.
خطاطيف Ocean أضف الكود الخاص بك، والمحتوى والأكواد المختصرة في جميع أنحاء الموقع، ولن تحتاج حتى إلى قالب ابن.

ملحقات Astra المدفوعة

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

ملحقات Astra الميزات الرئيسية
ترويسة شفافة أنشئ ترويسات شفافة واجعل موقعك الإلكتروني مميزاً.
الطباعة احصل على مزيد من التحكم في الخطوط وقابلية القراءة لموقعك الإلكتروني باستخدام هذه الوحدة
ترويسة ثابتة اجعل ترويستك سهلة الوصول حتى عندما يمرر المستخدمون للأسفل.
ترويسات الصفحات صمم منطقة عنوان صفحة جذابة مع مسار التنقل، والحقول الوصفية وخيارات رائعة أخرى.
تذييلات متقدمة احصل على المزيد من مناطق ودجات التذييل وتصميمات إبداعية مع وحدة التذييل المتقدم.
العلامة البيضاء (White Label) حافظ على بساطة المعلومات في الواجهة الخلفية لـ WordPress تحت علامتك التجارية.

إعداد الموقع باستخدام قالب مبدئي


مع القوالب الثلاثة التي قدمتها أعلاه، تكون عملية الإعداد متشابهة جداً:
  1. ثبّت القالب
  2. اذهب إلى الواجهة الأمامية للموقع وانقر على تخصيص
  3. استخدم أداة التخصيص لإعداد مظهر الموقع

إضافة وظائف إلى الموقع باستخدام Toolset

عندما تبني تصميمك على قالب مبدئي بسيط، فهذا بالضبط ما تحصل عليه – مجرد الحد الأدنى من الوظائف لعرض المحتوى.

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

إليك بعض الأشياء التي يمكنك إضافتها باستخدام Toolset، دون كتابة أي كود:

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

التكامل مع Toolset والفوائد لبناء المواقع بأنواع مخصصة


تعد قوالب Astra، وGeneratePress، وOceanWP جميعها قوالب جاهزة للأنواع المخصصة. هذا يعني أنه يمكنك تخصيص خياراتها لكل قالب تصممه. يشمل ذلك قوالب أنواع المنشورات المخصصة وصفحات الأرشيف.

يوضح هذا الفيديو التكامل بين Toolset وقالب Astra:

على سبيل المثال، يمكنك أن تقرر عرض الشريط الجانبي في صفحاتك العادية، ولكن ليس لأنواعك المخصصة: الجولات أو أي أنواع أخرى تم إنشاؤها باستخدام Toolset.

التحكم في خيارات قالب Astra لكل تخطيط على حدة

استنتاجات


تَعِد القوالب البسيطة بالسماح ببناء مواقع خفيفة وعالية الأداء، ومصممة خصيصاً لتلبية احتياجات كل مشروع على حدة.

لقد غطينا ثلاثة قوالب تتناسب مع هذا الوصف بشكل جيد جداً. توفر جميعها نقطة انطلاق رائعة وتقدم ملحقات تجعل التخصيص سهلاً. يحتوي كل من هذه القوالب على نسخة مجانية رائعة على WordPress.org ويقدم ملحقات مدفوعة.


عندما تحتاج إلى بناء وظائف مخصصة أكثر تقدماً، يمكنك القيام بذلك باستخدام كود PHP الخاص بك أو باستخدام إضافات Toolset وبدون برمجة.

نأمل أن تجد هذا الدرس التعليمي مفيداً. أخبرنا عن تجربتك من خلال ترك تعليقاتك.

هل وجدت هذا مفيداً؟ شارك هذه المقالة: