باستخدام البرنامج المساعد - WPFront Notification Bar ، يمكنك إضافة شريط إعلام إلى موقعك في أعلى أو أسفل موقع Wordpress الخاص بك. يمكن للوحة عرض أي نص وزر به رابط إلى أي صفحة ، يمكنك إضافة كود HTML. يمكنك تخصيص ألوانك لشريط الإشعارات ، يمكنك اختيار موقع الشريط ، في أعلى أو أسفل الموقع. يمكنك إصلاح اللوحة بحيث تكون اللوحة مرئية دائمًا على الشاشة عند تمرير الصفحة. يمكنك اختيار الصفحات التي سيتم عرض اللوحة عليها وأيها لن يتم عرضه وما إلى ذلك.
يمكنك تثبيت البرنامج المساعد مباشرة من لوحة إدارة WordPress. انتقل إلى علامة التبويب: الإضافات - إضافة جديد ، أدخل اسم المكون الإضافي في نموذج البحث ، واضغط على Enter ، وقم بتثبيت البرنامج المساعد وتنشيطه.
بعد تثبيت البرنامج المساعد وتنشيطه ، انتقل إلى الصفحة: WPFront - شريط التنبيهات لتكوين المكون الإضافي.
عرض
- ممكّن ، حدد هذا المربع لتمكين شريط الإعلام.
- الموضع ، حدد مكان عرض اللوحة ، أعلى - في الأعلى ، أسفل - في الأسفل.
- ثابت في الموضع ، إذا قمت بتحديد هذا المربع ، فستظل اللوحة مرئية دائمًا على الشاشة ، حتى عند تمرير الصفحة.
- العرض عند التمرير ، إذا حددت هذا المربع ، فستظهر اللوحة عند التمرير في الصفحة.
- إزاحة التمرير ، هنا يمكنك تحديد عدد وحدات البكسل التي يجب تمرير الصفحة بها قبل ظهور لوحة الإشعارات.
- ارتفاع الشريط ، هنا يمكنك تحديد ارتفاع الشريط بالبكسل.
- Position Offset ، هنا يمكنك ضبط المسافة من أعلى الموقع إلى اللوحة.
- العرض بعد ذلك ، يمكنك ضبط الوقت الذي ستظهر فيه اللوحة ، ولا تعمل للوظيفة - العرض عند التمرير.
- مدة الرسوم المتحركة ، يمكنك ضبط مدة الرسوم المتحركة عندما تنزلق اللوحة على الشاشة.
- زر إغلاق العرض ، حدد المربع لإظهار الزر مع علامة تقاطع لإغلاق اللوحة.
- الإغلاق التلقائي بعد ، يمكنك تحديد عدد الثواني التي ستغلق فيها اللوحة تلقائيًا ، ولا تعمل للوظيفة - العرض عند التمرير.
- عرض الظل ، وإظهار الظل للوحة.
- عرض زر إعادة الفتح ، إذا تم تحديده ، ثم بعد إغلاق اللوحة ، في زاوية الشاشة ، سيتم عرض زر لفتح اللوحة.
- حافظ على الإغلاق ، إذا قمت بتحديد المربع ، فعند إغلاق اللوحة في صفحة واحدة ، لن يتم عرض اللوحة على الصفحات الأخرى.
- Keep Closed For ، هنا يمكنك تحديد عدد الأيام التي لن تظهر فيها اللوحة للمستخدم الذي أغلق اللوحة.
محتوى
- نص الرسالة ، حدد هنا النص الذي سيتم عرضه في الإشعار ، يمكنك إضافة كود HTML.
- معالجة الرمز المختصر ، حدد المربع لتتمكن من إضافة رموز قصيرة إلى الإخطارات.
- زر العرض ، حدد المربع لإظهار الزر في اللوحة.
- نص الزر ، أدخل نص الزر هنا.
- زر العمل ، قم بتوفير ارتباط للزر هنا. افتح عنوان URL في علامة تبويب / نافذة جديدة - سيفتح الرابط في نافذة جديدة. رابط عدم المتابعة - لن تتم فهرسة الرابط.
- إغلاق الشريط على زر انقر فوق ، أغلق الشريط بالضغط على الزر.
منقي
- تاريخ ووقت البدء ، يمكنك تحديد تاريخ ووقت بدء عرض اللوحة.
- تاريخ ووقت الانتهاء ، يمكنك تحديد التاريخ والوقت عند إغلاق اللوحة.
- عرض في Pages ، حدد الصفحات التي سيتم عرض اللوحة عليها. كل الصفحات - في كل الصفحات. تضمين في الصفحات التالية - تحقق من الصفحات التي سيتم عرض اللوحة عليها. استبعاد في الصفحات التالية - استبعاد الصفحات.
- عرض لأدوار المستخدم ، هنا يمكنك اختيار أدوار المستخدم التي سيتم عرض اللوحة لها. جميع المستخدمين - للجميع ، جميع المستخدمين المسجلين - فقط للمستخدمين المصرح لهم ، المستخدمين الضيوف - فقط للضيوف ، بالنسبة لأدوار المستخدم التالية - تحقق من الأدوار.
لون
- لون الشريط ، حدد ألوان الشريط.
- لون نص الرسالة ، حدد لون النص في اللوحة.
- لون الزر ، حدد ألوان الزر ، يمكنك تحديد لونين لعرض التدرج اللوني.
- لون نص الزر ، لون النص الموجود في الزر.
- إعادة فتح لون الزر ولون زر فتح اللوحة.
- إغلاق لون الزر ، حدد الألوان لزر إغلاق اللوحة.
- CSS مخصص ، يمكنك تعيين بنفسك أنماط CSSللوحة ، ولكن ليس مطلوبًا.
في نهايةالمطاف احفظ التغييرات الخاصة بك.
شريط التنبيهات أعلى أو أسفل موقع ووردبريستم التحديث: 25 يوليو 2018 بواسطة: ايليا جورافليف
تميل العناصر العائمة ، التي تحجب الشاشة أثناء التمرير ، إلى الحصول على نقرات أعلى ومعدلات تحويل أعلى من الكائنات الثابتة. هذا هو السبب في أن العديد من مواقع الويب تستخدم عناصر عائمة من خلال مواقعهم. لقد رأينا عناصر مثل شريط العنوان وشريط التذييل وأداة الشريط الجانبي للرسائل الإخبارية والمزيد. في الماضي ، أظهرنا لك ذلك. في هذه المقالة ، سوف نوضح لك كيفية إنشاء عائم لزج الشريط الجانبيالحاجيات في WordPress حتى تتمكن من إبراز حملة البريد الإلكتروني الخاصة بك.
ملاحظة: يعمل هذا مع جميع أنواع أدوات الشريط الجانبي ، وليس فقط بريدك الإلكتروني. يمكنك استخدامه للترقيات ، والمشاركات الشعبية ، وصور Flickr ، تقويم جوجل، وأي شيء آخر تحبه.
أول شيء عليك القيام به هو تثبيت وتفعيل البرنامج المساعد Q2W3 Fixed Widget (عنصر واجهة مستخدم مثبت). بعد تنشيط المكون الإضافي ، انتقل إلى مظهر" الحاجياتوانقر على القطعة التي تريد جعلها لزجة. يضيف المكون الإضافي خيارًا مُثَبَّتالقطعةلجميع الحاجيات الخاصة بك. تحقق من النافذة مُثَبَّتالقطعةوحفظ التغييرات الخاصة بك. اذهب إلى موقعك الشخصي وانتقل لأسفل. لك مُثَبَّتالقطعةسيكون الآن أداة عائمة لزجة. 
توصيل في مُثَبَّتالقطعةيأتي مع خيارات لتخصيص موضع الحاجيات الرئيسية. اذهب إلى عرض الخيارات مُثَبَّتالقطعة لتكوين البرنامج المساعد. في هذه الصفحة ، يمكنك تعيين الحقول وإضافة معرفات HTML الخاصة بك وحتى تعطيل الأدوات الثابتة على الهواتف والأجهزة اللوحية.
يمكن استخدام الشريط الجانبي العائم اللزج لتعزيز ولاء المستخدم بشكل عام. يمكن أن يكون لديك العديد من الحاجيات الثابتة في الشريط الجانبي. ومع ذلك ، يمكن أن تتأثر بسهولة وقد يتأثر ذلك سلبًا أيضًا. حافظ على التوازن في تصميمك حتى لا تزعج المستخدمين.
سنتحدث اليوم عن مكون إضافي مثير للاهتمام لـ WordPress ، والذي لا يضيف وظائف للموقع فحسب ، بل يحسن مظهره أيضًا - حول المكون الإضافي الألواح المنزلقة. يضيف المكون الإضافي لوحات صغيرة إلى الموقع ، عند النقر عليها ، يغادرون. يمكن إدخال أي شيء في مجال هذه اللوحات.
تنزيل البرنامج المساعد الألواح المنزلقةيمكنك من الموقع الرسمي http://thethefly.com/wp-plugins/thethe-sliding-panels/.
هناك العديد من المكونات الإضافية المماثلة ، ولكن السمات المميزةهذا هو توزيعه المجاني الكامل ، وسهولة التثبيت والتكوين ، والأداء والوظائف الممتازة.
على سبيل المثال ، هناك مكون إضافي jQuery slick form 1.2.1 تحديث- إنه مجاني وعملي ، لكن تثبيته عملية معقدة للغاية ، وهنا - تضغط على اثنين من الأزرار وتكون قد انتهيت!
تثبيت البرنامج المساعد للوحات المنزلقة
تثبيت هذا المكون الإضافي هو نفسه مثل معظم المكونات الإضافية - في حقل بحث المكون الإضافي ، أدخل الاسم وابحث. بعد البحث ، انقر فوق تثبيت وتنشيط المكون الإضافي.
تكوين البرنامج المساعد للوحات المنزلقة
بعد تثبيت وتفعيل هذا المكون الإضافي ، سيظهر سطر إضافي على لوحة التحكم في موقع WordPress الخاص بك على اليسار ، حيث يقول TheFly . إذا قمت بتحريك المؤشر ، فسنحصل على قائمة فرعية من سطرين: السطر الأول هو معلومات عامةحول المكون الإضافي وما إلى ذلك ، والثاني هو نفس السطر حيث سنقوم بتكوين المكون الإضافي:
الإعدادات بسيطة للغاية - أولاً نختار المكان الذي سيتم عرض لوحاتنا فيه - أعلى أو أسفل أو يمين أو يسار أو ستكون اللوحة نافذة منبثقة:
أعتقد أنك لن تواجه أي صعوبات في مرحلة إعداد المكون الإضافي ، لا تنس الضغط على الزر بعد كل تغيير في الإعدادات "إعدادات التحديث". لذا ، قم بالإعداد - دعنا ننتقل إلى ملء لوحاتنا بمحتوى مفيد.
أين تكتب نصًا أو تلصق رمزًا في المكون الإضافي The Sliding Panels
لإدخال نص أو بعض التعليمات البرمجية ، أو أي شيء آخر ، مثل قائمة ، تحتاج إلى الانتقال إلى أدوات موقعك. يتم ذلك بسهولة شديدة: افتح لوحة إدارة الموقع ، على اليسار في وحدة التحكم ، انقر فوق "مظهر" — "الحاجيات". ينشئ هذا المكون الإضافي عدة أعمدة - اعتمادًا على موقع اللوحات فقط:
- أعلى لوحة منزلقة
- لوحة انزلاق اليسار
- لوحة انزلاقية
- اللوحة اليمنى المنزلقة.
حدد أي لوحة واسحب وأفلت عناصر واجهة المستخدم من مجموعة أدوات موقع WordPress القياسية. يمكن أن يكون نصًا أو رمزًا أو عنصر واجهة مستخدم أحدث المشاركات أو أداة بحث والمزيد. بعد تحديد ما تحتاجه - انقر فوق حفظ واستمتع بتحديث موقعك!
تنبيه: قد يتعارض هذا المكون الإضافي مع بعض البرامج الأخرى التي تستخدم مكتبة JQuery - إذا كانت صفحات موقعك "عائمة" ، فلن يناسبك هذا المكون الإضافي.
لوحات الإخطار- أداة فعالة للغاية لتحفيز انتقال المستخدم إلى الصفحة المطلوبة. بالإضافة إلى ذلك ، فإنها تعمل على العرض معلومات مهمةلأنها تجذب انتباه المستخدم دائمًا. تحتوي بعض اللوحات على نماذج إدخال بيانات ويمكن استخدامها ، على سبيل المثال ، للاشتراك في القوائم البريدية.
في المتاجر عبر الإنترنت ، تُستخدم لوحات الإشعارات بنشاط لإعلام الزائرين بالعروض الترويجية والخصومات ، وبالتالي فهي آلية قوية لزيادة المبيعات.
في هذا الاستعراض ، سأتحدث فقط عن بعض المكونات الإضافية الأكثر وظيفية وجاذبية ، في رأيي ، لإنشاء مثل هذه اللوحات على صفحات موقع ويب أو مدونة على. كل واحد منهم له مزاياه الخاصة ، والعديد من الوظائف والقدرة على تكييف المظهر مع أسلوب وتصميم موقعك. ليس لدي أدنى شك في أنه بفضل هذه المراجعة ، ستتمكن من اختيار المكون الإضافي الذي يناسب متطلباتك.
إخطارات مخصصة
مكون إضافي عالي الجودة يحتوي على جميع الميزات الضرورية المتأصلة في مكون إضافي من هذا المستوى.يمكن أن يحتوي شريط الإعلام على نص عادي ، نموذج إدخال البريد الإلكترونيأو على موقع الويب والشبكات الاجتماعية وجهاز توقيت العد التنازلي.
وكل هذا محاط بحاويات قابلة للتكيف وسيتم عرضه بشكل صحيح على أي شاشات. بالإضافة إلى ذلك ، تتيح لك لوحة الإعدادات التحكم في الموضع على الصفحة ونظام الألوان دون أي قيود تقريبًا.
التكلفة: 29 دولارًا
البرنامج المساعد BugMeBar WordPress
لوحة بسيطة ولكنها ملفتة للنظر مع تأثيرات لونية جميلة جدًا وملفتة للنظر. يمكن وضعها في أي مكان على الصفحة ، وبالإضافة إلى ذلك ، يمكنها تعيين ملفات تعريف الارتباط وعدم عرضها في زيارة لاحقة للصفحة إذا لم يرغب المستخدم فجأة في رؤيتها بعد الآن.ميزات أخرى يجب ملاحظتها:
- تحديد الصفحات التي سيتم عرض اللوحة عليها والتي لا يتم عرضها.
- تحديد مدة ملف تعريف الارتباط.
- تحكم كامل في المظهر ، بما في ذلك اختيار اللون والشفافية وما إلى ذلك.
- القدرة على تبديل الرؤوس والتذييلات الثابتة ، مع الحفاظ على تكامل التخطيط.
- القدرة على تمكين أو تعطيل الانتقالات والرسوم المتحركة
مرحبا بار
واحد من المشهورين بكثرة أشرطة الإعلام لـ Wordpress. وثم، حر، على الرغم من أنها ليست أدنى من نظيراتها المتميزة من حيث الوظيفة.لاستخدام شريط الترحيب ، ما عليك سوى الانتقال إلى المكون الإضافي وإدخال عنوان URL لمدونتك. بعد ذلك ، سيتم نقلك إلى لوحة الإعدادات ، حيث يمكنك تخصيص موقع ومظهر الإخطارات. علاوة على ذلك ، تحتوي لوحة الإعدادات على وظيفة معاينة ، حتى تتمكن من إعطاء إخطاراتك الشكل المطلوب بسرعة.
بعد الانتهاء من الإعدادات ، ستتلقى مقتطف رمز تحتاج إلى إدراجه مباشرة في صفحة الموقع. إذا كنت لا تشعر بأنك مؤهل بدرجة كافية لهذه العملية ، فيمكنك التثبيت ، والذي سيقوم بهذا العمل الروتيني نيابة عنك.
دي دبليو بروموبار
البرنامج المساعد البسيط جدا يحتوي فقط على الأساسيات. يمكن لشريط الإشعارات عرض نص عادي أو زر أو ارتباط أو مؤقت للعد التنازلي. تبدو جذابة وتمنحك التحكم الكامل في جميع الإعدادات.
Foobar - أشرطة إعلام WordPress
لن تكتمل هذه المراجعة إذا لم أذكر Foobar. هذا هو أحد المكونات الإضافية المتميزة الأكثر استخدامًا في هذه الفئة. يحتوي على أكثر من 30 خيار تخصيص ، وعلى عكس العديد من الخيارات الأخرى ، يسمح لك بتخصيص شريط الإشعارات على حدة لكل صفحة.التكلفة: 9 دولارات
شريط إعلام WordPress
البرنامج المساعد المجاني، سهل الاستخدام والتفعيل. يمكن أن يكون محتوى اللوحة نصًا عاديًا ، بالإضافة إلى احتوائه على زر مرتبط بإجراء معين. بفضل النطاق الواسع لإعدادات الألوان ، يمكنك تكييف اللوحة بشكل مثالي مع تصميم موقع الويب الخاص بك.
شريط التذييل الملكي
Royal Footer Bar هو مكون إضافي من الدرجة الأولى ، "ملكي" حقًا. تبدو احترافية للغاية ولديها مجموعة واسعة من الخيارات.قد تحتوي لوحة المعلومات على نص عادي ، ونموذج للاشتراك في القوائم البريدية ، وروابط مختلفة ، بما في ذلك حسابات وسائل التواصل الاجتماعي. في لوحة الإعدادات ، لا يمكنك تعيين الإعدادات الضرورية فحسب ، بل يمكنك أيضًا الحصول على إحصائيات كاملة عن النشاط.
أهم ما يميز هذا المكون الإضافي هو ما أطلق عليه المطورون اختبار A / B / C - يمكنك تعيين عدة خيارات للإعدادات وبعد تقييمها في بيئة العمل ، اختر الخيار الذي يناسب مفهوم الموقع.
التكلفة: 39 دولارًا
شريط الإشعارات
مكون إضافي بسيط للغاية يتم عرضه شريط الإشعاراتإما في الجزء العلوي أو السفلي من الصفحة. يتضمن 5 خيارات لونية لـ رسالة نصيةأوهل ترغب في عرض شريط التنبيهات على موقعك لقرائك؟ ثم ستساعدك لوحة القيادة الخاصة بـ WordPress. أدناه نقدم مجموعة مختلفة إضافات ووردبريسمع وصف كيف يمكن لكل منهم مساعدتك في جذب انتباه القراء بأسلوبهم.
6 ملحقات شريط الإعلام لـ WordPress:
1. شريط إعلام WordPress
إخطار WordPress- يوفر لك هذا البرنامج المساعد البسيط والملفت للنظر مجموعة متنوعة من الخيارات لتناسب احتياجاتك الفردية. بمجرد تثبيت هذا المكون الإضافي ، يمكنك تعيين خيارات لتغيير لون الرسالة والارتباطات التشعبية والأزرار وأي شيء آخر ، سواء كان عرض خصم أحمر لافت للنظر على منتج أو بعض العناصر التي تناسب تصميم موقع الويب الخاص بك ، مع الارتباط بالصفحة المقصودة للرسائل الإخبارية. يمكنك حتى تثبيت الشريط في الجزء العلوي من موقعك إذا كنت تريد ذلك ، والتمرير خلال مشاركات القراء إذا أردت.
2. Easy Heads Up Bar
هيدز أب بار- يعمل هذا المكون الإضافي بشكل مشابه لمكوِّن WordPress Notification الموصوف أعلاه ، ولكن مع بعض الاختلافات الرئيسية في خيارات لوحة الإدارة.
أول اختلاف رئيسي في شريط التنبيهات هذا هو أنه يسمح لك بتعيين صفحات موقعك التي سيظهر عليها. على سبيل المثال ، إذا كنت تريد رؤيته على ملف الصفحة الرئيسيةوليس على صفحات المحتوى ، يمكنك اختيار وضعه عليها فقط الصفحة الرئيسية. تعمل هذه الوظيفة أيضًا في الجانب المعاكس، أي أنه يجعل من الممكن رؤية اللوحة على الصفحات ذات المحتوى ، وليس على الصفحة الرئيسية. يمكنك بالطبع عرضها على جميع الصفحات إذا أردت.
الاختلاف الرئيسي الثاني هو أن هذا المكون الإضافي يسمح لك بضبط مؤقتات على المدة التي ستكون فيها اللوحة على موقعك من "وقت البدء" الذي يمكن تعيينه مسبقًا ، بالإضافة إلى "وقت الانتهاء" الذي سيزيل اللوحة تلقائيًا في وقت معين.
الاختلاف الثالث المهم هو القدرة على إنشاء لوحات متعددة سيتم عرضها بترتيب عشوائي. يسمح لك البرنامج المساعد بعرض المشاركات تلقائيًا بين تواريخ مختلفة.
هنا يمكنك مشاهدة مثال على عمله:
3. شريط إشعار سريع
شريط الإشعارات السريعة- يعد هذا المكون الإضافي واحدًا من أكثر المكونات شيوعًا حيث يمكنه إنشاء شريط إعلام تلقائيًا عند إعادة التثبيت ولديه خيارات متنوعة. لذلك إذا كنت تريد شيئًا بسيطًا يقوم بالمهمة فقط ، فإن هذا المكون الإضافي يناسبك. ملاحظة واحدة جديرة بالملاحظة حول هذا البرنامج المساعد هي أنه يمكنه تغيير حجم الخط ونمطه ولونه. يمكنك أيضًا تغيير لون اللوحة بنفسك ، تمامًا كما في المكونين الإضافيين أعلاه ، باستخدام محرر التدرج لتحديد ثم نسخ ولصق لون جديد خلفية.
هنا يمكنك مشاهدة مثال على عمله:
4. مرحبا بار
مرحبا بار- هذا البرنامج المساعد مشابه جدًا لمكوِّن WordPress Notification Plugin الذي قمنا بمراجعته أعلاه ، مع بعض الاستثناءات. ستحتاج أولاً إلى التسجيل في موقع hello bar لتتمكن من العمل مع هذا المكون الإضافي. مثل البعض الآخر ، يسمح لك Hello Bar بنشر أي رسالة أو إعلان بخيارات لا حصر لها من الألوان والخط. ولكن ما يميز هذا المكون الإضافي حقًا عن الآخرين هو القدرة على تتبع النقرات التي تم إجراؤها واختبار الرسائل المختلفة بسهولة.
هنا يمكنك مشاهدة مثال على عمله:
5 أفعى بار
بار الافعى- يحتوي هذا المكون الإضافي من Viper Chill على معظم الميزات الموجودة في جميع المكونات الإضافية لشريط الإشعارات. أنت تستطيع:
- قم بتغيير المظهر عن طريق تغيير إعدادات اللون والخلفية والشفافية ولون النص.
- قم بتضمين النماذج المحددة في قائمتك البريدية أو موجز RSS الخاص بك.
- اجمع إحصاءات حول النماذج الخاصة بك ، مثل عدد مرات الظهور وعمليات إرسال النماذج والتحويلات المحددة.
- قم بتعيين ملفات تعريف الارتباط بحيث يمكن للمستخدمين إخفاء اللوحة بعد رؤيتها بالفعل. هذا جدا ميزة مفيدةإذا قمت بتحديد اللوحة لتمرير الصفحة مع المستخدم ، والتي بالطبع يمكن أن تكون مزعجة للغاية ومشتتة للانتباه. يمكنك أيضًا تثبيت اللوحة في أعلى الصفحة.
- قم بإجراء العديد من الاختبارات لتحسين نتائج عملك باستخدام هذه اللوحة.
هنا يمكنك مشاهدة مثال على عمله:
6. شريط الأخبار
شريط الأخبار- يختلف هذا البرنامج المساعد عن كل ما هو مذكور أعلاه لأنه يوفر لافتة متحركة. يمكنه عرض الصور والاقتباسات والتواريخ وعناوين المنشورات التي يمكن أن تنزلق إلى الداخل والخارج لإفساح المجال أمام العنوان التالي. يمكن تضمين هذا المكون الإضافي في أي مكان في رأسك ، مع إبراز أحدث مشاركاتك أو مشاركاتك الشائعة أو المحددة باستخدام معرف المنشور. يمكنك تعيين أي عدد من الإدخالات لعرضها في الدفق.
لسوء الحظ ، لم نتمكن من عرض مثال لكيفية عملها لأننا ببساطة لا نملك مساحة كافية في العنوان الخاص بنا. يمكن أن يحدث لك أيضًا ، لذا حاول اختيار واحد وورد موضوعوالتي ستعمل بشكل جيد معها.
إذا كنت ترغب في وضع هذه المقالة أو جزء منها على موقعك ، فيمكنك القيام بذلك عن طريق وضع رابط لموقعنا عليه.
تحميل...