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

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

ปรับแต่งสีของแถบที่อยู่ในเวิร์ดเพรส

เหตุใดจึงต้องทำให้สีของแถบที่อยู่ของเบราว์เซอร์บนมือถือกลมกลืนกัน

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

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

แถบที่อยู่ที่แก้ไขสำหรับเบราว์เซอร์มือถือ

อย่างไรก็ตามควรสังเกตว่าในขณะนี้ใช้งานได้กับเบราว์เซอร์ Google Chrome บนอุปกรณ์ Android ที่ใช้ Lollipop หรือเวอร์ชันที่ใหม่กว่าเท่านั้น

ปรับสีของแถบที่อยู่บนเบราว์เซอร์มือถือให้เข้ากับธีม WordPress ของคุณ

เพียงเพิ่มรหัสนี้ในไฟล์ " header.php" de ธีมหรือธีมลูกของคุณก่อนปิด </head> แท็ก


บรรทัดนี้เป็นเมตาแท็ก HTML ที่ Google Chrome บน Android ใช้เพื่อเปลี่ยนสีของแถบที่อยู่ในเบราว์เซอร์มือถือ สนามของ เนื้อหา มีรหัสฐานสิบหกของสีที่คุณต้องการใช้เป็นสีของธีม

ไม่ทราบว่าจะรับรหัสฐานสิบหกสำหรับสีได้อย่างไร? คุณสามารถรับค่าฐานสิบหกของสีโดยใช้ซอฟต์แวร์แก้ไขภาพเช่น Adobe Photoshop, Gimp, Paint และอื่น ๆ

การปรับแต่งสี PhotoShop

คุณยังสามารถเลือกสีโดยใช้เครื่องมือของ เลือกสี HTML. หากคุณต้องการเลือกสีจากหน้าเว็บคุณสามารถใช้ส่วนขยายของเบราว์เซอร์เช่น ColorZilla.

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

หากคุณมีความคิดเห็นหรือข้อเสนอแนะโปรดแจ้งให้เราทราบในส่วนเฉพาะ