استخدام قوالب SKT لإضافة سمات مجانية

استخدام قوالب SKT لإضافة سمات مجانية

إن اختيار المظهر المناسب ليست عملية سهلة إذ هناك الآلاف من السمات للاختيار من بينها في دليل السمات ، و لكن قد لايعجبك أياً منها .

على الأقل ، في هذا المكان يمكن أن يساعدك فيه المكون الإضافي قوالب SKT Templates . فهو يمنحك الوصول إلى مئات القوالب المتوافقة مع منشئ صفحة Elementor و Gutenberg .

باستخدامهم ، يمكنك الحصول على تخصيص أكبر لأنواع الصفحات التي تقوم بإنشائها و لا يتطلب الأمر سوى إضافتها .

في مقالي هذا ، سأشرح كيفية استخدام قوالب SKT لإضافة قوالب صفحات جديدة في ووردبريس .

مقارنة ما بين السيم و القالب في ووردبريس

المشكلة الأساسية هنا هو أن يستخدم المصطلحين السيم و القالب يالتناوب . ومع ذلك ، فهما مختلفان .

فالسيم هو عبارة عن مجموعة من القوالب و الأنماط التي تؤثر على مظهر موقع الويب بالكامل .

في حين أن القالب لا يؤثر إلا على التخطيط على صفحة واحدة أو منشور .

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

فالقوالب المخصصة هي السبب الرئيسي وراء اختلاف المظهر بشكل جذري بين موقعين على الويب .

كيف أضيف قوالب مخصصة مع قوالب SKT

أولاً : تثبيت قوالب SKT

توفر قوالب SKT للمستخدمين مئات القوالب إلى المحرر Elementor  أو محرر Gutenberg . إذ تحتوي هذه القوالب على الكثير من التخصيصات لتقديمها . كما يقدم كل واحد منها عرض تجريبي و يمكن تثبيته بخطوات بسيطة .

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

بينما سيعمل هذا مع أي سمة ، هناك أيضا خيار ممتاز لمزيد من الميزات . لذا نوصي بشدة استخدام أحد سمات SKT المجانية .

ملاحظة هامة :

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

فإذا اخترت استخدام قوالب Elementor ، فستحتاج إلى المكون الإضافي Elementor Website Builder . فيما إذا اخترت استخدام نموذج Gutenberg ، فستحتاج إلى المكوّن الإضافي SKT Blocks .

لنبدأ بالنقر على المكونات الإضافية و تحديد خيار إضافة جديد في لوحة الإدارة اليمنى .

1

 

ابحث عن قوالب SKT في مربع البحث المتاح. سيؤدي هذا إلى سحب الإضافات الإضافية التي قد تجدها مفيدة.

SKT1

 

قم بالتمرير لأسفل حتى تجد المكوّن الإضافي SKT Templates وانقر فوق الزر “التثبيت الآن” وقم بتنشيط المكون الإضافي للاستخدام.

Install

استخدم هذا الوقت أيضًا لتثبيت المكون الإضافي Elementor أو المكون الإضافي SKT Blocks.

ثانياً : إضافة قالب Gutenberg

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

في لوحة الإدارة اليمنى ، انقر فوق قوالب SKT و حدد خيار Gutenberg Templates .

SKT

 

يوفر Gutenberg عشرة قوالب في الحقيقة ، غالبيتها مخصصة لـ Elementor ، و التي ستراها في القسم التالي . انقر فوق أي من القوالب المتوفرة .

STemplate

 

سيؤدي هذا إلى فتح عرض توضيحي لما يبدو عليه النموذج . إذا أعجبك شكله ، انقر فوق الزر “تثبيت واستيراد” . إذا لم يكن كذلك ، فحدد نموذجًا آخر للنقر عليه .

ملاحظة : إذا لم يكن لديك المكون الإضافي SKT Blocks مثبت فسيتم تثبيته بشكل تلقائي عند الضغط على الزر الموضح بالشكل .

Install SKT

ستتم إضافة النموذج إلى قسم الصفحات .

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

ملاحظة : ستتم تسمية الصفحة بنفس عنوان القالب بشكل افتراضي و لك مطلق الحرية في تخصيصه من خلال محرر Gutenberg .

skt

ثالثاً : إضافة قالب Elementor

كما أن النصف الآخر من هذا البرنامج المساعد هو قوالب Elementor . هذا هو المحرك الأساسي للأداة .
يوجد أكثر من مائة قالب Elementor للاختيار من بينها ، أكثر بكثير من قسم Gutenberg .
و مع ذلك ، فإنه يعمل بشكل مماثل لقسم Gutenberg ، ناهيك عن مسألة التحرير .
من جهة أخرى في لوحة المدير ، يمكنك النقر فوق قوالب SKT و حدد خيار قوالب العناصر .
SKT elementor
هنا توجد القائمة الكاملة للقوالب المتاحة . تمعنهم جميعاً و انقر على ما يناسبك لاستعراض العرض التوضيحي .
إذا كنت ترغب في ذلك ، انقر فوق الزر ” تثبيت و استيراد ” .
ملاحظة : إذا لم تقم بتثبيت Elementor ، فسيقوم المكون الإضافي بذلك تلقائياً .
عند القيام بذلك ، سيتم نقلك إلى محرر Elementor . يقوم المكون الإضافي بنشره تلقائيا مع بقاء جميع المعلومات الافتراضية فيه . قد ترغب في التفكير في تحويله إلى مسودة .
هنا يمكنك تخصيص القالب حسب رغبتك و حتى إضافة عناصر واجهة مستخدم Elementor جديدة . ثم ابدأ في تعديل القالبك الخاص .
Edit-E
الآن يمكن تهنئتك على تعلمك إضافة قوالب في الووردبريس باستخدام قوالب SKT .
– هل يعمل هذا المكون الإضافي فغي جميع السيمات ؟
نعم إن جميع السمات الحديثة متوافقة مع قوالب SKT . ومع ذلك ، قد يكون هناك خلل عرضي في الطريقة التي يتم بها ترميز السمة و التي يمكن أن تتداخل مع المكون الإضافي ، و لكن هذا نادر جدًا.
لتجنب ذلك تماماً ، نوصي باستخدام سمة SKT . فقد تم إنشاء هذا المكون الإضافي مع وضع هذه السمات في الاعتبار و لا توجد به مشكلات في التوافق فيما بينها .
– ماذا يحدث إذا قمت بإلغاء تفعيل المكون الإضافي ؟

بكل بساطة ، لا شيء .

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

ومع ذلك ، هناك بعض التحذيرات بالنسبة إلى قوالب Gutenberg ، إذا اخترت أيضا إزالة تثبيت المكوّن الإضافي SKT Blocks ، فهذه ليست مشكلة .

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

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

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

  • قم بتخصيص مظهرك بشكل دائم

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