วิธีใช้บล็อกปุ่ม WordPress

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

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

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

สมัครสมาชิกช่อง Youtube ของเรา

วิธีเพิ่มปุ่มบล็อกในโพสต์หรือหน้าของคุณ

หากต้องการเพิ่มปุ่มในเนื้อหา WordPress ให้ไปที่โพสต์หรือหน้าที่คุณต้องการแทรกก่อน คลิกถัดไปที่ไอคอน เพิ่มบล็อก (1) ค้นหา "ปุ่ม" ในช่องข้อความแล้วเลือกตัวเลือก ปุ่ม (2):

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

ปุ่มบล็อกการตั้งค่าและตัวเลือก

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

ข้อความและการเชื่อมโยง

เมื่อคุณแทรกบล็อก ปุ่ม เป็นครั้งแรก ปุ่ม เริ่มต้นจะถูกเพิ่มด้วยเนื้อหาที่พัก:

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

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

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

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

การจัดรูปแบบปุ่ม

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

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

สไตล์ วิชาการพิมพ์ และสี

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

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

ถัดไป ภายใต้ส่วน Typography คุณสามารถเลือกขนาดแบบอักษรสำหรับข้อความของปุ่มได้:

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

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

โปรดทราบว่าสำหรับสีพื้นหลังของคุณ คุณสามารถเลือกได้ระหว่างแบบ ทึบ หรือแบบ ไล่ระดับสี :

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

เคล็ดลับและแนวทางปฏิบัติที่ดีที่สุดสำหรับการใช้การบล็อกปุ่มอย่างมีประสิทธิภาพ

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

• อ่าน/เรียนรู้เพิ่มเติม
• ซื้อเลย
• ดาวน์โหลด
• หยิบใส่ตะกร้า
• จองตอนนี้

เมื่อคุณสร้าง CTA หรือปุ่มสำคัญประเภทอื่นๆ สิ่งสำคัญคือต้องตรวจสอบให้แน่ใจว่าปุ่มนั้นโดดเด่นบนหน้า มิฉะนั้น ผู้เข้าชมของคุณอาจมองข้ามไป และคุณอาจไม่ได้รับระดับการมีส่วนร่วมหรือ Conversion ที่คุณตั้งเป้าไว้

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

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

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

คำถามที่พบบ่อยเกี่ยวกับปุ่ม Block

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

ฉันจะหาปุ่มบล็อกใน WordPress ได้ที่ไหน

คุณสามารถค้นหาบล็อกนี้ได้โดยไปที่โพสต์หรือเพจ (หรือพื้นที่วิดเจ็ต) ที่คุณต้องการเพิ่มปุ่ม ถัดไป คุณสามารถค้นหา “/buttons” แล้วกด Enter หรือคลิกที่ไอคอน Add block และค้นหา “buttons” ในช่องข้อความ

ปุ่มโพสต์และบล็อกหน้าทำอะไร?

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

ฉันจะเพิ่มบล็อกปุ่มใน WordPress ได้ที่ไหน

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

บทสรุป

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

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

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

ภาพเด่นโดย RobinKhan / shutterstock