هل تساءلت يوما كيف تسليط الضوء على المواقع الشعبية عناصر جديدة للزائرين العائدين؟
يُعد إبراز المشاركات الجديدة بوضوح للزائرين العائدين طريقة رائعة لمساعدة المستخدمين في العثور على محتوى جديد ، ولكن أيضًا للحصول على المزيد من مشاهدات الصفحة.
في هذا البرنامج التعليمي ، سنوضح لك كيفية إبراز المقالات الجديدة لعودة الزائرين إلى موقع الويب الخاص بك. بلوق وورد.
لماذا تسليط الضوء على عناصر جديدة عند عودة الزوار؟
عادة ما يكون الزوار المنتظمون هم المستخدمون الذين يحبون المحتوى الخاص بك ويعودون للمزيد. ومع ذلك ، فإن معظم هؤلاء المستخدمين يقضون بضع ثوانٍ فقط ، ويغادرون إذا لم يجدوا شيئًا يثير اهتمامهم.
من خلال تمييز المحتوى الجديد ، يمكنك لفت انتباههم إلى أحدث محتوى. لن يساعدك هذا في زيادة مشاهدات صفحتك فحسب ، بل سيسمح لهم أيضًا بالعثور على محتوى جديد.
طريقة 1: تسليط الضوء على المقالات مع البرنامج المساعد
في هذه الطريقة ، سنستخدم مكونًا إضافيًا لتسليط الضوء على المقالات الجديدة عند عودة الزوار. هذه الطريقة أسهل في التنفيذ ونوصي بها للمبتدئين.
أول شيء عليك القيام به هو تثبيت البرنامج المساعد وتنشيطه بمناسبة المشاركات الجديدة. لمزيد من التفاصيل ، راجع دليلنا التفصيلي إلى طريقة لتثبيت البرنامج المساعد WordPress.
بعد تنشيط المكون الإضافي ، تحتاج إلى زيارة الموقع " إعدادات "وضع علامة على منشور جديد" لتكوين المكون الإضافي.
يجب عليك أولاً اختيار مكان العلامة المميزة. يمكن أن يعرضه المكون الإضافي قبل العنوان أو بعده. بعد ذلك تحتاج إلى اختيار نوع العلامة. العديد من الخيارات المتاحة لك. بشكل افتراضي ، يسمح لك المكون الإضافي بعرض صورة كعلامة مميزة.
يمكنك اختيار عرض دائرة أو صورة مخصصة أو النص " جديد أو العلم.
أخيرًا ، تحتاج إلى تحديد متى تريد أن تختفي العلامة. إذا حددت المربع " ضع علامة على المقالات كمقروءة فقط بعد الفتح بعد ذلك سوف يتم عرضها على أنها جديدة حتى يفتح المستخدم العناصر.
يمكن أن يكون مزعجًا بعض الشيء لمستخدميك. نوصي بترك هذا المربع بدون تحديد ، بحيث يتم إخطار المستخدمين بالمقالات الجديدة فقط منذ زيارتهم الأخيرة.
لا تنس حفظ الإعدادات الخاصة بك. هذا كل شيء ، سيقوم المكون الإضافي الآن بتسليط الضوء على المشاركات الجديدة بعد عودة الزوار.
طريقة 2: تمييز العناصر الجديدة يدويًا
تتطلب هذه الطريقة إضافة رمز إلى ملف وورد البرنامج المساعد. إذا كنت مطورًا ، فلن تكون هذه الطريقة ملزمة لك. كما هو الحال دائمًا ، تأكد من عمل ملف وورد النسخ الاحتياطي قبل إضافة المقتطفات.
أول شيء عليك القيام به هو نسخ هذا الرمز ولصقه في ملف وورد البرنامج المساعد.
الوظيفة bpc_lastvisit_the_title ($ title، $ id) {if (! in_the_loop () || is_singular () || get_post_type ($ id) == 'page') إرجاع $ title؛ // إذا لم يكن هناك ملف تعريف ارتباط ، فما عليك سوى إرجاع العنوان إذا (! isset ($ _ COOKIE ['lastvisit']) || $ _COOKIE ['lastvisit'] == '') إرجاع $ title؛ lastvisit = $ _COOKIE ['lastvisit'] ؛ $ publish_date = get_post_time ('U'، true، $ id) ؛ if ($ publish_date> $ lastvisit) $ title. = ' New '؛ عودة $ title؛ } add_filter ('the_title'، 'wpb_lastvisit_the_title'، 10، 2)؛ // تعيين وظيفة ملف تعريف الارتباط lastvisit wpb_lastvisit_set_cookie () {if (is_admin ()) return؛ $ current = current_time ('timestamp'، 1) ؛ setcookie ('lastvisit'، $ current، time () + 60 + 60 * 24 * 7، COOKIEPATH، COOKIE_DOMAIN) ؛ } add_action ('init'، 'bpc_lastvisit_set_cookie')؛
يبحث هذا الرمز عن ملف تعريف الارتباط عندما يقوم زائر عادي بتسجيل الدخول. إذا لم يتمكن من العثور على ملف تعريف الارتباط ، فإنه يضبط ملف تعريف الارتباط مع الوقت الحالي.
إذا عثر على ملف تعريف الارتباط ، فإنه يضيف "جديد'(أو علامة من اختيارك) على عناوين المقالات المنشورة قبل إنشاء ملف تعريف الارتباط.
لاحظ أن هناك فئة " المادة الجديدة "في العلامة حول العلامة"جديد". يمكنك استخدام هذه الفئة لتطبيق نمط مخصص.
فيما يلي مثال على كود CSS:
.new-article {background: #feffdd؛ الحشو: 3px ؛ الحدود: 1px صلب #eeefd2 ؛ -Webkit-border-radius: 5px؛ -Moz-border-radius: 5px ؛ دائرة نصف قطرها الحدود: 5px ؛ هامش اليسار: 5px. حجم الخط: صغير ؛ وزن الخط: غامق ؛ }
هذه هي الطريقة التي ظهرت بها على موقعنا (التسمية الصغيرة "الجديدة").
نأمل أن يكون هذا المقال قد ساعدك في تسليط الضوء على مقالات جديدة للزائرين العائدين. بلوق الخاص بك. لا تتردد في مشاركة المقال مع أصدقائك.