كيفية إنشاء إشارات أخبار في ووردبريس

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

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

هيا بنا نبدأ!

ما هي مؤشرات الأخبار؟

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

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

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

مثال على شريط الأخبار في WordPress

لماذا يجب علينا استخدام مؤشرات الأخبار؟

تتمتع مؤشرات الأخبار بفوائد مختلفة لأنواع مختلفة من مواقع الويب:

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

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

كيف تضيف إشارات الأخبار في ووردبريس؟

هناك العديد من الطرق لإضافة شريط أخبار.

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

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

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

يمكنك قراءة المزيد حول كيفية تثبيت البرنامج المساعد هنا.

الآن ، دعنا لا نتردد بعد الآن ونتبع خطواتنا الثلاث للحصول على شريط أخبار مذهل على موقعك:

الخطوة 1: إضافة شريط أخبار جديد

أولاً ، انتقل إلى شريط الأخبار > إضافة جديد .

في الشاشة التالية ، سترى 5 علامات تبويب أدناه: إضافة عنوان ، ورمز قصير ، ووضع المؤشر ، ونوع المؤشر ، والإعدادات العامة . تُستخدم علامات التبويب هذه لتكوين وعرض مؤشرات الأخبار.

هل تعتقد أن هناك الكثير من الأشياء التي يجب وضعها في الاعتبار؟ لا تقلق ، سنجعلها مختصرة وواضحة لك:

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

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

كما ذكرت أعلاه ، قد يحتوي شريط الأخبار الخاص بك على العديد من العلامات . فقط انقر فوق الزر ( + ) لإضافة واحد ، ثم انقر فوق الزر ( x ) للحذف.

الخطوة 2: تكوين شريط الأخبار

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

بادئ ذي بدء ، اختر كيفية عرض مؤشرات الأخبار الخاصة بك. انقر فوق وضع المؤشر ، سترى 3 خيارات: التمرير ، والتدوير ، والقائمة . في الواقع ، يعد Scroll هو الخيار الأكثر شيوعًا ، ولكن يمكنك تحديد الخيار الأنسب لموقعك.

بمجرد اختيار أحد الخيارات الثلاثة المذكورة أعلاه ، يمكنك ضبط سلوك المؤشرات من خلال علامات التبويب المختلفة أدناه.

أنا شخصياً اخترت وضع التمرير ، لذلك سأقوم بتعديل إجراء التمرير. هناك شيئان مهمان يجب ملاحظتهما: Scroll Speed و Tick ​​Space . في الواقع ، عليك المحاولة عدة مرات لمعرفة المعلمات الأكثر ملاءمة. بالنسبة لي ، أفضل سرعة التمرير 8 ومساحة التجزئة 10 بكسل.

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

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

الآن شريط الأخبار جاهز للعرض!

الخطوة 3: عرض مؤشرات الأخبار

دعنا نعود إلى علامة التبويب Shortcode أعلى الشاشة:

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

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

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

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

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

هناك سترى مربعًا صغيرًا لإضافة رمز. ستعمل هذه الرموز على تغيير مظهر أشرطة الأخبار الخاصة بك.

أنا أستخدم سمة الذاكرة مع اللوحة الرئيسية باللونين الأزرق والأبيض. لذلك ، أضفت CSS هذا للحصول على شريط أخبار باللون الأزرق:

 .mtphr-dnt-tick-content a {
	اللون: var (- اللون الرئيسي) ؛
}

.mtphr-dnt-tick-content a: hover {
	اللون: # 000 ؛
}

انقر فوق نشر ، وشاهد ما لدينا:

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

الكلمات الأخيرة

هذا كل شيء عن إضافة شريط أخبار إلى موقع WordPress الخاص بك عن طريق المكون الإضافي Ditty News Ticker . لقد بذلنا قصارى جهدنا لجعلها قصيرة وواضحة ، لذلك نأمل أن تكون هذه المشاركة مفيدة لك.

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