سألنا أحد قرائنا مؤخرًا عن كيفية إضافة تأثير اختلاف المنظر إلى أي سمة WordPress؟

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

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

ولكن ، إذا لم تقم بتثبيت WordPress ، فاكتشف كيفية تثبيت وورد بلوق الخطوات 7 et كيفية العثور عليها، وتثبيت وتفعيل موضوع ورد على بلوق 

ولكن العودة إلى السبب نحن هنا.

كيفية إضافة تأثير اختلاف المنظر إلى أي سمة ووردبريس e1567702269161

ما هو تأثير اختلاف المنظر؟

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

اكتشاف لدينا 25 وورد المواضيع مع المنظر لإنشاء موقع على شبكة الإنترنت

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

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

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

دعنا نلقي نظرة على كيفية إضافة تأثير المنظر بسهولة إلى أي سمة WordPress.

الطريقة الأولى: أضف تأثير المنظر إلى أي سمة WordPress باستخدام مكون إضافي

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

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

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

أضف خلفية ووردبريس

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

بادئ ذي بدء ، تحتاج إلى تحديد صورة كخلفية ثم تحديد الخيار " تمدد".

خلفية نافذة وورد المتقدمة

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

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

انقر على زر إدراج لمواصلة.

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

[nk_awb awb_type = "image" awb_stretch = "true" awb_image = "22" awb_image_size = "full" awb_parallax = "scroll" awb_parallax_speed = "0.5" awb_mouse_parallax = "true" awb_max_ " هنا [/ nk_awb]

استبدال " هذا المحتوى حسب المحتوى الخاص بك ، ثم احفظ صفحتك.

يمكنك زيارة موقع الويب الخاص بك لرؤيته في العمل.

تأثير المنظر على ووردالطريقة الثانية: أضف تأثير "Parallax" إلى أي سمة WordPress باستخدام CSS

تتطلب هذه الطريقة أن يكون لديك بعض المعرفة بـ "HTML / CSS" وكذلك كيفية عمل سمات ووردبريس والمكونات الإضافية.

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

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

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

انسخ رابط الصورة إلى ووردبريس

ثم تحتاج إلى إضافة كود HTML التالي في الصفحة حيث تريد عرض تأثير المنظر. يمكنك أيضًا إضافة رمز HTML هذا إلى ملف وورد موضوع أو موضوع طفلك.

فئة div = "parallax"> المحتوى الخاص بك هنا ...

ثم تحتاج إلى إضافة رمز CSS المخصص التالي إلى سمة WordPress الخاصة بك.

.parallax {خلفية الصورة: رابط ( "http://example.com/wp-content/uploads/2017/08/my-background-image.jpg")؛ الطول: 100٪، خلفية المرفقات: ثابتة. خلفية موقف: المركز؛ الخلفية تكرار: لا توجد تكرار. خلفية الحجم: غطاء. هامش اليسار: -410px. الهامش اليمين: -410px. } .parallax المحتوى {عرض: 50٪، هامش: 0 السيارات. اللون: # الاتحاد الفرنسي. الحشو أعلى: 50px. }

تذكر استبدال عنوان URL لصورة الخلفية بصورتك الخاصة.

يمكنك الآن حفظ التغييرات الخاصة بك وزيارة موقع الويب الخاص بك.

وورد مثال تأثير المنظر

هنا! يمكنك الآن إضافة تأثير اختلاف المنظر إلى موقع WordPress الخاص بك.

اكتشف أيضًا بعض السمات والإضافات الإضافية لبرنامج WordPress  

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

نحن نقدم لك هنا بعض الإضافات WordPress المتميزة التي سوف تساعدك على القيام بذلك.

1. ووكومرس التبرع

اقبل من خلال هذا الامتداد التبرعات على موقع WooCommerce الإلكتروني الخاص بك بالمبالغ المحددة من قبل العملاء. سيسمح لهم ذلك بالتبرع بقدر ما يريدون. يمكن تقديم كل تبرع كأي منتج معتاد WooCommerce


البرنامج المساعد Woocommerce للتبرع

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

يتم شرح كل خطوة من خطوات استخدام WooCommerce Donation في توثيق مع لقطات شاشة. فقط قم بتنشيط المكون الإضافي وستجد حقل "إضافة تبرع" في سلة التسوق.

تحميل | عرض استضافة المواقع

2. ينكدين أكثر

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

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

تحميل | عرض | استضافة المواقع

3. من مستخدمي YouTube

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

يوتيوب ووردبرس البرنامج المساعد

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

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

تحميل | عرض | استضافة المواقع

الموارد الموصى بها

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

وفي الختام

هذا هو كل شيء! نأمل أنه كان مفيدًا جدًا. لا تتردد في شارك مع أصدقائك على الشبكات الاجتماعية المفضلة لديك

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

وإذا كان لديك أي اقتراحات أو ملاحظات ، فاتركها في قسمنا تعليقات.

...