كيفية إنشاء تخطيطات WordPress مخصصة باستخدام Elementor

How to create custom WordPress layouts using Elementor ?

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

لماذا ومتى تحتاج إلى تخطيطات WordPress مخصصة؟

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

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

ألن يكون رائعًا إذا كان بإمكانك فقط إنشاء تخطيطات للصفحة باستخدام واجهة السحب والإفلات؟

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

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

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

بعد قولي هذا ، دعنا نلقي نظرة على كيفية إنشاء تخطيطات WordPress مخصصة باستخدام Elementor.

الشروع في العمل مع Elementor

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

بعد ذلك ، سوف تحتاج إلى تثبيت وتفعيل المكون الإضافي Elementor. لمزيد من التفاصيل ، راجع دليلنا خطوة بخطوة حول كيفية تثبيت WordPress الإضافات  .

عند التنشيط ، تحتاج إلى زيارة Elementor » صفحة الإعدادات لتكوين إعدادات البرنامج المساعد.

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

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

لا تنس النقر على زر حفظ التغييرات لتخزين إعداداتك.

إنشاء تخطيط WordPress مخصص باستخدام Elementor

تحتاج أولاً إلى إنشاء صفحة جديدة (أو منشور) على موقع WordPress الخاص بك. في شاشة تحرير المنشور ، ستلاحظ زر “التحرير باستخدام Elementor” الجديد.

سيؤدي النقر فوقه إلى تشغيل واجهة مستخدم Elementor حيث يمكنك تحرير صفحتك باستخدام أداة إنشاء صفحات السحب والإفلات الخاصة بـ Elementor.

يمكنك الآن إضافة أقسام وبناء صفحتك من البداية ، أو يمكنك إضافة قالب.

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

لنبدأ بنموذج بالنقر فوق الزر “إضافة نموذج”.

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

انقر الآن لتحديد النموذج الذي تريده ثم انقر فوق الزر “إدراج” لإضافته إلى صفحتك.

سيقوم Elementor الآن بتحميل القالب نيابة عنك.

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

الآن دعنا نتحدث عن كيفية عمل تخطيطات Elementor.

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

يمكن أن يحتوي كل قسم على أعمدة متعددة ويمكن أن يكون لكل قسم وعمود أنماطه وألوانه ومحتواه وما إلى ذلك.

يمكنك إضافة أي شيء في الأعمدة والأقسام الخاصة بك باستخدام عناصر واجهة المستخدم Elementor.

هذه الأدوات هي نوع مختلف من كتل المحتوى التي يمكنك وضعها في أقسام Elementor الخاصة بك.

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

يمكنك إضافة الصور والنصوص والعناوين ومعارض الصور ومقاطع الفيديو والخرائط والأيقونات والشهادات ومزلق التمرير والدوارات وغير ذلك الكثير.

يمكنك أيضًا إضافة أدوات WordPress الافتراضية وحتى الأدوات التي تم إنشاؤها بواسطة مكونات WordPress الإضافية الأخرى على موقعك.

بمجرد الانتهاء من التحرير ، يمكنك النقر فوق الزر “حفظ” لحفظ التغييرات.

ملاحظة: لن يؤدي حفظ التنسيق إلى نشر الصفحة على موقع WordPress الخاص بك. سيحفظ فقط تخطيط صفحتك.

يمكنك الآن معاينة صفحتك أو الانتقال إلى لوحة تحكم WordPress.

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

إنشاء النماذج الخاصة بك في Elementor

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

ما عليك سوى تحرير الصفحة التي تريد حفظها كقالب باستخدام Elementor.

في واجهة Elementor builder ، انقر على أيقونة المجلد بجوار زر الحفظ ثم حدد “حفظ النموذج”.

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

في المرة القادمة التي تقوم فيها بإنشاء تخطيط صفحة مخصص ، ستكون قادرًا على تحديده من علامة التبويب “القوالب الخاصة بي”.

يمكنك أيضًا تصدير هذا النموذج واستخدامه على مواقع WordPress الأخرى باستخدام Elementor.

ستحتاج إلى زيارة Elementor »Library page لرؤية القوالب المحفوظة. مرر مؤشر الماوس فوق اسم النموذج الخاص بك ، ثم انقر فوق رابط “تصدير النموذج”.

بعد تنزيل ملف النموذج الخاص بك ، يمكنك الانتقال إلى صفحة المكتبة على موقع WordPress آخر باستخدام Elementor ثم استيراد القالب الخاص بك.

هذا كل شئ حتى الان.

نأمل أن تساعدك هذه المقالة في تعلم كيفية إنشاء تخطيطات WordPress مخصصة باستخدام Elementor.

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

اترك تعليقاً