كيفية إضافة لافتة متحركة إلى موقع WordPress الخاص بك

نشرت: 2022-09-14

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

كيفية إضافة لافتة رأسية في ووردبريس

الائتمان: يوتيوب

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

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

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

البرنامج المساعد لتمرير النص في WordPress

الائتمان: www.gopiplus.com

هناك بعض الإضافات المختلفة التي يمكنك استخدامها لتمرير النص في WordPress. أحدهما يسمى "Scroll Text" والآخر يسمى "Scrolling Text Widget". يتوفر كلا المكونين الإضافيين مجانًا من مستودع مكونات WordPress الإضافية. يعد Scroll Text مكونًا إضافيًا بسيطًا إلى حد ما يسمح لك بإنشاء عنصر واجهة مستخدم نصي للتمرير لشريطك الجانبي. يحتوي على عدد قليل من الإعدادات المختلفة التي يمكنك استخدامها لتخصيص الأداة ، مثل سرعة التمرير والاتجاه. يعد Scrolling Text Widget مكونًا إضافيًا أكثر تعقيدًا يسمح لك بإنشاء عنصر واجهة مستخدم نصي يمكن تمريره يمكنه عرض موجز ويب لـ RSS أو التغريدات أو أي محتوى آخر. يحتوي أيضًا على عدد من الإعدادات المختلفة التي يمكنك استخدامها لتخصيص الأداة ، مثل سرعة التمرير والاتجاه والارتفاع.

يقدم فريق WP OnlineSupport خدمات عنصر واجهة مستخدم الأخبار والتمرير. هناك عنصر واجهة مستخدم للتمرير وأخبار ووردبريس ديناميكي وسهل الاستخدام. باستخدام البرنامج المساعد Catch Infinite Scroll by Catch Plugins ، يمكنك إضافة التمرير اللانهائي إلى موقع الويب الخاص بك. المكوّن الإضافي Vertical News Scroller هو أحد مكونات WordPress التي تعرض أخبار التمرير العمودي. يمكنك استخدام الشريط الجانبي لعرض نص متحرك في أي صفحة. أصبح استخدام أدوات SiteOrigin وتخصيصها أسهل بفضل حزمة SiteOrigin Widget Bundle. يمكن عرض شبكة المنشورات مجانًا باستخدام مرشح طرق عرض المحتوى. يمكن بسهولة فرز المنشورات والصفحات وعرضها باستخدام ميزة الشبكة / القائمة. هذا شريط تمرير رئيسي مجاني لـ Respive Touch من averta وهو سريع الاستجابة ومتوفر في العديد من البرامج التعليمية.

التمرير الأفقي وورد

الائتمان: www.pluginforthat.com

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

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

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

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

لافتة إعلان ووردبريس

يُعد شعار إعلان WordPress طريقة رائعة لإعلام زوارك بما هو جديد على موقعك. يمكنك استخدامه للإعلان عن منتجات جديدة أو عروض خاصة أو أي شيء آخر تريد إعلام زوارك به.

لافتات الإخطار: للاستخدام أم لا؟

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