การเพิ่มปุ่มในเมนูการนำทางส่วนหัว

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

ประโยชน์ของการเพิ่มปุ่มในเมนูการนำทางส่วนหัว

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

ผู้คนมักจะประสบกับเมนูการนำทางส่วนหัวอย่างไร

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

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

ประโยชน์ของการเพิ่มปุ่ม

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

เคล็ดลับการปรับแต่ง

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

วิธีเพิ่มปุ่มในเมนูการนำทางส่วนหัว

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

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

การเพิ่มโค้ด CSS

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

.menu-ปุ่ม {
พื้นหลัง-สี:#eb5e28;
เส้นขอบ:1px;
รัศมีเส้นขอบ:3px;
-webkit-box-shadow:1px 1px 0px 0px #2f2f2f;
-moz-box-shadow:1px 1px 0px 0px #2f2f2f;
กล่องเงา:1px 1px 0px 0px #2f2f2f;
}
.menu-button a, .menu-button a:hover, .menu-button a:active {
สี:#fff !สำคัญ;
}

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

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

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

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