شارك المقال

أفضل 8 دروس jQuery للمبتدئين في ووردبريس

A VPN is an essential component of IT security, whether you’re just starting a business or are already up and running. Most business interactions and transactions happen online and VPN

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

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

1. كيفية إضافة أداة jQuery Tabber Widget في ووردبريس

أداة jQuery Tabber Widget في ووردبريس

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

2. كيفية إضافة الأكورديون الأسئلة الشائعة لـ jQuery في ووردبريس

الأسئلة الشائعة في jQuery قائمة الأكورديون

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

3. كيفية إضافة Smooth Scroll to Top Effect في ووردبريس باستخدام jQuery

قم بالتمرير السلس إلى أعلى المؤثرات باستخدام jQuery

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

4. كيفية إضافة jQuery Tooltips في نموذج تعليق ووردبريس

إضافة jQuery Tooltips إلى نموذج تعليق ووردبريس

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

5. كيف تجعل مقاطع الفيديو الخاصة بك تستجيب في ووردبريس باستخدام FitVids

كيفية جعل مقاطع الفيديو الخاصة بك تستجيب في ووردبريس باستخدام المكون الإضافي jQuery Fitvids

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

6. كيفية إضافة الشهادات الدورية في وورد

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

7. كيفية إضافة قائمة لوحة الشرائح في ثيمات ووردبريس

أضف قائمة لوحة شرائح في ووردبريس باستخدام jQuery

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

8. كيفية إضافة شهادات تلميح الأدوات في قوالب ووردبريس

الشهادات في jQuery Tooltip

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

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

خدمات مميزة لآجلك

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

اشترك معنا لمزيد من المعرفة

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

توضيح

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

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

أرسل تصحيح

شاركنا رايك وتقييمك للموضوع

{{ reviewsTotal }}{{ options.labels.singularReviewCountLabel }}
{{ reviewsTotal }}{{ options.labels.pluralReviewCountLabel }}
{{ options.labels.newReviewButton }}
{{ userData.canReview.message }}