เนื้อหาคือราชา แต่รูปลักษณ์คือราชินี และนั่นไม่สามารถเป็นจริงมากขึ้นในสถานะของพร็อพเพอร์ตี้เว็บในปัจจุบัน การมีการออกแบบที่สะดุดตาจะช่วยให้เจ้าของเว็บสามารถดึงดูดความสนใจของผู้เยี่ยมชมได้ นอกเหนือจากเลย์เอาต์ที่ออกแบบมาอย่างดี การผสมสีที่กลมกลืนกัน และฟอนต์ที่สวยงาม วิธีหนึ่งที่เจ้าของเว็บสามารถใช้เพื่อให้ได้รับการแจ้งทันทีของผู้เยี่ยมชมคือการใช้ข้อความที่เคลื่อนไหวเหมือนเครื่องพิมพ์ดีด หากคุณเป็นผู้ใช้ WordPress คุณสามารถใช้งานเอฟเฟกต์นี้ได้อย่างง่ายดายโดยใช้ปลั๊กอินชื่อ ประเภท Js .
หมายเหตุ :เนื่องจากเอฟเฟกต์เป็นข้อความที่เคลื่อนไหว และเป็นการยากที่จะอธิบาย "ความเท่" โดยใช้คำหรือภาพนิ่ง ฉันจึงตัดสินใจใช้สิ่งนี้ในโครงการเว็บไซต์ส่วนตัวของฉัน และคุณจะเห็นผลลัพธ์ที่นั่น
การติดตั้งและตั้งค่าปลั๊กอิน
การติดตั้งปลั๊กอินใน WordPress นั้นง่ายมาก โดยเฉพาะอย่างยิ่งสำหรับผู้ที่เคยปรับแต่งแพลตฟอร์มมาระยะหนึ่งแล้ว สิ่งที่คุณต้องทำคือเข้าสู่ระบบในพื้นที่ผู้ดูแลระบบของคุณ และใช้เมนู "ปลั๊กอิน -> เพิ่มใหม่" จากแถบด้านข้างทางซ้าย ค้นหา “Typed Js” จากที่เก็บปลั๊กอิน จากนั้นติดตั้งและเปิดใช้งาน
ตอนนี้คุณพร้อมที่จะเพิ่มเอฟเฟกต์ Typed Js ใหม่แล้ว กระบวนการนี้คล้ายกับการเพิ่มโพสต์ใหม่ไม่มากก็น้อย ขั้นแรก ไปที่เมนู "พิมพ์ -> เพิ่มใหม่" จากแถบด้านข้างซ้าย จากนั้นตั้งชื่อเอฟเฟกต์ที่พิมพ์ใหม่ของคุณ
สิ่งสำคัญ! ให้ความสนใจกับ "รหัสย่อที่สร้างขึ้น" เป็นสตริงระหว่าง “[วงเล็บเหลี่ยม]” คัดลอกทุกอย่างรวมทั้งวงเล็บ และใส่รหัสย่อที่ใดก็ได้ที่คุณต้องการให้ปรากฏ ชุดสตริงที่ต่างกันจะมีรหัสสั้นต่างกัน
จาก "ตัวเลือกที่พิมพ์" คุณสามารถเพิ่มสตริงของคำ/วลี/ประโยคที่คุณต้องการให้ปรากฏโดยใช้ลำดับที่คุณต้องการ ใช้ปุ่ม "บวก (+)" เพื่อเพิ่มสตริงใหม่และปุ่ม "ลบ (-)" เพื่อลบรายการ
ด้านล่างสตริงคือการตั้งค่าต่างๆ เพื่อปรับลักษณะที่ปรากฏของเอฟเฟกต์ คุณปรับแต่งความเร็วในการพิมพ์ หน่วงเวลาเริ่ม ความเร็วย้อนกลับ และหน่วงเวลาถอยหลังได้ ตัวเลขทั้งหมดมีหน่วยเป็นมิลลิวินาที คุณยังสามารถตั้งค่าให้สตริงปรากฏเป็นวง แสดงเคอร์เซอร์ เลือกอักขระเป็นเคอร์เซอร์ และทำให้กะพริบได้
อีกสิ่งหนึ่งที่คุณปรับได้คือการแสดงผล เช่น แบบอักษรและสี
และหลังจากตั้งค่าทั้งหมดเสร็จแล้ว ให้กด "เผยแพร่" หรือ "อัปเดต"
การใช้เอฟเฟกต์ใน WordPress ของคุณ
ดังที่ได้กล่าวไว้ก่อนหน้านี้ ในการใช้เอฟเฟกต์ Typed คุณต้องคัดลอกรหัสย่อแล้ววางในตำแหน่งที่คุณต้องการให้ปรากฏ สำหรับเว็บไซต์ของฉัน ฉันจะใช้มันบนหน้า Landing Page ที่ฉันสร้างขึ้นโดยใช้ SiteOrigin Page Builder
ขั้นแรก ฉันสร้างหน้าใหม่ผ่าน “หน้า -> เพิ่มใหม่” จากนั้นฉันก็เปลี่ยนไปใช้แท็บ "ตัวสร้างเพจ" เพิ่ม "แถว" ใหม่ให้เป็นหนึ่งคอลัมน์ และเพิ่มวิดเจ็ต "SiteOrigin Hero" ลงในแถว
จากนั้นฉันก็เปิดเฟรมและแก้ไขเนื้อหาแบบเดียวกับที่ฉันทำกับโพสต์ WordPress ปกติ ฉันใส่รหัสย่อที่สร้างขึ้นในโพสต์ก่อนหน้า
เพื่อให้การออกแบบสมบูรณ์ ฉันได้เพิ่มและปรับแต่ง "ปุ่ม" ที่จะเชื่อมโยงไปยังหน้า "ติดต่อฉัน" ที่ตั้งค่าไว้ก่อนหน้านี้ เพื่อให้ผู้เข้าชมที่ต้องการบริการของฉันสามารถติดต่อฉันได้
และนี่คือผลลัพธ์สุดท้าย หากคุณต้องการดูตัวอย่างของเอฟเฟกต์แบบเรียลไทม์ คุณสามารถไปที่ไซต์ของฉันได้
คุณสามารถสร้างรายการ Typed Js ได้มากเท่าที่คุณต้องการ จากนั้นคัดลอกและวางรหัสย่อและแทรกเอฟเฟกต์ที่ใดก็ได้ภายในโพสต์หรือหน้า แม้ว่ามันจะเจ๋งมาก แต่คุณไม่สามารถใช้เอฟเฟกต์ในชื่อได้ ฉันพยายามแล้ว
คุณคิดอย่างไรเกี่ยวกับเอฟเฟกต์ Typed Js? คุณเห็นตัวเองใช้มันในไซต์ WordPress ของคุณหรือไม่? แบ่งปันความคิดและความคิดเห็นของคุณโดยใช้ความคิดเห็นด้านล่าง
