วิธีเพิ่มข้อความเลื่อนใน WordPress ด้วย Elementor

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

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

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

ข้อความเลื่อนใน WordPress คืออะไร?

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

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

เรียนรู้วิธีเพิ่มข้อความภาพเคลื่อนไหวใน WordPress

ใช้กรณีการเลื่อนข้อความใน WordPress

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

• การแสดงข่าวด่วนหรือการอัปเดต

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

• ข้อเสนอที่เน้นหรือส่วนลด

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

• ประกาศกิจกรรมหรือการสัมมนาผ่านเว็บ

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

• แสดงประกาศฉุกเฉินหรือการแจ้งเตือน

สำหรับเว็บไซต์เช่นโรงเรียนโรงพยาบาลหรือพอร์ทัลรัฐบาลการเลื่อนข้อความมีประโยชน์สำหรับการแสดงการอัปเดตฉุกเฉินประกาศปิดหรือการหยุดชะงักของบริการ

• มีคำรับรองหรือคำติชมของลูกค้า

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

• การแบ่งปันโซเชียลมีเดียหรือข้อมูลการติดต่อ

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

สำรวจวิธีเพิ่มปุ่มแชร์โซเชียลมีเดียไปยัง WordPress

วิธีเพิ่มข้อความเลื่อนใน WordPress ด้วย Elementor

ดังที่ได้กล่าวไปแล้วคุณสามารถเพิ่มข้อความการเลื่อนใน WordPress โดยใช้เครื่องมือ Elementor ในตัวและ addons ในตัว Happyaddons เป็น addon ที่ยอดเยี่ยมที่คุณสามารถใช้ในเรื่องนี้

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

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

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

ขั้นตอนที่ 01: เปิดหน้าด้วย Elementor Canvas

เปิดหน้าด้วย Canvas Elementor คุณสามารถสร้างใหม่ได้ตั้งแต่เริ่มต้นหรือเพียงแค่นำเข้าแม่แบบ

ขั้นตอนที่ 02: สร้างส่วนใหม่เพื่อเพิ่มวิดเจ็ตข้อความเลื่อนข้อความ

สร้างส่วนใหม่เพื่อเพิ่มวิดเจ็ตข้อความเลื่อนข้อความโดย คลิก ที่ ไอคอน Plus (+) ที่ ตำแหน่งที่คุณต้องการ

เลือกโครงสร้างคอลัมน์สำหรับส่วนใหม่ เรากำลังเลือกโครงสร้างคอลัมน์เดียวสำหรับการสอน

เมื่อมีการสร้างพื้นที่สำหรับส่วนใหม่แล้ว ให้ลากและวางวิดเจ็ตข้อความเลื่อนข้อความ ในส่วน

วิดเจ็ตข้อความเลื่อนข้อความจะถูกเพิ่มลงในผืนผ้าใบทันที

ขั้นตอนที่ 03: เลือกประเภทการเลื่อน

มีสี่ประเภทเลื่อนในวิดเจ็ต พวกเขาคือ:

• ไฮไลต์เส้นแนวตั้ง
• ไฮไลท์เส้นแนวนอน
• หน้ากากแนวตั้ง
• หน้ากากเส้นแนวนอน

มาดูกันในวิดีโอด้านล่างว่าแต่ละประเภทเหล่านี้มีพฤติกรรมอย่างไรเมื่อเลือก

ลองเลือกหน้ากากแนวนอนสำหรับการสอน

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

ขั้นตอนที่ 04: สไตล์การเลื่อนข้อความ

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

ทำ stylizations ที่จำเป็นด้วยตัวเลือกเหล่านี้ที่มีอยู่ภายใต้แท็บ

คุณจะเห็นว่าเราได้เพิ่มการจัดสรรที่จำเป็นให้กับวิดเจ็ต เราได้เปลี่ยนสีข้อความสีพื้นหลังตัวอักษรจังหวะข้อความ ฯลฯ

ดังนั้นคุณสามารถใช้วิดเจ็ตข้อความเลื่อนและสร้างเนื้อหาที่มีส่วนร่วมตามที่คุณต้องการ

ขั้นตอนที่ 05: เพิ่มข้อความเลื่อนเพิ่มเติมไปยังหน้าเว็บของคุณ

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

ไฮไลต์เส้นแนวตั้ง

ไฮไลท์เส้นแนวนอน

หน้ากากแนวตั้ง

หน้ากากเส้นแนวนอน

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

คำถามที่พบบ่อยเกี่ยวกับการเลื่อนข้อความใน WordPress

ในส่วนนี้เราได้ตอบคำถามที่พบบ่อยที่พบบ่อยใน Google ฟอรัมออนไลน์และโซเชียลมีเดีย

ความคิดสุดท้าย!

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

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

ดูบทช่วยสอนจากวิดีโอ YouTube ที่ฝังอยู่ด้านล่าง หากคุณมีคำถามใด ๆ ในใจให้พูดถึงพวกเขาในช่องแสดงความคิดเห็นด้านล่าง เราจะตอบคำถามของคุณในเวลาที่เร็วที่สุด