ما هو تأثير Parallax؟ لماذا وكيفية استخدامه على موقع WordPress الخاص بك

ما هو تأثير Parallax؟ لماذا وكيفية استخدامه على موقع WordPress الخاص بك

تأثير المنظر هو ميزة تصميم شائعة للغاية يتم استخدامها بشكل شائع على مواقع WordPress. وقد ظهر هذا التأثير الخاص في عالم الألعاب لسنوات ، لكنه انتقل مؤخرًا إلى تصميم الويب. وحتى الآن ، لا يبدو أن هذا الاتجاه الرئيسي يذهب إلى أي مكان ، إذا كان أي شيء يتم استخدامه على نطاق أوسع من أي وقت مضى. إذن ما هو تأثير المنظر ولماذا يجب عليك التفكير في استخدامه على موقع WordPress الخاص بك?


في هذه المقالة ، سننظر في ماهية تأثير اختلاف المنظر والفوائد التي يمكن أن تجلبها إلى موقعك وعملك. سنناقش بعد ذلك كيفية إضافة تأثير المنظر بسرعة وسهولة إلى أي موقع أو صفحة أو منشور في WordPress باستخدام المكوّن الإضافي المجاني Parallax Scroll.

ما هو تأثير المنظر?

سبعة وعشرون

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

تأتي غالبية مظاهر WordPress المتميزة الآن مع تأثير المنظر المدمج على صفحتهم الرئيسية. حتى موضوع WordPress الافتراضي المجاني Twenty Seventeen يأتي مع ميزة المنظر. تتضمن معظم أدوات إنشاء الصفحات أيضًا أداة تأثير المنظر ، مما يتيح لك إضافة التأثير إلى أي صفحة أو نشر على موقع الويب الخاص بك. وبالطبع ، هناك العديد من إضافات WordPress التي يمكنك تثبيتها لإضافة عناصر تأثير المنظر إلى موقع الويب الخاص بك.

ما هي فوائد استخدام تأثير المنظر?

هناك عدد من الفوائد لاستخدام تأثير المنظر على موقع WordPress الخاص بك. الأول ، والأكثر وضوحا ، هو الجانب البصري لتأثير المنظر. تأثير المنظر ارضاء جماليا, منح موقعك مظهرًا وأسلوبًا عصريًا وأنيقًا وحديثًا. هذه نجاح باهر يمكن أن يجعل المحتوى الخاص بك رائعًا بالفعل ، ويخلق تجربة متصفح مثيرة ومثيرة للاهتمام.

سبب رئيسي آخر لاستخدام تأثير المنظر على موقعك هو المساعدة تفريق صفحة, خاصةً الصفحة الرئيسية ، إلى أجزاء قابلة للقراءة. استخدم هذا التأثير للتأكيد على أقسام وأنواع المحتوى المختلفة التي تريد عرضها. يمكن أن يساعد ذلك في تعزيز الجوانب المختلفة لموقعك على الويب ، وإلقاء الضوء على المعلومات المهمة ، وتشجيع المستخدمين على التنقل في موقعك والوصول إلى المحتوى بطريقة من اختيارك.

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

المنظر على الجوال

في حين أن المنظر رائع لإضافة الاهتمام البصري ، إلا أنه لا يعمل دائمًا بشكل جيد على الأجهزة المحمولة. نظرًا لأن الهواتف والأجهزة اللوحية تستخدم عادةً التنقل بالتمرير السريع (بدلاً من التمرير مثل أجهزة سطح المكتب) ، فقد لا يتم عرض تأثيرات المنظر بشكل صحيح. بالطبع ، سيعتمد هذا على الطريقة والرسوم المتحركة التي تستخدمها لقسم المنظر الخاص بك ، ولكن من أجل سهولة الاستخدام ، قد ترغب في التفكير في تعطيل المنظر على الأجهزة.

حدد سمة مع تأثير المنظر

مجموع

بالنسبة لأولئك منكم الذين يبدأون مشروعًا جديدًا ، يجب عليك تحديد سمة مميزة تتضمن ميزة تأثير المنظر. وإذا كنت ترغب في استخدام تأثير اختلاف المنظر على مجموعة متنوعة من صفحات موقع الويب الخاص بك ، وليس فقط الصفحة الرئيسية ، فقد ترغب في التفكير في موضوع متعدد الأغراض يأتي مع منشئ الصفحات المتقدم. السمات مثل Divi من Elegant Themes و Parallax by Themify والموضوع الخاص بنا للغاية Total ، وتشمل جميعها أدوات إنشاء الصفحات التي توفر أدوات تأثير المنظر.

إضافة المتزلجون المنظر مع Slider Revolution WordPress Plugin

المنزلق الثورة المنظر

إذا كنت تريد منزلقًا مميزًا مع تأثير المنظر ، فاختيارنا الأفضل هو المكون الإضافي Slider Revolution. يتضمن هذا البرنامج المساعد المتميز المئات من الخيارات والميزات المدمجة للخطوط والطبقات وتأثيرات التمرير والتخطيطات وبالطبع المنظر.

تمكين المنظر ثورة المنزلق

قم أولاً بتثبيت المكون الإضافي ، ثم قم باستيراد قالب شريط التمرير أو ابدأ في إنشاء شريط التمرير الخاص بك من البداية (يمكنك قراءة دليل Slider Revolution الكامل لمزيد من التفاصيل).

Slider Revolution Parallax Settings

بعد ذلك ، قم بتحرير الشريحة الخلفية الرئيسية لإضافة مصدر صورة الخلفية وحدد المنظر / 3D علامة التبويب لتعيين مستوى المنظر. ثم عند إضافة طبقات ، حدد المنظر / 3D خيار طبقة لعمق المنظر لإضافة حركة إلى النص والصورة والزر والطبقات الأخرى. انه من السهل!

عند الانتهاء ، احفظ شريط التمرير واستخدم الرمز القصير لإدراجه في أي مشاركة أو صفحة. أو إذا كنت تستخدم منشئ الصفحات مثل Visual Composer ، فيمكنك استخدام عنصر Slider Revolution منشئ الصفحات لتحديد شريط التمرير وإدراجه بسرعة.

أضف أقسام Parallax مع Parallax Scroll WordPress Plugin

التمرير المنظر

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

لذلك دعونا نلقي نظرة الآن على كيفية التثبيت والبدء في استخدام Parallax Scroll …

تثبيت تمرير المنظر

لتثبيت Parallax Scroll ، قم بتسجيل الدخول إلى لوحة تحكم WordPress الخاصة بك كمسؤول ، وحدد الإضافات> إضافة جديد من القائمة.

إضافة مكون إضافي جديد

بحث التمرير المنظر, ثم اختر تثبيت الآن> تنشيط.

تنشيط Parallax Scroll

ستجد الآن إضافة علامة تبويب Parallax Scroll إلى قائمة WordPress الخاصة بك.

إضافة قسم تمرير المنظر

لبدء استخدام Parallax Scroll ، يجب عليك أولاً إنشاء قسم Parallax جديد. للقيام بذلك ، حدد التمرير المنظر> إضافة جديد من قائمة WordPress الخاصة بك.

إضافة Parallax Scroll إضافة جديد

هنا يمكنك الآن إنشاء قسم المنظر الجديد الخاص بك …

إضافة المنظر الجديد

تعيين صورة خلفية المنظر التمرير

أولاً تحتاج إلى تعيين صورة لخلفية المنظر التمرير. للقيام بذلك ، انقر فوق مجموعة صورة مميزة وأضف الصورة إلى قسم الصور المميزة.

صورة مميزة

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

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

إنشاء نص رأس فوق خلفية المنظر

أضف رأس

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

قد لا ترغب في رأس في قسم المنظر الخاص بك. إذا كانت هذه هي الحالة ، فلا يزال يتعين عليك منح كل المنظر عنوان مشاركة ، بحيث يمكن تحديد كل قسم تقوم بإنشائه بسهولة. ستحتاج بعد ذلك إلى تحديد إخفاء العنوان في خيارات تمرير المنظر (تمت تغطيته بمزيد من التفاصيل في هذه المقالة) ، لذلك لا يتم عرض رأس على الجانب الأمامي لموقعك.

عرض أي محتوى مع خلفية التمرير المنظر

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

تخصيص إعدادات تمرير المنظر

بمجرد أن تكون راضيًا عن المحتوى ، تحتاج إلى تخصيص إعدادات قسم المنظر لتناسب صفحتك.

خيارات تمرير المنظر

مرر لأسفل إلى خيارات تمرير المنظر. ضمن Style ، يمكنك تغيير ارتفاع المنظر وحجم الصورة بالإضافة إلى تحديد Full Width لإجبار السمة على عرض صورة الخلفية عبر العرض الكامل للشاشة إذا لم تكن بالفعل.

يمكنك أيضًا تغيير الوضع الرأسي والأفقي للرأس على خلفية المنظر. وإذا كنت تريد إخفاء عنوان المشاركة ، فيمكنك القيام بذلك هنا عن طريق الكتابة عرض لا شيء؛ في نمط الرأس.

إعدادات المنظر سيسمح لك بتخصيص كيفية سلوك التمرير المنظر. يتضمن هذا تغيير سرعة خلفية المنظر. جرب سرعات مختلفة لمعرفة ما يناسب موقع الويب الخاص بك والجمهور.

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

بمجرد تعديل الإعدادات والانتهاء من إنشاء قسم المنظر الخاص بك ، انقر فوق نشر.

إدخال قسم المنظر في منشور أو صفحة

بعد ذلك ، تحتاج إلى إدراج قسم المنظر في منشور أو صفحة على موقع الويب الخاص بك. حدد Parallax Scroll من قائمة WordPress الخاصة بك.

Parallax Scroll Shortcode

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

أدخل رمز قصير

قم بمعاينة التغييرات وإذا كنت راضيًا عن قسم المنظر الجديد ، انقر فوق نشر. يمكنك الآن إنشاء أقسام إضافية لإعطاء الصفحة أو نشر تأثير المنظر الكامل. وإذا كنت بحاجة إلى إجراء تعديلات ، فما عليك سوى إعادة فتح صفحة قسم المنظر وإجراء أي تغييرات ضرورية.

افكار اخيرة

إذا لم يكن المظهر الخاص بك يحتوي على ميزة تأثير اختلاف المنظر ، أو إذا كنت تريد إضافة تأثير إلى أكثر من صفحتك الرئيسية فقط ، فإن Parallax Scroll سيمكنك من إنشاء أقسام اختلاف المنظر بسرعة لإضافتها إلى صفحاتك أو مشاركاتك.

كما رأيت ، فإن إضافة تأثير المنظر إلى موقع الويب الخاص بك يمكن أن يكون مفيدًا للغاية. لا يمكنها فقط تحسين الصور المرئية لموقعك على الويب فحسب ، بل ستساعد أيضًا في جذب الجمهور ، وتمكينهم من التنقل بسهولة في موقعك والوصول إلى المحتوى ، وزيادة الوقت الذي يقضونه على موقعك. من المفترض أن تساعد تجربة المستخدم المحسنة هذه موقعك في النهاية على التحويل مقابل أهدافه ، سواء أكان ذلك لزيادة الزوار العائدين أو جمع العملاء المحتملين أو بيع المنتجات أو الخدمات.

هل ستضيف تأثير اختلاف المنظر إلى صفحتك الرئيسية ، أو الصفحة المقصودة ، أو المنشور ، أو في مكان آخر؟ يرجى مشاركة أفكارك في التعليقات أدناه …

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map