الشبكة الأساسية: نظرة عامة مفصلة ومراجعة

يعد ThemePunch بعض الإضافات الأكثر شيوعًا في WordPress. تُعد Essential Grid واحدة من أعلى الشركات ربحًا في مكتبتها ، جنبًا إلى جنب مع Slider Revolution . بمرور الوقت ، أصبحت Essential Grid واحدة من أكثر المكونات الإضافية رواجًا وأكثرها نجاحًا في CodeCanyon. لذلك أردنا إبراز المكون الإضافي والسماح لك للناس بتحديد ما إذا كان من الممكن أن يؤدي إلى تحسين مواقعك.

الشبكة الأساسية

ملحقات الشبكة ليست غير شائعة. في الواقع ، يحتوي برنامج Divi builder الخاص بنا على وحدة Portfolio تخدم هذا الغرض. لكن الشبكة الأساسية تتجاوز ما فعلته معظم المكونات الإضافية للشبكة الأخرى ، ولهذا السبب حتى بعد تضمين العديد من السمات قوالب الشبكة المخصصة الخاصة بهم ، لا يزال الأشخاص يشترون تراخيص EG كل يوم.

سيخبرك استخدام دعاية المبيعات الأصلية ببساطة بما يمكنك فعله مع EG:

يعد Essential Grid Gallery مكونًا إضافيًا متميزًا لبرنامج WordPress يتيح لك عرض تنسيقات محتوى متنوعة في شبكة معرض قابلة للتخصيص بدرجة كبيرة. تتراوح التطبيقات الممكنة من المحافظ ، والمدونات ، والمعارض ، ومحلات WooCommerce ، وجداول الأسعار ، والخدمات ، وشرائح المنتجات ، و Instagram ، و YouTube ، والشهادات وأي شيء آخر يمكنك تخيله.

ولكن ما لا يخبرك به دعاية مغالى فيها هو فقط ما يتكون منه كل هذا التخصيص. هذا هو عملنا ، ونحن عازمون على القيام به. لذلك دعونا نتعمق ونرى ما يدور حوله كل هذا العناء.

ابدء

بادئ ذي بدء ، تذكر أن هذا مكون إضافي ممتاز. ستحتاج إلى التوجه إلى CodeCanyon وتعطيل التنزيل مقابل 27 دولارًا أمريكيًا. ثم انتقل من خلال عملية التثبيت اليدوي ( الإضافات - إضافة جديدة - تحميل ). في هذه المرحلة ، سيكون لديك 3 عناصر جديدة في لوحة تحكم مسؤول WordPress الخاصة بك: Ess. الشبكة، لكمة الخطوط، وإيس. مشاركات مثال الشبكة . بادئ ذي بدء ، دعنا نلقي نظرة على Ess البسيط . الشبكة .

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

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

محرر مظهر العنصر

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

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

داخل لوحة الخيارات هذه ، يمكن تحرير كل عنصر على حدة. من التباعد بين العناصر ، والرموز التي تظهر ، ونمط الرسوم المتحركة ومدتها ، والروابط ، والظلال ، وأنواع الوسائط وملاءمتها ، كل شيء.

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

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

بيانات التعريف وإعدادات البحث

من المحتمل أن يكون محرر الجلد هو الجزء الفردي الأكثر قوة في Essential Grid ، لكن EG لا تتهرب من هذه الخيارات في أي مكان آخر. يمكنك إنشاء مربعات تعريف مخصصة ضمن Meta Data Handling والتي تمنحك خيار وضع مربعات للوظائف المخصصة التي قد تحتاجها من المكون الإضافي.

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

الاعدادات العامة

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

استيراد و تصدير

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

ستظهر الشبكات التي تم استيرادها في أسفل القائمة عندما تعود إلى Ess. الشبكة . مكتبتك الجديدة من الشبكات ستقابلك هناك.

إس. مشاركات مثال الشبكة

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

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

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

باستخدام الشبكة الأساسية المحفوظة

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

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

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

وفويلا!

استخدام شبكة أساسية فريدة من نوعها

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

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

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

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

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

القطعة الشبكة الأساسية

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

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

لكمة الخطوط

وأخيرًا ، هناك آخر جزء من التخصيص تحصل عليه مع Essential Grid. Punch Fonts هي واجهة بسيطة لاستخدام Google Fonts في مصر. هذا كل شيء.

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

وعندما تقول إن tp- لقب للاستخدام الداخلي فقط ، فهذا يعني أنه في الأساس هو نفس الاسم المستعار سابقًا. سترى ذلك عند تطبيق الخطوط على الأشياء. لذا قم بتسميتها بشكل مناسب.

افكار اخيرة

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

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

ومع ذلك ، إذا لزم الأمر وتم إجراؤه بشكل صحيح ، فإن المكون الإضافي يضيء حقًا. هناك سبب لكون Essential Grid هي البائع رقم 1 في فئتها. وإذا قمت بفحص التقييمات وخيوط الدعم ، فإن ThemePunch سريع الرد والمساعدة.

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

هل تستخدم الشبكة الأساسية؟ دعونا نرى بعض إبداعاتك في التعليقات!

صورة مميزة للمقال بواسطة Bloomicon / shutterstock.com