المكون الإضافي لباني الصفحة Elementor: Ease Design موقع الويب من مكان واحد
نشرت: 2022-04-14على الرغم من الوضع غير المستقر في العالم بسبب COVID ، فإن عالم مكونات WordPress الإضافية لم يتوقف - بدلاً من ذلك ، يستمر في إسعادنا بالتحديثات والميزات الجديدة.
في الآونة الأخيرة ، تم إصدار تحديث مكون إضافي جديد لمنشئ الصفحة Elementor 2.9.
يعتبر الإصدار Pro 2.9 مميزًا لأنه يتيح لك:
- تحرير جميع أجزاء موقعك من مكان واحد
- إنشاء مواقع ديناميكية بصريًا
- استخدم Live Custom CSS
في هذه المدونة ، يخبرك WishDesk بالمزيد حول ما يميز المكون الإضافي Elementor page Builder وما هي الفرص التي يوفرها لك هذا المكون الإضافي. لا تنس أن وكالة دعم WishDesk WordPress تحاول إسعادك ، ولهذا السبب نقوم بتطوير تكلفة منخفضة من أجلك. هذا يعني أننا سنكون أسرع وأكثر إنتاجية.
يمنحك Elementor Page Builder إمكانية تحرير موقعك من مكان واحد
يعد هذا مكونًا إضافيًا رائعًا لأنه يتيح لك إنشاء موقع كامل دون استخدام الترميز.
يعد المكون الإضافي Elementor Pro 2.9 شيئًا جديدًا في تطوير مواقع WordPress.
لإنشاء موقع كامل ، ما عليك سوى التبديل بين أجزاء موقعك التي تقوم بتحريرها ، باستخدام زر بسيط ومريح - هذا كل شيء.
كيف يعمل المكون الإضافي Elementor 2.9 لتحرير المحتوى على الصفحة
- لتعديل العنوان ، ما عليك سوى النقر فوقه ، ويمكنك تغييره بالفعل.
- لتغيير محتوى صفحتك ، يجب النقر فوق المحتوى ثم يمكنك تعديله.
- وإذا كنت تريد إجراء تغييرات على تذييل الصفحة ، فما عليك سوى النقر فوقه وهذا كل شيء - يمكنك بالفعل تعديله.
يسمح لك هذا المكون الإضافي بتحرير أجزاء مختلفة من صفحة الويب بسهولة وسرعة دون الانتقال إلى لوحة الإدارة. هذا ما يجعله أفضل مكون إضافي للتحرير.
يتم تمييز المنطقة التي تعمل بها حتى لا تشعر بالارتباك بشأن مكانك وما تقوم بتحريره.
تعمل الألوان الديناميكية على إنشاء لوحة مخصصة ديناميكية لكل منشور أو صفحة
يساعد هذا المكون الإضافي في تسهيل إعداد موقعك.
يعرف أي شخص شارك بالفعل في تحرير محتويات الموقع مدى صعوبة وإزعاج إنشاء موقع للتجارة الإلكترونية - خاصة إذا كنت ترغب في تخصيص ألوان مختلفة لصفحات مختلفة من موقعك.
حتى وقت قريب ، لم يكن من الممكن تعيين ألوان مختلفة بدون التثبيت اليدوي في المحرر. مع وظيفة اللون الديناميكي ، أصبح هذا ممكنًا. يمكنك الآن إضافة ألوان إلى قائمة العناصر الديناميكية للمكوِّن الإضافي.
كيفية إعداد الألوان في المكون الإضافي Elementor 2.9
- بادئ ذي بدء ، يجب عليك إنشاء حقل اختيار لون خاص باستخدام الحقول المخصصة المتقدمة.
- الخطوة الثانية هي إنشاء منشورات واختيار ألوان مختلفة لكل منها باستخدام الحقول التي أنشأتها في الخطوة الأولى. بالمناسبة ، لا تنسَ اختيار ألوان متناغمة تتحد مع بعضها البعض.
- بعد ذلك ، تحتاج إلى إنشاء قالب واحد لجميع المنشورات.
- والخطوة الأخيرة هي استخدام علامات الألوان لتتمكن من ربط مناطق القالب بمنتقي الألوان.
هناك العديد من الخيارات لكيفية تطبيق هذه الميزة.
على سبيل المثال ، هل ترغب في صفحة يتم فيها إنشاء كل من المحتوى و CTA بنفس اللون؟ نحن نشك في ذلك.
يمكنك تطبيق هذا النموذج على العديد من الصفحات المقصودة التي ستتلقى تلقائيًا لوحة ألوان مختلفة. بالمناسبة ، قمنا بتجميع مجموعة مختارة من أفضل السمات للصفحات المقصودة.
إذا كنت بحاجة إلى تصميم بطاقات عمل ، فيجب عليك أيضًا استخدام القالب. يساعدك على تعيين ألوان مختلفة لبطاقات العمل الخاصة بك.
أضف CSS مخصصًا إلى WordPress باستخدام Elementor
باستخدام المكون الإضافي ، يمكنك تكوين قواعد CSS مخصصة من مكان واحد ، وسيتم تطبيقها على الموقع بأكمله. أليس هذا مثاليًا؟
يسمح لك Elementor Pro v2.9 بتخصيص قواعد CSS التي لا يمكن القيام بها باستخدام قواعد Theme Style. على سبيل المثال ، يمكن أن تحوم فوق العناوين أو الروابط النشطة.
لتكوينها للموقع بأكمله ، يجب عليك التبديل من Theme Style إلى Custom CSS.
كانت هذه الوظيفة واحدة من أكثر الوظائف الضرورية لمستخدمينا الذين يبحثون عن CSS مخصص عالميًا ، والآن أصبحت حقيقية ويتم وضعها في المكون الإضافي Elementor.
كل ما عليك فعله هو النقر على قائمة Theme Style واختيار Custom CSS!
تحسين SEO في البرنامج المساعد Elementor
هل يمكنك أن تتخيل مدى عالمية المكون الإضافي Elementor؟ بالإضافة إلى الوظائف التي تم وصفها بالفعل ، يمكن استخدامها لتحسين مُحسنات محركات البحث على الصفحة.
قال SearchEngineLand أنه من أجل تسهيل التعرف على محركات البحث ، يمكنك استخدام حاويات ذات أسماء خاصة.
حتى الآن ، لديك قيود على إنشاء علامات HTML ، مثل header و footer و main وغيرها. كانت الصعوبة الرئيسية هي إنشاء علامة HTML واحدة لجميع المناطق لأن المزيد منها مقسم إلى أقسام أخرى.
لكن الآن هذه لم تعد مشكلة. يمكنك تخصيص علامات HTML لجزء النسق. تحتاج إلى كتابة رأسك كعلامة <header> ، والمحتوى الرئيسي الخاص بك كعلامة <main> ، وتذييل كعلامة <footer>. يمكنك تكوين العلامات الأخرى الموجودة في الإعدادات.
ستساعد كتابة علامات HTML لعنصر فردي في زيادة ناتج صفحتك ورفع مستوى تحسين محركات البحث.
من أجل تحسين نتيجة تحسين محركات البحث ، تحتاج إلى إضافة مكونات إضافية لتحسين محركات البحث. بالمناسبة ، لقد أنشأنا بالفعل قائمة بأفضل المكونات الإضافية لـ WordPress SEO.
أهم فوائد المكون الإضافي Elementor
صفحات مستجيبة للجوال
يتيح لك هذا المكون الإضافي إنشاء صفحات سريعة الاستجابة لجميع الأجهزة المحمولة. بغض النظر عما تقوم بتحريره على الصفحة ، سيظل موقعك متوافقًا مع الجوّال
صديقة للسيو
ميزة لا تقل أهمية هي أنها صديقة للسيو. يمكنك الترويج لمواقعك بسهولة أكبر من خلال نظام تحسين محركات البحث (SEO) المتكامل.
سرعة عالية
تتمثل إحدى المزايا الرئيسية لهذا البرنامج المساعد في سرعة تنفيذ المهام - فهي تطير بسرعة. يوفر أداة إنشاء صفحات السحب والإفلات والتحرير المباشر وتحميل الصفحات في بضع ثوانٍ فقط. لا أحد ، ليس منشئ الصفحات المدفوعة أو المجاني ، يعمل بهذه السرعة.
تحرير الحياة
فرصة ملائمة للغاية لـ Elementor هي القدرة على العمل مع الخلفية وفي نفس الوقت معرفة كيف تبدو في الإصدار النهائي. أي ، يتم عرض عملية التحرير بأكملها على الفور على الصفحة ، ولست بحاجة إلى تحديث الصفحة بعد كل تغيير. يمكن أن يعمل المكون الإضافي بشكل جيد مع أو بدون Gutenberg.
تكامل البريد الإلكتروني
هل تعلم أن Elementor PRO يحتوي بالفعل على خدمات بريد إلكتروني مدمجة في MailChimp و MailPoet؟ إذا لم يكن الأمر كذلك ، فأنت تعلم الآن الميزة الرئيسية هي أنك لست بحاجة إلى تثبيت مكون إضافي منفصل لهذا لأن كل شيء مؤتمت في هذا المكون الإضافي. يتيح لك Elementor إدارة الرسائل وأتمتتها وإدارة الإخطارات والتأكيدات وإدارة إشعارات النشر والردود التلقائية على الفور باستخدام WordPress.
إلغاء أو كرر التغييرات
عند إجراء أي تغييرات على موقعك ، يمكنك إلغاء أو تكرار أي إجراء باستخدام مجموعة المفاتيح Ctrl / Cmd + Z. ومن الممكن أيضًا عرض محفوظات التغييرات بالكامل.
تعدد اللغات
لن تكون اللغة عائقا بعد الآن. Elementor مترجم إلى أكثر من 30 لغة! أليس هذا مثاليًا؟
وضع الصيانة وقريبًا
إذا كنت بحاجة إلى إرسال موقعك للصيانة ، فما عليك سوى تحديد وضع الصيانة المدمج أو الميزة التي ستأتي قريبًا. تخبر هذه الوظيفة المستخدمين لديك أن الصفحة ستعود قريبًا.
مميزات خاصة
البرنامج المساعد مثير للاهتمام ليس فقط بسبب سرعته ولكن أيضًا بسبب ميزاته الفريدة. يمنحك الفرصة لتصبح مصممًا حقيقيًا لموقعك. باستخدام البرنامج المساعد ، يمكنك القيام بما يلي:
- الظلال للصناديق
- تراكبات الخلفية
- تأثيرات مختلفة للعنوان
- تأثيرات تحوم
- الرسوم المتحركة
- خلفيات متدرجة
- و اكثر.
Elementor Free vs Pro: أيهما تحتاج؟
يتوفر هذا المكون الإضافي في نسختين: مدفوعة (تبدأ من 49 دولارًا) ومجانية.
الإصدار المجاني عبارة عن مجموعة قياسية من جميع الوظائف الأساسية.
النسخة المدفوعة هي إضافة إلى النسخة المجانية المذكورة أعلاه.
لذلك ، يمكنك البدء في العمل بأمان مع الإصدار المجاني ، ثم شراء نسخة مدفوعة ، إذا كنت بحاجة إلى ذلك. في هذه الحالة ، لن تحتاج إلى تنزيل مكون إضافي جديد ، فقط هذا البرنامج المجاني سيتم تحديثه إلى الإصدار المحترف. بالمناسبة ، ستتحول جميع المشاريع السابقة تلقائيًا إلى الإصدار المحترف.
افكار اخيرة
نأمل أن نتمكن من إظهار أن المكون الإضافي Elementor هو مكون إضافي فريد وسريع للغاية ومريح للغاية يستحق استخدامه على موقع الويب الخاص بك.
لا تتردد في سؤال WishDesk عن كل ما يثير اهتمامك. إذا أدركت فجأة أنه لا يمكنك التعامل بمفردك ، فاتصل بفريق تطوير موقع الويب الخاص بنا. وخاصة الآن ، عندما تحولنا إلى خدمات منخفضة التكلفة ، سيكون ذلك مناسبًا لك للغاية.