اليوم، سنوضح لك كيفية استخدام Elementor لبناء صفحات وكتل موقع الويب الخاص بك.
لقد أصبح منشئو الصفحات جزءًا لا يتجزأ من تطوير الويب لأولئك الذين لديهم خبرة قليلة أو معدومة في تصميم مواقع الويب.
أحد أشهر منشئي الصفحات هو Elementor والذي يتوفر مجانًا مع المزيد من الميزات في الوضع المتميز.
كيفية استخدام Elementor - الدليل الكامل
في هذه التدوينة سنقدم سبب اعتقادنا بأن Elementor هو منشئ الصفحات المثالي للبدء به على موقع WordPress الخاص بك:
التعرف على Elementor
إن اللقاء الأول الذي يجريه المستخدم مع موقع الويب الخاص بك يترك انطباعًا دائمًا.
سواء اخترت اتباع نمط رجعي أو بسيط أو جمعت مواردك لإنشاء رؤية حول الشكل الذي ستبدو عليه صفحات الويب في المستقبل، ففي كلتا الحالتين فإن منشئ صفحات WordPress مثل Elementor هو ما يتيح لك تخصيص موقع الويب الخاص بك دون أي برمجة.
من الضروري أن تقوم أولاً بتثبيت قالب متوافق مع Elementor.
نقترح عليك إلقاء نظرة على الموضوعات الموصى بها التي تتمتع بأعلى قدر من التوافق مع Elementor وتقدم خيارات تسمح لك بتخصيصها حتى إذا كنت تستخدم الإصدار المجاني من Elementor.
في السابق، كان عليك تصميم موقع الويب الخاص بك باستخدام خيارات البناء المتاحة التي يوفرها لك موضوعك.
كانت بعض السمات تفتقر إلى ميزات تخصيص معينة، والبعض الآخر كان خرقاء وصعب للغاية تخصيصه لكل صفحة.
يتيح لك منشئ الصفحات Elementor إجراء تغييرات على موقع الويب الخاص بك في الوقت الفعلي دون الحاجة إلى التبديل بين الواجهة الأمامية والخلفية للتحقق من كيفية تنفيذ التغييرات الجديدة.
يمكنك تثبيت Elementor إما عن طريق زيارة موقعهم موقع الويب الخاص بها وبعد ذلك قم بتحميل ملف zip الذي تم تنزيله على WordPress الخاص بك أو انتقل إلى مستودع مكونات WordPress الإضافية وابحث عن "Elementor" وانقر فوق "تثبيت".
تأكد من تنشيط البرنامج الإضافي وستكون جاهزًا لاستكشاف جميع الخيارات التي يقدمها Elementor.
الميزات التي يقدمها Elementor
لحسن الحظ، Elementor هو محرر واجهة أمامية، مما يعني أنه يمكنك رؤية التغييرات التي يتم تطبيقها في الوقت الحالي وإجراء التعديلات اللازمة.
هناك فائدة غير مباشرة أخرى وهي أنه نظرًا لشعبيتها، فلا يوجد نقص في الموارد المتاحة على موقع YouTube أو موقع الويب المرتبط بـ WordPress لمساعدتك على البدء مثل هذا الدليل.
التخصيص على Elementor يتمحور حول عناصر واجهة المستخدم، وبمجرد أن تعتاد على سحب عناصر واجهة المستخدم وإفلاتها على الصفحة، ستكتشف لماذا يعد هذا أفضل بكثير من التعامل مع منشئ السمات الافتراضي لديك.
تتكون كل صفحة على WordPress من أقسام وهذا هو أساس بناء الصفحات باستخدام Elementor.
توجد قائمة همبرغر على الجانب الأيسر من شاشتك تمكنك من إجراء تغييرات على موقع الويب بأكمله بينما تنعكس التغييرات على الجانب الأيمن.
تتيح ميزة السحب والإفلات تجربة إنشاء صفحات ويب أسرع تشبه أداة التصميم.
السبب الوحيد الذي قد يجعلك بحاجة إلى قالب هو أن موقع الويب الخاص بك لا يمكنه العمل بدون قالب ولن يكون لدى Elementor أي شيء لتحريره بدون قالب.
بالإضافة إلى ذلك، لا تزال بحاجة إلى السمة لتحرير رأس الصفحة وتذييلها إذا كنت تخطط للاستمرار في استخدام الإصدار المجاني من Elementor.
Elementor المجاني مقابل Elementor Pro
الفرق الأساسي بينهما هو في عدد الأدوات المقدمة في الإصدار Pro.
لذا تأكد من التحقق مما إذا كنت بحاجة إليها في التصميم الخاص بك.
كما أن القدرة على تحرير التذييل والرأس في Elementor مفيدة أيضًا، على الرغم من أنه إذا كان موضوعك يأتي بالفعل مع منشئ مخصص للرأس والتذييل، فقد لا يكون هذا مفيدًا.
فيما يتعلق بالأدوات، هذه هي الأدوات الأساسية المتوفرة في الإصدار المجاني:
- عنوان
- صورة
- محرر النص
- فيديو
- أزرار
- مقسم
- التفاصيل
- فاصل
- خرائط جوجل
هذه بعض الأدوات المتوفرة في الإصدار الاحترافي:
- ملف الصور
- شكل
- صندوق الوجه
- جدول الأسعار
- اقتباس فقرة
- دعوة إلى العمل
تم توفير جميع المعلومات المفيدة لاتخاذ القرار النهائي المستنير بشأن الترقية إلى Elementor Pro أم لا أدناه.
لكن بشكل عام، نوصيك بتجربة الإصدار المجاني حتى تتأكد من أن Elementor هو أفضل منشئ صفحات WordPress بالنسبة لك.
| Deep الباقة المجانية | Deep برو | |
|---|---|---|
| السعر | الباقة المجانية | $ 39 / ص |
| عدد الأدوات الخاصة | 45+ | 60+ |
| مستورد تجريبي بنقرة واحدة | ||
| عروض تجريبية مجانية (28) | ||
| العروض التجريبية المميزة (96) | ||
| عروض توضيحية لبرنامج WPBakery (73) | ||
| موضوع خيارات | Standard | متقدم |
| الحاجيات عنصر | Standard | متقدم |
| خيارات تصميم Elementor | Standard | متقدم |
| منشئ الرأس المرئي | Standard | متقدم |
| منشئ التذييل المرئي | ||
| العلامة البيضاء العلامة التجارية | Standard | متقدم |
| القائمة المتقدمة ميجا | ||
| مميزات المتجر | Standard | متقدم |
| ميزات المحفظة | ||
| المكونات الإضافية المميزة المجمعة | ||
| مكتبة قوالب الأقسام | ||
| دعم مميز | ||
| تنزيل الآن | اشتري الآن |
في النهاية، فإن الاطمئنان إلى حصولك على المساعدة من فريق دعم Elementor في الإصدار الاحترافي هو ما يجعلنا نؤمن إيمانًا راسخًا بالإصدار الاحترافي.
إنه يأتي مع بعض الميزات المتخصصة التي ستتمكن من القيام بها باستخدام المكونات الإضافية الأخرى، ولكن لماذا لا تفعل كل شيء في متجر واحد.
على سبيل المثال، منشئ النوافذ المنبثقة، والخيارات الديناميكية، والشروط الخاصة بمكان ظهور الرأس أو النوافذ المنبثقة، وCSS المخصص، وأكواد الاختصار للقالب والأدوات، والخطوط المخصصة، ومدير الأدوار.
إن القدرة على تعيين الأدوار وتقييدها للمستخدمين على WordPress الخاص بك تسمح لهم بمواصلة عملهم دون المساس بتصميمك.
يحصل العميل فقط على حق الوصول إلى تحرير محتوى الصفحة ولا يستطيع السحب والإفلات لإضافة أو حذف أي عناصر؛ بهذه الطريقة يكون تصميمك محميًا دائمًا.
بيئة التحرير
متى تصميم صفحتك الأولى باستخدام Elementorقد تشعر في البداية بالإرهاق بسبب عدد الأدوات وعدم وجود تصميم مبدئي لوضعه على اللوحة القماشية الفارغة؛ وهنا يأتي دور قوالب صفحات Elementor لأولئك الذين يشعرون بإلهام أقل في تلك اللحظة.
كل ما عليك فعله هو تحديد قالب جاهز من القائمة الواسعة وإدراجه على صفحتك وتخصيصه ليناسب احتياجاتك.
الجانب الأيمن هو ساحة اللعب الخاصة بالتصميم حيث يمكنك إضافة عناصر تشكل تخطيط صفحتك.
الجانب الأيسر عبارة عن لوحة إبداعية مليئة بالأدوات التي يمكن سحبها وإفلاتها على الصفحة.
يمكنك إما إضافة أقسام وسحب عناصر واجهة المستخدم لتناسب تصميمك أو اختيار قوالب مصممة مسبقًا.
في اللوحة السفلية التي تحتوي على رمز السهم الدائري، يمكنك الرجوع إلى سجلك، حيث يتم تقسيم السجل إلى إجراءات ومراجعات؛ في الإجراءات، يمكنك تتبع خطواتك والعودة إلى تحرير سابق، وتحت المراجعة، يمكنك العثور على جميع الإصدارات المحفوظة لديك.
تتمثل إحدى فوائد استخدام Elementor في الوصول السريع إلى أوضاع العرض المختلفة حتى تتمكن من التحقق فورًا من شكل تصميمك الحالي على شاشات مختلفة مثل الجهاز اللوحي والهاتف المحمول.
إذا كنت ترغب في تصميم صفحة رئيسية، فستساعدك الكتل الموجودة في Elementor في إنشاء صفحتك الخاصة من الصفر.
تتيح لك خيارات علامة التبويب "التصميم" (اللون ونوع الخط والحجم) تخصيص المحتوى في الكتل لتناسب احتياجاتك.
كما يوجد خيار مفيد للغاية يتمثل في نسخ نمط قسم موجود ولصقه لتغيير جميع الكتل بنفس الطريقة.
المواقع الإلكترونية البسيطة التي تحتوي على صفحات ثابتة مثل صفحات المحفظة تكون في الغالب ثابتة، ولكن معظم المواقع الإلكترونية تحتوي على صفحات متعددة (مدونة، متجر إلكتروني، نتائج بحث).
يمكن تحرير هذه الصفحات الديناميكية إما باستخدام Elementor Pro أو خيارات السمة على سبيل المثال، تصميم الرأس والتذييل الخاصين بك.
يأتي الإصدار الاحترافي أيضًا مع المزيد من الكتل والقوالب والأدوات المساعدة.
في الواجهة الخلفية، يمكنك أيضًا الوصول إلى قائمة الأدوات الخاصة بهم والتي توفر خيارات مثل استبدال عنوان URL ووضع الصيانة والتحكم في الإصدار للعودة إلى إصدار سابق إذا واجه موقع الويب الخاص بك مشكلة مع أحدث إصدار من Elementor.
باختصار، كلا الإصدارين يسمحان لك بإنشاء صفحة واستخدام أدوات التحرير وإدراج قوالب جاهزة.
تسعير Elementor Pro
بناءً على الجدول أعلاه، إذا كنت مقتنعًا بأن Elementor Pro هو الخيار الصحيح لك، فإن فريق Elementor لديه 3 خطط مختلفة يمكنك البدء بها بناءً على عدد التراخيص التي تحتاجها.
خاتمة
بشكل عام، فإن الجمع بين Elementor (مجاني أو احترافي) مع موضوع قوي يغطي نقاط ضعفه، هو الطريقة الصحيحة في معظم الحالات.
لذا تأكد من مراجعة قائمتنا بالموضوعات المقترحة لاستخدامها جنبًا إلى جنب مع منشئ الصفحات الجديد الخاص بك.
