วิธีสร้างทิกเกอร์ข่าวใน WordPress

หากคุณมีเว็บไซต์ WordPress สำหรับนิตยสาร หนังสือพิมพ์ หรืออ่านบล็อกอยู่แล้ว… คุณอาจประสบปัญหาในการดึงความสนใจของผู้เข้าชมไปยังบทความที่โดดเด่น เนื่องจากเว็บไซต์ของคุณเต็มไปด้วยข้อมูลมากเกินไป เพื่อแก้ปัญหานี้ ทิกเกอร์ข่าวจึงเป็นคุณสมบัติที่สมบูรณ์แบบในการทำให้ไซต์การอ่านของคุณอ่านง่ายขึ้น ให้ข้อมูลและโดดเด่นยิ่งขึ้น!

ในโพสต์นี้ เราจะแสดงให้คุณเห็น ว่าทิก เกอร์ ข่าวคืออะไร เหตุใดเราจึงควรใช้ และ วิธีสร้างทิกเกอร์ข่าวที่น่าประทับใจ ด้วยขั้นตอนง่ายๆ เพียงไม่กี่ขั้นตอน

มาเริ่มกันเลย!

ทิกเกอร์ข่าวคืออะไร?

ในเว็บไซต์บางประเภท เช่น นิตยสารออนไลน์ หนังสือพิมพ์ออนไลน์ คุณอาจเห็นสไลด์ข่าวบางสไลด์เลื่อนลงมาที่ด้านล่างสุดหรือส่วนหัว ส่วนท้าย หรือแถบด้านข้าง สไลด์ข่าวเหล่านี้ดูเหมือนในรายการข่าวทางทีวี

เมื่อดูจากทิกเกอร์ข่าวในรายการข่าวทางทีวีหรือเว็บไซต์นิตยสาร ผู้ชมจะได้รับข้อมูลที่ร้อนแรงที่สุดและสังเกตเห็นได้ชัดเจนที่สุด มักจะมีข้อมูลหลายส่วนซึ่งเรียกว่า ticks ในหนึ่งรายการข่าว

ใน gif ด้านล่าง คุณเห็นพาดหัวข่าวหรือไม่ นั่นคือวิธีการทำงานของทิกเกอร์ข่าว

ตัวอย่างของทิกเกอร์ข่าวใน WordPress

ทำไมเราจึงควรใช้ News Tickers?

ทิกเกอร์ข่าวมีประโยชน์มากมายสำหรับเว็บไซต์ประเภทต่างๆ:

• สำหรับนิตยสาร ทิกเกอร์ข่าวช่วยให้คุณเน้นย้ำว่าข้อมูลและโพสต์ใดที่ควรสังเกต
• สำหรับพอร์ตโฟลิโอ นายหน้าจะดึงความสนใจของผู้สรรหามาสู่ประสบการณ์การทำงานที่เห็นได้ชัดเจนและผลตอบแทนของคุณ
• สำหรับเว็บไซต์ประเภทอื่นๆ ตัวอ่านข่าวจะกลายเป็นจุดเด่นของเว็บไซต์ เพื่อทำให้บล็อกของคุณน่าสนใจยิ่งขึ้นและเป็นมืออาชีพ

ดังนั้นทิกเกอร์ข่าวจึงเป็นเครื่องมือที่มีประโยชน์สำหรับเจ้าของเว็บไซต์อย่างชัดเจน ยิ่งไปกว่านั้น การเพิ่มทิกเกอร์ข่าวลงในเว็บไซต์ WordPress ของคุณทำได้ง่ายมาก ไปที่ส่วนถัดไปและรับด้วยตัวคุณเอง!

จะเพิ่มทิกเกอร์ข่าวใน WordPress ได้อย่างไร?

มีหลายวิธีในการเพิ่มทิกเกอร์ข่าว

คุณสามารถใช้ ธีมที่สร้างไว้ล่วงหน้าพร้อมทิกเกอร์ข่าว ในตอนเริ่มต้น นั่นจะง่ายที่สุด เพียงอ่านเอกสารของชุดรูปแบบอย่างละเอียด

อย่างไรก็ตาม ไม่ใช่ว่าทุกธีมจะมีสัญลักษณ์ข่าวที่สร้างไว้ล่วงหน้าแบบนั้น ดังนั้น ในกรณีเหล่านี้ คุณสามารถคิดเกี่ยวกับการใช้ตัวสร้างเพจหรือปลั๊กอิน

ในบทความนี้ เราจะใช้ปลั๊กอินฟรีที่เรียกว่า ปลั๊กอิน Ditty News Ticker ฟรี ใช้งานง่ายมาก และ ปรับแต่งได้สูง คุณเพียงแค่ต้องดาวน์โหลดและเปิดใช้งานบนแดชบอร์ด

คุณสามารถอ่านเพิ่มเติมเกี่ยวกับวิธีการติดตั้งปลั๊กอินได้ที่นี่

ตอนนี้ อย่ารีรออีกต่อไปแล้วทำตาม 3 ขั้นตอนของเราเพื่อให้มีทิกเกอร์ข่าวที่น่าตื่นตาตื่นใจบนไซต์ของคุณ:

ขั้นตอนที่ 1: เพิ่ม Ticker ข่าวใหม่

ขั้นแรก ไปที่ News Ticker > Add New

ในหน้าจอถัดไป คุณจะเห็น 5 แท็บด้านล่าง: เพิ่มชื่อ, รหัสย่อ, โหมด Ticker, ประเภท Ticker และการตั้งค่าส่วนกลาง แท็บเหล่านี้ใช้เพื่อกำหนดค่าและแสดงทิกเกอร์ข่าวของคุณ

คุณคิดว่ามีหลายสิ่งที่ต้องจำมากเกินไปหรือไม่? ไม่ต้องกังวล เราจะอธิบายให้สั้นและชัดเจนสำหรับคุณ:

ขั้นแรก ตั้งชื่อให้ทิกเกอร์ของคุณ พิมพ์ชื่อในแท็บ เพิ่มชื่อ ชื่อเรื่องมักจะปรากฏที่ด้านบนของทิกเกอร์ ดังนั้นพยายามสร้างชื่อที่น่าสนใจเพื่อดึงดูดความสนใจของผู้เยี่ยมชม

หลังจากนั้น คลิก Ticker Type จากนั้นเพิ่มเนื้อหาที่จะแสดงในทิกเกอร์ข่าว (พร้อมลิงก์หากจำเป็น) ในส่วน Ticker Text

ดังที่ได้กล่าวไว้ข้างต้น ทิกเกอร์ข่าวของคุณอาจมี เห็บ หลายตัว เพียงคลิกปุ่ม ( + ) เพื่อเพิ่มหนึ่งรายการ แล้วคลิกปุ่ม ( x ) เพื่อลบ

ขั้นตอนที่ 2: กำหนดค่า News Ticker

หลังจากมีทิกเกอร์ข่าวใหม่ คุณต้องทำให้น่าสนใจยิ่งขึ้นด้วยการกำหนดค่า

ก่อนอื่น เลือกวิธีแสดงทิกเกอร์ข่าวของคุณ คลิก Ticker Mode คุณจะเห็น 3 ตัวเลือก: เลื่อน หมุน และ รายการ อันที่จริง Scroll เป็นตัวเลือกที่พบบ่อยที่สุด แต่คุณสามารถตัดสินใจได้ว่าตัวเลือกใดเหมาะสมที่สุดสำหรับไซต์ของคุณ

เมื่อเลือกหนึ่งในสามตัวเลือกด้านบนแล้ว คุณสามารถปรับการทำงานของทิกเกอร์ได้ตามแท็บต่างๆ ด้านล่าง

โดยส่วนตัวแล้วฉันเลือกโหมด เลื่อน ดังนั้นฉันจะปรับการเลื่อน มีสองสิ่งสำคัญที่ควรสังเกต: Scroll Speed และ Tick ​​Space ที่จริงแล้ว คุณต้องพยายามหลายครั้งเพื่อค้นหาพารามิเตอร์ที่เหมาะสมที่สุด สำหรับฉัน ฉันชอบความเร็วการเลื่อนที่ 8 และช่องว่างการทำเครื่องหมายที่ 10 พิกเซล

นอกจากนี้ ฉันยังทำเครื่องหมาย ที่ ตัวเลือก หยุดชั่วคราวเมื่อวางเมาส์เหนือ เพื่อให้ทิกเกอร์ข่าวหยุดเคลื่อนไหวเมื่อฉันต้องการคลิกที่เครื่องหมาย

นอกจากนี้ เมื่อคลิก การตั้งค่าส่วนกลาง คุณจะเห็นตัวเลือกอื่นๆ เพื่อปรับแต่งทิกเกอร์ ตัวอย่างเช่น หากคุณต้องการให้ชื่อทิกเกอร์อยู่ด้านบนสุด ให้ทำเครื่องหมายที่ ชื่อที่แสดง หรือถ้าคุณต้องการซ่อนทิกเกอร์เมื่อไม่มีเห็บ ให้ทำเครื่องหมายที่ตัวเลือกดังรูปด้านล่าง

ตอนนี้ทิกเกอร์ข่าวของคุณพร้อมที่จะแสดงแล้ว!

ขั้นตอนที่ 3: แสดงทิกเกอร์ข่าว

กลับมาที่แท็บ รหัสย่อ ที่ด้านบนของหน้าจอ:

ทิกเกอร์ข่าวจะแสดงตรงตำแหน่งที่คุณใส่รหัสย่อนี้ คุณสามารถเพิ่มไปยังตำแหน่งใดก็ได้: ส่วนท้ายของหน้าแรก, โพสต์, วิดเจ็ตแถบด้านข้าง,...

โดยปกติ เราไม่ใช้ทิกเกอร์ข่าวสำหรับเนื้อหาของโพสต์ มันจะดีกว่าถ้าคุณวางทิกเกอร์ข่าวไว้ที่ส่วนหัว ส่วนท้าย หรือแถบด้านข้าง ฉันสามารถยกตัวอย่างทิกเกอร์ข่าวของแถบด้านข้างให้คุณได้ อันดับแรก ฉันเลือกหน้าแบบสุ่ม ไปที่หน้า Preview > Customize > Widget

จากนั้นไปที่ แถบด้านข้าง > เพิ่มวิดเจ็ ต คุณจะเห็นตัวเลือกมากมายสำหรับแถบด้านข้างเพิ่มเติม เช่น เสียง ปฏิทิน… เลือก ข้อความ จากนั้นคุณจะเห็นกล่องเล็กๆ เพื่อเพิ่มชื่อแถบด้านข้างและวางรหัสย่อของคุณ:

คุณทำหลายขั้นตอนแล้วใช่ไหม แต่ถ้าคุณต้องการให้ทิกเกอร์ข่าวของคุณสวยงามยิ่งขึ้นด้วยสีที่กำหนดเอง ขนาดฟอนต์ ความทึบ… คุณยังมีงานอีกเล็กน้อยที่ต้องทำ ปลั๊กอินเวอร์ชันฟรีนี้ไม่สนับสนุนให้ผู้ใช้ปรับพารามิเตอร์เหล่านั้น ดังนั้นเราจึงได้ผลลัพธ์เช่น gif ด้านล่างเท่านั้น:

ทิกเกอร์ข่าวดูไม่สวยงามนัก ดังนั้นฉันจึงจัดสไตล์ด้วย CSS เล็กน้อย ไปที่ ปรับแต่ง > CSS เพิ่มเติม

คุณจะเห็นช่องเล็ก ๆ สำหรับใส่รหัส รหัสเหล่านี้จะเปลี่ยนรูปลักษณ์ของทิกเกอร์ข่าวของคุณ

ฉันใช้ชุดรูปแบบหน่วยความจำที่มีจานสีหลักเป็นสีน้ำเงินและสีขาว ดังนั้นฉันจึงเพิ่ม CSS นี้เพื่อให้มีทิกเกอร์ข่าวสีน้ำเงิน:

 .mtphr-dnt-tick-contents {
	สี: var(--สีหลัก);
}

.mtphr-dnt-tick-contents a:hover {
	สี: #000;
}

คลิก เผยแพร่ และดูสิ่งที่เราได้รับ:

นี่เป็นเพียงตัวอย่างง่ายๆ สำหรับคุณ ฉันแน่ใจว่าคุณสามารถสร้างทิกเกอร์ข่าวที่น่าทึ่งกว่านี้ได้ด้วยตัวเอง มาลองดูกัน!

คำสุดท้าย

นั่นคือทั้งหมดที่เกี่ยวกับ การเพิ่มทิกเกอร์ข่าวไปยังเว็บไซต์ WordPress ของคุณโดยปลั๊กอิน Ditty News Ticker เราได้พยายามอย่างเต็มที่เพื่อให้สั้นและชัดเจน เราหวังว่าโพสต์นี้จะเป็นประโยชน์สำหรับคุณ

บางทีคุณอาจมีคำถามหรือข้อสงสัยเกี่ยวกับบทแนะนำของเรา โปรดแจ้งให้เราทราบในส่วนความคิดเห็น เรายินดีที่จะแสดงบทแนะนำโดยละเอียดเพิ่มเติมเกี่ยวกับตัวเลือกขั้นสูงในปลั๊กอินนี้ หรือวิธีอื่นๆ ในการเพิ่มทิกเกอร์ข่าวโดยไม่ต้องใช้ปลั๊กอิน ดังนั้นอย่าลืมเชื่อมต่อกับเรา!