كيفية إنشاء صفحة مقصودة في WordPress باستخدام Element Pack & Elementor
نشرت: 2019-10-20مرحبًا بالجميع ، في هذا المقال ، سنتعرف على كيفية إنشاء صفحة مقصودة في WordPress باستخدام Element Pack و Elementor Page Builder. ستكون هذه مدونة تعليمية خطوة بخطوة ، لذا احبس أنفاسك في رحلة طويلة.
هيا بنا نبدأ!
يعد إنشاء صفحة مقصودة باستخدام Elementor و element pack أمرًا سهلاً للغاية
بالنسبة للمبتدئين ، هناك الكثير من الطرق التي يمكنك من خلالها إنشاء صفحات مقصودة مذهلة باستخدام Elementor و Element Pack.
لقد قمنا بإعداد هذه المقالة لإعلامك بالطريقة الأكثر ملاءمة لإنشاء صفحات مقصودة باستخدام مكونات WordPress الإضافية المجانية.
نعم ، بدون تكلفة.
ما سنعرضه لك هنا-
- الإضافات المجانية - يحتوي كل من مُنشئ صفحة Elementor و Element Pack Pro على إصدارات مجانية من المكونات الإضافية تصل إلى العلامة لتطوير الويب.
- خطوات سهلة - سنفعل كل شيء بطريقة مبسطة ، ولا توجد أشياء صعبة.
- معرفة الترميز ليست ضرورية - سنعمل مع المكون الإضافي Elementor Page builder الذي لا يتطلب معرفة بالشفرة كمكوِّن إضافي للسحب والإفلات. حتى مع ذلك ، لن تضطر إلى إنفاق الجهود على بقية عملية بناء الصفحة باستخدام الأكواد.
- التصميم الإبداعي - مذاق الدب القديم أفضل ، لكننا لا نلتزم بقوالب الصفحة القديمة بنفس الواجهة المتكررة. كل ما لدينا هو تصميمات تخطيط جديدة ومبتكرة.
- المزيد من نسبة النقر إلى الظهور والتحويل- سيجعلك هذا الدليل تنشئ صفحة ويب لا تبدو رائعة فحسب ، بل تحتوي أيضًا على معدل تحويل أعلى.
قبل أن ندخل في عملية إنشاء صفحات الويب ، دعنا نخبرك قليلاً عن تعريفات ما سنبنيه والأدوات.
دعونا المضي قدما.
قائمة المحتويات
ما هي الصفحة المقصودة في WordPress؟
الصفحة الرئيسية لموقعك هي في الأساس ذلك الجزء من الموقع الذي نراه أولاً عند زيارة أحد مواقع الويب. الصفحة المقصودة هي صفحة مخصصة لإجراء معين تحتاجه من زوار موقعك. هذه صفحة خاصة تستخدم لأغراض التسويق وتعزز قيمة موقعك. تم تصميم الصفحات المقصودة للتأثير على نسبة النقر إلى الظهور والتحويل من خلال جذب المزيد من الأشخاص بجاذبيتها وميزاتها.
غالبًا ما تنتج الصفحة المقصودة المصممة بشكل صحيح حركة بحث أكثر من المدونات أو المنشورات الترويجية. من المنطقي أن يرغب الناس في تجربة شيء جديد وممتع لكي يقتنعوا وأن الصفحة المقصودة هي المكان المثالي للقيام بذلك.
هناك العديد من الطرق التي يمكنك من خلالها تصميم صفحة مقصودة. يجب أن تحتوي الصفحة المقصودة القياسية على رأس ، تذييل ، خدمة ، أسئلة وأجوبة ، تسعير ، إلخ. قد تعتقد أنها في الأساس صفحة رئيسية ، لكنها ليست كذلك.
الحقائق التي تميز الصفحة الرئيسية عن الصفحة المقصودة
بالطبع ، الصفحة الرئيسية هي أول صفحة تتوقع أن يهبط عليها زوارك.
على سبيل المثال ، تحتوي الصفحة الرئيسية على الهيكل العام للموقع ، وتفاصيل حول المنتج أو الخدمة ، ويتم استخدامها لتقديم علامتك التجارية للزائرين. كما أنه يشجع الأشخاص على مزيد من البحث في موقع الويب الخاص بك أو صفحات أخرى.
لكننا ننشئ صفحات مقصودة لتلبية احتياجات معينة مثل التركيز على منتج أو ميزة معينة في صفحة واحدة فقط.
لهذا السبب ، تحتوي معظم الصفحات المقصودة على محتوى أقل من الصفحة الرئيسية التي تحتوي فقط على محتوى متعلق بالمنتج.
لنقول ، نحن ننشئ صفحات مقصودة بنهج مبسط ولا يوجد شيء مزعج من أجل نقل رسالة واضحة للزوار.
هذا هو الاختلاف الأساسي بين الصفحة الرئيسية والصفحة المقصودة.
إنشاء الصفحة المقصودة باستخدام Elementor خطوة بخطوة
الآن بعد أن تعرفت على تعريفات الصفحة المقصودة ، حان الوقت للتعرف على عملية إنشاء صفحة مقصودة باستخدام Elementor.
نحن نستخدم Elementor لأنه أشهر مكون إضافي لمنشئ صفحات السحب والإفلات في WordPress.
إنه سهل الاستخدام ولا يتطلب معرفة بالترميز على الإطلاق.
هذه ليست كل الأسباب التي تجعلنا نستخدم Elementor لتطوير الويب-
- تجربة بناء موقع خالية من الهاء: يوفر Elementor لوحة فارغة بالكامل حتى تتمكن من البدء في إنشاء موقع الويب الخاص بك من البداية. هذا يجعل مطوري الويب المحترفين يعتزون بـ Elementor فوق أي شيء آخر.
- أدوات Drag-n-Drop: يتميز Elementor بمرونة عالية نظرًا لكيفية بنائه وما يوفره. تؤدي إضافة ميزات أو وظائف إلى موقع الويب المصمم حديثًا إلى سحب الأدوات عن طريق النقر فوق المؤشر.
- إدارة الموقع بالكامل: يوفر Elementor بشكل خاص عناصر تحكم مخصصة لتخطيط الصفحة المقصودة ، مما يجعل بناء صفحتك أكثر ديناميكية واحترافية.
- القوالب والكتل: يعد Elementor صديقًا للمبتدئين ولديه الكثير من تصميمات النماذج المعدة مسبقًا والتي يمكنك استيرادها وتخصيصها لإنشاء صفحتك المقصودة في دقائق.
لذا ، دعنا نمضي قدمًا.
ما تحتاجه لتبدأ
لكي تبدأ في إنشاء صفحتك المقصودة الأولى باستخدام Element Pack & Elementor ، فأنت بحاجة إلى إعداد الأشياء الضرورية مسبقًا.
ما تحتاجه هو-
- موقع ووردبريس مستقر
- Elementor Page Builder (مجاني)
- Element Pack Pro
سبب استخدامنا Element Pack Pro لأنه يحتوي على أكثر من 200 عنصر واجهة مستخدم أساسي لـ Elementor وأكثر من 2000 قالب ليصبح محترفًا في دقائق.
هذه أداة تطوير ويب أسطورية تم تصميمها لجعل تطوير الويب سهلاً مثل الفطيرة.
يمكنك استخدام الإصدار المجاني Element Pack Lite الذي يوفر أكثر من 45 عنصر واجهة مستخدم وميزة مجانًا.
أيضًا ، هناك عدد كبير من قوالب الصفحات المقصودة (أكثر من 100) التي يمكنك استيرادها واستخدامها كقوالب خاصة بك.
أجزاء من الصفحة المقصودة
يجب أن تحتوي الصفحة المقصودة الرائعة على هذه الأجزاء بشكل عام-
- العنوان : ينتقل شعار الموقع والقائمة الرئيسية والميزات الإضافية مثل شريط البحث إلى جزء الرأس. يمكن أن يكون متحركًا أو ثابتًا حسب باقي الصفحة.
- قسم Hero: قسم Hero يملأ الشاشة بأكملها حتى يقوم الزوار بالتمرير لأسفل أدناه. عليك أن تولي أقصى قدر من الاهتمام لتفاصيل هذا الجزء من الموقع.
- قسم الخدمة: هذا هو المكان الذي تخبر فيه زوار موقعك بالمزيد عن عملك بالتفصيل.
- الميزات: قم بتسليط الضوء على الخصائص التي لديك والتي تجعل الناس يختارونك على الآخرين.
- المعرض: قم بتزيين معرض موقعك باستخدام شبكة الصور ، والعرض الدائري ، والرموز ، وأزرار المشاركة الاجتماعية ، وما إلى ذلك.
- شهادة: أظهر ما يقوله الناس عن خدمتك واكسب المزيد من الشعبية والثقة.
- نموذج التسجيل: في هذا الجزء ، تحتاج إلى تضمين طريقة للسماح للزوار بإدخال قائمة البريد الخاصة بك للنطاق المستقبلي.
الآن ، علينا فقط أن نبدأ في إنشاء صفحتنا المقصودة باستخدام Element Pack & Elementor فوق هذه العناصر.
الخطوة 1: إنشاء الصفحة المقصودة باستخدام قائمة القوالب
إنها ميزة أخرى لـ Elementor أنها تتيح لك إنشاء قوالب صفحة باستخدام عنصر تحكم لوحة معلومات قالب مخصص.
لذا ، بدلاً من الجري هنا وهناك ، يمكنك في الواقع وضع أعمالك على الخط من مكان واحد.
ما عليك سوى الانتقال إلى WordPress Dashboard> Templates وتحديد خيار Landing Pages لإضافة صفحة مقصودة جديدة في قائمة النماذج.
الآن ، سيتم إعادة توجيهك إلى محرر صفحة Elementor لصفحة القالب.
هنا ، يمكنك إما اختيار قالب مُعد مسبقًا من مكتبة قوالب Element Pack Pro أو الانتقال إلى نموذج مخصص بالكامل.
الخطوة 2: قم بإعداد ألوان وخطوط التصميم الخاصة بك
كما ذكرنا سابقًا ، يوفر Elementor نافذة محرر خالية من الإلهاء باستثناء كل شيء ، حتى الرأس والتذييل.
كل ما عليك فعله هو تحديد "Elementor Canvas" من إعدادات الصفحة للحصول على صفحة بيضاء كاملة لتبدأ بها.
قبل أن تبدأ ، تأكد من تعيين اللون العام والخط للصفحة المقصودة.
هذا أساسي لأنه يوفر الكثير من الوقت دون الحاجة إلى تغيير الخط أو خصائص اللون لكل قسم / عنصر يدويًا.
للحصول على تجربة تصميم أسرع واحترافية ، يمكنك تثبيت برنامج لاقط ألوان على جهاز الكمبيوتر الذي تستخدمه لإنشاء الصفحة المقصودة في WordPress.
هذا يساعد في الحفاظ على تدفق العمل.
الخطوة 3: تصميم الصفحة الرئيسية والبطلة
بادئ ذي بدء ، يمكنك تصميم رأسك أولاً ثم الانتقال إلى محتوى قسم الأبطال.
يجب أن يحتوي العنوان على شعار علامتك التجارية وقائمة وشيء ما للمستخدمين لاتخاذ إجراءات ، مثل حقل البحث.
ثانيًا ، عليك أن تبقي الأمر بسيطًا لقسم البطل أو الجزء الموجود أسفل الرأس مباشرةً.
يوصى بتطبيق نغمة مماثلة على الصفحة الرئيسية والصفحة الرئيسية للحصول على مظهر أفضل.
بعد ذلك ، يمكنك وضع نص كبير في منتصف الصفحة الرئيسية ، أعلى صورة خلفية جميلة.
يجب أن تمثل صورة الخلفية خدمتك.
قم بإنهائه باستخدام زر يقود المستخدمين إلى اكتساب مزيد من المعلومات حول الموضوع.
في هذه المرحلة ، يمكنك استخدام علامة التبويب Advanced Elementor للقسم أو العنصر الفردي وتعيين الإضافة المخصصة ، والهامش ، والحدود ، والظل ، وما إلى ذلك لعمل تصميمات uqiue.
يحتوي Element Pack Pro على بعض الأدوات الذكية المذهلة لتعزيز مظهر صفحة البطل الخاصة بك-
- العنوان المتقدم
- العنوان المتحرك
- أيقونة التنقل
- المنزلق
- زر مزدوج
- دائري مخصص
الخطوة 4: نبذة عنا عن الصفحة المقصودة في WordPress
يعد قسم "من نحن" مهمًا جدًا لموقع الويب الخاص بك لأنه يحتوي على المعلومات الأساسية حول موقع الويب الخاص بك بما في ذلك الغرض منه.
حاول ألا تبالغ في تقدير هذا الجزء لجذب المزيد من الانتباه عن طريق مده لفترة أطول من اللازم.
يمكنك الاحتفاظ بتصميم بسيط أو القيام بشيء شامل لهذا الجزء ، كلا العملين.
لكن ، لا تستخدم الكثير من الكلمات ، فقط أكملها في غضون 10-12 سطراً.
يجب أن يجعل ذلك الزوار يستوعبون المعلومات دون أي ضغط.
بالإضافة إلى ذلك ، يمكنك محاولة استخدام هذه الأدوات من Element Pack Pro لإضافة تحسينات إضافية إلى موقع الويب الخاص بك-
- العنوان المتقدم
- مربع رمز متقدم
- بطاقة فاخرة
الخطوة 5: تصميم قسم مميز
القسم المميز مخصص لجذب انتباه الناس أكثر على منتجك أو خدمتك.
من السهل تصميم هذا القسم من صفحتك المقصودة باستخدام Element Pack و Elementor.
يجب أن يشتمل التصميم الموصى به على تمثيل مرئي كبير ورائع لخدمتك جنبًا إلى جنب مع مزاياها أو خصائصها.
يجب أن تكون أكثر مباشرة مع القسم المميز للسماح للأشخاص بفهم خدمتك بوضوح.
ستساعدك هذه الأدوات على تصميم أقسام مميزة مذهلة في Elementor-
- مربع تحوم
- فانسي سلايدر
- بطاقة تفاعلية
- شبكة الحدث
- مكبر الصورة
الخطوة 6: إنشاء معرض صور رائع
في هذا الجزء من الصفحة المقصودة ، سنقوم بصياغة معرض صور لزوارنا.
يجب أن تحتوي كل صفحة مقصودة في WordPress تم إنشاؤها باستخدام Element Pack و Elementor على معرض صور من أجل الحصول على مزيد من الظهور وبناء الثقة بين الزوار.
هنا ، يمكنك استخدام عنوان كبير لطيف ثم البدء في إدراج الصور في عنصر واجهة مستخدم لمعرض الصور.
أيضًا ، يجب أن يكون في المعرض صورًا متباعدة بشكل متساوٍ بحيث تبدو نظيفة ومرتبة.
يمكن القيام بذلك بسهولة باستخدام عنصرين فقط بواسطة Element Pack-
- العنوان المتحرك
- معرض الصور المتقدم
- صورة الأكورديون
الخطوة 7: شهادة المستخدم
تخلق شهادة المستخدم الثقة بين زوارك من خلال إظهار ما يقوله الآخرون عن خدمتك.
بغض النظر عن حجم موقع الويب الخاص بك كبيرًا أو صغيرًا ، فإن الحصول على شهادات المستخدمين على صفحتك المقصودة في WordPress يثبت أنه مثمر في جلب المزيد من الزيارات والعملاء المحتملين.
يحتوي Element Pack Pro على أدوات مخصصة لهذا الغرض يمكنك وضعها بسهولة بالقرب من الجزء السفلي من موقعك (الميزات أدناه) ليكون لها تأثير إيجابي-
- التزكية المتزلج
- كاروسيل التزكية
- دليل اجتماعي
الخطوة 8: نموذج التسجيل والاتصال
جزء مهم آخر من الصفحة المقصودة الناجحة هو قسم التسجيل لجمع معلومات الاتصال بزوارك للعمل في المستقبل.
عند إعداد منطقة اتصال ، يجب أن تفكر في تضمين عنوانك ورقم هاتفك ، وبطبيعة الحال ، عنوان بريدك الإلكتروني.
مرة أخرى ، يجب عليك تقديم نموذج اشتراك يعد برسائل البريد الإلكتروني أو رسائل البريد الإلكتروني الترويجية أو غيرها من الأشياء المجانية.
هذا هو السبب الذي يجعلك تحتاج إلى إيلاء المزيد من الاهتمام للخلفية والرسومات والتفاصيل الأخرى لجذب انتباه الناس.
يحتوي Element Pack Pro على الحاجيات المثالية لبناء قسم نموذج الاتصال والاشتراك-
- أيقونة التنقل
- Mailchimp
- أشكال النينجا
نشاط إضافي: أضف نمط تنقل للصفحة المقصودة في WordPress
الآن بعد أن أصبحت صفحتك المقصودة جاهزة بشكل أساسي ، هناك بعض الحيل التي يمكنك لعبها لتحقيق أقصى استفادة منها.
أولاً ، يمكنك إضافة شريط تنقل ذي رأس ثابت للصفحة المقصودة.
بهذه الطريقة ، يمكن للمستخدم دائمًا رؤية شريط التنقل والتبديل إلى الصفحات الأخرى بسهولة.
ثانيًا ، يمكنك جعل شريط التنقل يختفي حتى يقوم شخص ما بالتمرير لأسفل مسافة معينة من أعلى الصفحة.
يعطي هذا انطباعًا احترافيًا عن الصفحة وسيحبها المستخدمون.
نشاط إضافي: استخدم قوالب الصفحة المقصودة
كما ذكرنا سابقًا في الجزء العلوي ، يوفر Element Pack Pro مجموعة متنوعة جيدة من قوالب الصفحات المقصودة المعدة مسبقًا للمستخدمين.
يمكنك الذهاب إلى القالب المجاني أو المتميز وتخصيص الأقسام الداخلية لعمل شيء فريد.
هذه هي أسرع طريقة لإنشاء صفحة مقصودة في WordPress تبدو مذهلة ورائعة.
بعض الصفحات المقصودة الجذابة من Element Pack Pro-
- عيد الرعب
- الصفحة المقصودة لعيد الميلاد
- لانهائي
- خمسة
- كوفيد هيلث
- خدمة Ebus
- كوفيد -19
- ميديبلوس
- أزياء الرجال
- محل أثاث
- أزياء نسائية
- شركة كبرى
قم بتغليفه!
هل تحب صفحات الهبوط العصرية لعملك؟
احصل على Element Pack Pro اليوم واستمتع بصفحات مقصودة إبداعية لمشاريع موقعك الإلكتروني التالية.
أيضًا ، ستحصل على أكثر من 200 عنصر واجهة مستخدم وإضافات مذهلة لتعزيز ميزات موقعك بشكل أكبر.
كل شيء ممكن مع مكون إضافي واحد فقط ، Element Pack Pro.
أتمنى أن تكون قد استمتعت بهذه المدونة.
مع أطيب التحيات
BdThemes