هل لديك مشاكل في البدء مع العنصر المساعد ؟ هنا هو الدليل الكامل حول كيفية استخدام Elementor
اليوم سوف نوضح لك كيفية استخدام Elementor لإنشاء الصفحات والكتل لموقع الويب الخاص بك.
أصبح منشئو الصفحات جزءًا لا يتجزأ من تطوير الويب لمن لديهم خبرة قليلة أو معدومة في تصميم الويب.
يعد Elementor أحد أكثر منشئي الصفحات شيوعًا وهو متاح مجانًا وبه المزيد من الميزات في الوضع المتميز.
كيفية استخدام Elementor
في هذه المقالة ، سنشرح سبب اعتقادنا أن Elementor هو منشئ الصفحات المثالي للبدء به:
التعرف على Elementor
يترك لقاء المستخدم الأولي بموقعك على الويب انطباعًا دائمًا. سواء أكنت تستخدم أسلوبًا قديمًا أو بسيطًا أو جمعت مواردك لإنشاء رؤية لما ستبدو عليه صفحات الويب في المستقبل ، في كلتا الحالتين ، فإن منشئ صفحات WordPress مثل Elementor هو ما يسمح لك بتخصيص موقع الويب الخاص بك دون أي ترميز .
من الضروري أن تقوم أولاً بتثبيت سمة WordPress المتوافقة مع Elementor.
اقرأ أيضا: هل يمكنك استخدام Elementor بدون سمة؟ (لا - هذا هو السبب)
في الأيام الخوالي ، كنت تقوم بتصميم موقع الويب الخاص بك باستخدام خيارات التصميم المتاحة التي يوفرها قالبك. لكن بعض السمات تفتقر إلى بعض ميزات التخصيص ، والبعض الآخر كان ثقيلًا ويصعب تخصيصه لكل صفحة.
يتيح لك مُنشئ الصفحة Elementor إجراء تغييرات على موقع الويب الخاص بك في الوقت الفعلي دون الحاجة إلى التبديل بين الواجهة الأمامية والخلفية للتحقق من كيفية تنفيذ التغييرات الجديدة.
يمكنك تثبيت Elementor إما عن طريق زيارة ملف موقع الويب الخاص بنا ولاحقًا عن طريق تحميل ملف zip إلى WordPress الخاص بك أو تصفح مستودع الإضافات وورد والبحث عن "Elementor" والنقر فوق فني تركيب/تثبيت.
تأكد من تنشيط المكون الإضافي وستكون جاهزًا لاستكشاف جميع الخيارات التي يقدمها Elementor.
اقرأ أيضا: كيفية تثبيت Elementor
الميزات التي يقدمها Elementor
لحسن الحظ ، يعد Elementor محررًا للواجهة الأمامية ، مما يعني أنه يمكنك رؤية التغييرات سارية المفعول في الوقت الحالي وإجراء التعديلات.
فائدة أخرى غير مباشرة هي أنه نظرًا لشعبيتها ، لا يوجد نقص في الموارد المتاحة على موقع YouTube أو موقع WordPress للبدء. هذه المقالة هي حالة توضيحية لهذه المواقع.
يدور التخصيص على Elementor حول الأدوات وبمجرد أن تعتاد على سحب وإسقاط عناصر واجهة المستخدم الخاصة بك على الصفحة ، ستجد سبب كونها أفضل بكثير من التعامل مع مُنشئ الصفحة الافتراضي لقالب WordPress الخاص بك.
تتكون كل صفحة على WordPress من أقسام وهذا هو أساس بناء الصفحة باستخدام Elementor.
توجد قائمة هامبرغر على الجانب الأيسر من شاشتك تتيح لك إجراء تغييرات على موقع الويب بالكامل بينما تنعكس التغييرات على الجانب الأيمن.
تسمح ميزة السحب والإفلات بتجربة بناء صفحة ويب أسرع تذكرنا بأداة التصميم.
السبب الوحيد وراء احتياجك إلى سمة هو أن موقع الويب الخاص بك لا يمكن أن يعمل بدون سمة ، ولن يكون لدى Elementor أي شيء يتغير بدونه.
قرأ هل يمكنك استخدام Elementor بدون سمة؟ (لا - هذا هو السبب)
أيضًا ، ما زلت بحاجة إلى السمة لتغيير رأس الصفحة وتذييلها إذا كنت تخطط للالتزام بالإصدار المجاني من Elementor.
Elementor Free مقابل Elementor Pro
يكمن الاختلاف الرئيسي بينهما في عدد عناصر واجهة المستخدم المتوفرة في إصدار Pro.
لذا تأكد من التحقق مما إذا كنت بحاجة إليه في التصميم الخاص بك.
وأيضًا القدرة على تغيير التذييل والعنوان في Elementor أمر مفيد ، على الرغم من أنه إذا كان المظهر الخاص بك يأتي بالفعل مع مُنشئ رأس وتذييل مخصص ، فقد لا يكون مفيدًا.
من حيث الأدوات ، إليك الأدوات الأساسية المتوفرة في الإصدار المجاني:
- القسم الداخلي
- صورة
- محرر النص
- فيديو
- زر
- الفاصل
- أيقونة
- قاسم
- خرائط جوجل
فيما يلي بعض الأدوات المتوفرة في إصدار Pro:
- معرض أعمالي
- شكل
- مربع الوجه
- قائمة الاسعار
- كتلة اقتباس
- دعوة للعمل
تم توفير جميع المعلومات المفيدة لاتخاذ قرار نهائي مستنير بشأن ما إذا كنت تريد الترقية إلى Elementor Pro أم لا.
ولكن بشكل عام ، نوصيك باللعب مع الإصدار المجاني حتى تتأكد من أن Elementor هو أفضل منشئ صفحات WordPress بالنسبة لك.
عنصر مجاني | إليمنتور برو | |
---|---|---|
السعر | حر | من 49 دولارًا إلى 99,199 دولارًا في السنة |
عدد الحاجيات | +25 | +50 |
منشئ الصفحة | متاح | متاح |
منشئ الموضوع | غير متوفرة | متاح |
الدعم الفني | غير متوفرة | متاح |
محتوى ديناميكي | غير متوفرة | متاح |
قوالب وكتل Pro | غير متوفرة | متاح |
تكامل التجارة الإلكترونية | غير متوفرة | متاح |
في النهاية ، فإن طمأنة فريق دعم Elementor الذي يقدم الدعم في إصدار Pro هو ما يجعلنا نؤمن إيمانا راسخا بإصدار Pro.
يأتي أيضًا مع بعض الميزات المتخصصة التي ستجدها في المكونات الإضافية الأخرى ، ولكن لماذا لا تفعل كل ذلك في مكان واحد.
مثلا، منشئ النوافذ المنبثقة، والخيارات الديناميكية ، والشروط التي تكون فيها الرؤوس أو النوافذ المنبثقة مرئية ، و CSS المخصص ، والرموز القصيرة وعناصر واجهة المستخدم للقالب ، والخطوط المخصصة ومدير الأدوار
القدرة على تعيين الأدوار وتقييدها للمستخدمين على WordPress تسمح لهم بمواصلة عملهم دون المساس بتصميمك. يمكن للعميل فقط الوصول إلى تعديل محتوى الصفحة ولا يمكنه إضافة عناصر أو إزالتها عن طريق السحب والإفلات ؛ بهذه الطريقة سيتم حماية التصميم الخاص بك دائمًا.
بيئة التحرير
عند تصميم صفحتك الأولى باستخدام Elementor ، قد تشعر بالارتباك في البداية مع عدد عناصر واجهة المستخدم ولم ترسم تصميمًا لوضعه على لوحة قماشية فارغة ؛ هذا هو المكان الذي تأتي فيه قوالب صفحة Elementor لأولئك الذين يشعرون بأنهم أقل إلهامًا في الوقت الحالي.
ما عليك سوى اختيار قالب محدد مسبقًا من القائمة الضخمة وإدخاله في صفحتك وتخصيصه وفقًا لاحتياجاتك. الجانب الأيمن هو ملعب التصميم الخاص بك حيث يمكنك إضافة عناصر تشكل تخطيط صفحتك.
الجانب الأيسر عبارة عن لوحة إبداعية مليئة بأدوات السحب والإفلات على الصفحة.
يمكنك إضافة أقسام وسحب عناصر واجهة المستخدم لتناسب تصميمك أو اختيار القوالب المصممة مسبقًا.
اقرأ أيضا: كيفية إضافة تأثير التمرير في Elementor عبر CSS المخصص
ستجد في اللوحة السفلية رمز السهم الدائري الذي يعيدك إلى السجل الخاص بك وينقسم إلى إجراءات ومراجعات ؛ في الإجراءات ، يمكنك العثور على خطواتك والعودة إلى إصدار سابق وقيد المراجعة يمكنك العثور على جميع الإصدارات المحفوظة.
فائدة أخرى لاستخدام Elementor هي الوصول السريع إلى أوضاع العرض المختلفة حتى تتمكن على الفور من التحقق من شكل تصميمك الحالي على شاشات مختلفة مثل الكمبيوتر اللوحي والجوال.
إذا كنت ترغب في تصميم صفحة رئيسية ، فستساعدك Elementor's Blocks في إنشاء صفحتك الخاصة من البداية.
اقرأ أيضا: كيفية إضافة تأثير التمرير في Elementor عبر CSS المخصص
خيارات الجدولة الطراز (اللون ونوع الخط والحجم) يسمح لك بتخصيص محتوى الكتل وفقًا لاحتياجاتك.
هناك أيضًا خيار مفيد للغاية لنسخ نمط قسم موجود ولصقه من هناك لتحرير جميع الكتل بنفس الطريقة.
غالبًا ما تكون مواقع الويب البسيطة ذات الصفحات الثابتة ثابتة ، ولكن معظم مواقع الويب تحتوي على صفحات متعددة (مدونة ، متجر عبر الإنترنت ، نتائج بحث).
يمكن تحرير هذه الصفحات الديناميكية باستخدام Elementor Pro أو خيارات السمة ، على سبيل المثال ، من خلال تصميم رأس الصفحة وتذييلها.
انظر أيضا: كيفية تنشيط وضع Coming Soon في Elementor
يأتي إصدار Pro أيضًا مع المزيد من الكتل والقوالب والأدوات.
في الخلفية ، يمكنك أيضًا الوصول إلى قائمة الأدوات التي توفر خيارات مثل استبدال عنوان URL ووضع الصيانة والتحكم في الإصدار للعودة إلى إصدار سابق إذا كان موقع الويب الخاص بك لديه مشكلة مع أحدث Elementor.
باختصار ، يسمح لك كلا الإصدارين بإنشاء صفحة واستخدام أدوات التحرير وإدراج قوالب محددة مسبقًا.
في النهاية
بشكل عام ، يعد الجمع بين Elementor (مجاني أو احترافي) وموضوع WordPress قويًا يغطي النقاط العمياء هو الطريقة الصحيحة للذهاب في معظم الحالات.
ملحقات WordPress الإضافية الإضافية الأخرى
اكتشف أيضًا أخرى الإضافات وورد قسط يعمل على تحسين أداء مدونة WordPress أو موقع الويب الخاص بك.
1. Foodify
فوديفي هي أسرع وأسهل طريقة للعملاء لطلب الطعام من المتجر. إنها كليا استجابة ويتضمن ميزات إضافية مثل الصورة ، خيار البحث، معلومات المنتج.
كما يضيف أزرارًا إلى السلة لتحسينها تجربة المستخدم. يعد امتداد WooCommerce هذا حلاً سريعًا وشاملًا للطلب يمكن إضافته إلى أي موقع ويب WooCommerce.
هنا من أجلك ملحقات 5 WordPress لتحسين أوصاف الفئات والتسميات
تتميز بأنها مرنة للغاية ومتوافقة مع العديد من المكونات الإضافية الموجودة في دليل WordPress.
تحميل | عرض | استضافة المواقع
2. Pan Zoom Image
يتيح لك هذا المكون الإضافي إضافة ميزة تكبير بانورامي للصور بسهولة على مدونة WordPress الخاصة بك عبر رمز قصير. يمكنك على سبيل المثال دمجها في مقالتك أو صفحتك.
كوظائف ، سيكون لديك من بين وظائف أخرى: التكبير البانورامي على صورة واحدة أو معرض به صور غير محدودة ، موضع شريط التحكم يمكن أن يكون أعلى ويمين وأسفل ويسار ، ويمكن أن يكون قاع الحاوية مظلمًا وخفيفًا ولا شيء من ذلك ؛ المعاينة المباشرة في لوحة القيادة، مثال على التكبير المتعدد في نفس الصفحة ، إلخ.
اكتشف أيضا لدينا 5 اختصارات ووردبريس الإضافات قسط
تحميل | عرض | استضافة المواقع
3. المنزلق برو
يوفر لك حل Slider Pro نظامًا أساسيًا متعدد الإمكانات لمساعدتك في إنشاء وتحرير الشرائح أو المتزلجون التي لن تروق للمدونين فحسب ، بل لأولئك الذين لا ينشرون المقالات فحسب.
Ce وورد البرنامج المساعد يتجنب الإصدار premium من الرتوش غير الضرورية ، والتي غالبًا ما تكون عقبة أمام المستخدمين الذين يبحثون عن المعلومات التي يحتاجون إليها. بالإضافة إلى ذلك ، فإنه يركز على البساطة والأداء ، مع تقديم مجموعة واسعة من إمكانيات التخصيص.
اكتشف ايضا كيفية إنشاء عرض شرائح باستخدام Slider Revolution على WordPress
إدارته لـ Urls في شريط البحث بالمتصفح هي إحدى الميزات التي برزت لنا في الأخير. كما يوحي الاسم ، هذا هو الحل الاحترافي الذي تحتاجه.
اقرأ أيضا لدينا ملحقات 5 WordPress لإنشاء أسئلة متكررة على مدونة
معالمه هي: تحميل الصورة الأمثل، التخصيص السهل ، الرسوم المتحركة السلسة ، التخطيطات المتعددة والمزيد.
تحميل | عرض | استضافة المواقع
الموارد الموصى بها
تعرف على الموارد الأخرى الموصى بها لمساعدتك في بناء وإدارة موقع الويب الخاص بك.
- المدونين: هنا دروس 3 يمكنك ان تتعلم من أخطائي
- 9 مكونات ووردبريس لتحسين تكبير الصور
- كيفية تحسين بنية الروابط الثابتة لـ WordPress
- الإضافات 10 WooCommerce لخلق التسعير الديناميكي
وفي الختام
هنا ! هذا كل شيء بالنسبة لمقالنا الذي يوضح لك كيفية استخدام Elementor في WordPress. اذا كنت تمتلك تعليقات أو اقتراحات ، لا تتردد في إعلامنا في القسم المحجوز.
ومع ذلك ، يمكنك أيضا استشارة مواردنا، إذا كنت بحاجة إلى المزيد من العناصر لتنفيذ مشاريعك لإنشاء مواقع الإنترنت ، من خلال استشارة دليلنا على وورد خلق بلوق أو واحد على ديفي: أفضل موضوع وورد في كل العصور.
ولكن في هذه الأثناء ، شارك هذا المقال على الشبكات الاجتماعية المختلفة.
...