คุณเคยต้องการที่จะปรับแต่งรูปลักษณ์ของเว็บเบราว์เซอร์ของคุณหรือไม่? ธีมสำหรับ Google Chrome สามารถใช้ทำสิ่งนั้นได้ Chrome Theme Store อาจมีตัวเลือกมากมาย ตั้งแต่ธีมอวกาศไปจนถึงรถยนต์และภูมิประเทศที่สวยงาม แต่ถ้าไม่มี ตัวเลือกเหล่านั้นเป็นสิ่งที่คุณต้องการ หรือหากคุณต้องการปรับแต่ง Chrome ให้มีรูปภาพของคุณเองเป็นพื้นหลังแทน โชคดีที่คุณทำแบบนั้นได้
มีสองวิธีในการสร้างธีมของคุณเอง Chrome มีฟังก์ชันในตัวที่เรียบง่ายซึ่งช่วยให้คุณนำเข้าภาพพื้นหลังสำหรับหน้าแท็บใหม่และปรับแต่งรูปแบบสีของอินเทอร์เฟซผู้ใช้จากค่าที่ตั้งไว้ล่วงหน้าจำนวนหนึ่ง หากฟีเจอร์ของ Chrome ในตัวไม่มีตัวเลือกการปรับแต่งมากมายที่คุณต้องการ เว็บไซต์ชื่อ ธีมเบต้า คุณได้ครอบคลุมด้วยผู้สร้างธีม Chrome ที่มีคุณลักษณะหลากหลาย แต่ใช้งานง่าย (แม้ว่าขั้นตอนการติดตั้งจะซับซ้อนกว่าเล็กน้อย) ในบทความนี้ เราจะแนะนำคุณตลอดขั้นตอนการสร้างธีม Chrome ของคุณเองด้วยเครื่องมือทั้งสอง
เครื่องมือ Chrome ในตัวที่เรียบง่าย
หากต้องการใช้เครื่องมือแก้ไขธีม Chrome ในตัว ให้เปิดแท็บใหม่ ที่มุมล่างขวาของหน้าแท็บใหม่คือไอคอนดินสอ คลิกที่นี่เพื่อปรับแต่งรูปลักษณ์ของ Chrome
ในหน้าต่างป๊อปอัปที่ปรากฏขึ้นเมื่อคุณคลิกไอคอนดินสอ ตัวเลือกแรกของคุณคือกำหนดค่ารูปภาพพื้นหลัง ที่นี่คุณสามารถเลือกระหว่างตัวเลือกที่ตั้งไว้ล่วงหน้าในจำนวนที่จำกัด หรือคุณสามารถอัปโหลดภาพของคุณเองได้ ภาพพื้นหลังนี้จะใช้กับหน้าแท็บใหม่เท่านั้น และจะไม่กลายเป็นพื้นหลังในเว็บไซต์จริง
เมื่อคุณเลือกภาพพื้นหลังแล้ว ให้ย้ายไปที่แท็บ "สีและธีม" ที่นี่คุณสามารถเลือกจากการผสมสีต่างๆ ตัวเลือกสีเหล่านี้ส่งผลต่อสีของแท็บและแถบค้นหาและบุ๊กมาร์กที่สร้างอินเทอร์เฟซผู้ใช้ Chrome กล่าวอีกนัยหนึ่ง ในเว็บไซต์ส่วนใหญ่ที่คุณเยี่ยมชม สีเหล่านี้จะเห็นได้ชัดเจนกว่าภาพพื้นหลังของคุณ เพียงเพราะแถบด้านบนของเบราว์เซอร์จะเป็นสีนี้เสมอ!
หากชุดสีที่ตั้งไว้ล่วงหน้าไม่ตรงกับที่คุณต้องการ ตัวเลือกสีด้านซ้ายบนจะทำให้คุณสามารถเลือกชุดสีของคุณเองได้ พร้อมตัวเลือกสีที่หลากหลาย ในการเลือกสี ก่อนอื่น ให้คลิกที่สัญลักษณ์ด้านบนซ้าย จากนั้นใช้ป๊อปอัปที่ปรากฏขึ้นเพื่อเลือกสีของคุณ ปรับกากบาทในสเปกตรัมสีเพื่อให้ได้เฉดสีและลูกศรสีดำทางด้านขวาของหน้าต่างเพื่อเลือกความสว่างของโทนสี หากคุณไม่แน่ใจว่าวิธีนี้ทำงานอย่างไร ยิ่งคุณเลื่อนลูกศรสีดำขึ้นหรือลงมากเท่าไร สีของคุณก็จะยิ่งเข้มขึ้นหรือเข้มขึ้นเท่านั้น สำหรับเฉดสีที่เข้มกว่า ให้ตั้งเป้าไว้ใกล้ด้านบนและลูกศรตรงกลาง สำหรับสีที่ซีดกว่า ให้เลื่อนกากบาทให้ต่ำลงเล็กน้อยแล้วลูกศรขึ้น
เมื่อคุณเลือกสีที่ต้องการแล้ว ให้คลิก "เพิ่มลงในสีที่กำหนดเอง" ที่ด้านล่างขวา จากนั้นเลือกสีที่กำหนดเองจากรายการ "สีที่กำหนดเอง" ที่ด้านล่างซ้าย จากนั้นคลิก "ตกลง" เพื่อนำไปใช้ หากคุณเลือกชุดสีที่กำหนดเอง คุณจะเลือกสีได้เพียงสีเดียว Chrome จะเลือกสีที่ใกล้เคียงกันเป็นสีที่สองเพื่อทำให้ธีมสมบูรณ์ด้วยสีที่คิดว่าเหมาะสมที่สุด
เคล็ดลับ: Chrome มักถือว่าสีที่คุณเลือกคือสีเข้มกว่าสีของธีมทั้งสอง และจะเลือกสีที่สองที่สว่างกว่า เลือกตามนั้น!
เมื่อคุณพอใจกับภาพพื้นหลังและชุดสีแล้ว คลิก "เสร็จสิ้น" เพื่อบันทึกธีมที่คุณกำหนดเอง เท่านี้ก็พร้อมลุย!
ธีมของบุคคลที่สามทำได้ง่าย
หากคุณต้องการธีมที่เรียบง่าย เครื่องมือในตัวของ Chrome ก็เพียงพอแล้ว แต่ถ้าคุณต้องการความเป็นเอกเทศมากขึ้น ธีมเบต้า ให้การควบคุมที่มากขึ้น เว็บไซต์อนุญาตให้คุณปรับเปลี่ยนสีสำหรับแท็บพื้นหน้าและพื้นหลัง ข้อความในแถบแท็บ และอื่นๆ ได้ด้วยตนเอง
ก่อนอื่น คุณต้องเรียกดูเว็บไซต์ของ ThemeBeta คุณสามารถเรียกดูธีมที่ผู้ใช้ส่งมาได้ที่ หน้าแรกหรือคุณสามารถตรงไปที่ .ของพวกเขา หน้าผู้สร้างธีม เพื่อเริ่มต้นกับตัวคุณเอง ขั้นตอนแรกเมื่อคุณอยู่ในผู้สร้างธีมคือการเลือกภาพพื้นหลัง คลิก “1. อัปโหลดรูปภาพ” แล้วอัปโหลดรูปภาพจากฮาร์ดไดรฟ์ของคุณ รูปภาพนี้จะเป็นพื้นฐานของธีมของคุณและจะเป็นรูปภาพพื้นหลังในหน้าแท็บใหม่
เคล็ดลับ: รูปภาพใดๆ ที่คุณอัปโหลดต้องอยู่ในรูปแบบไฟล์ PNG หรือ JPG เนื่องจากเป็นรูปแบบเดียวที่รองรับ ใช้ตัวแปลงออนไลน์หากรูปภาพของคุณแตกต่างไปจากนี้
หากรูปภาพที่คุณอัปโหลดดูไม่ถูกต้อง แสดงว่าอาจซูมเข้ามากเกินไปหรือมีแถบด้านข้างหรือด้านบน คุณควรลองเปลี่ยนตัวเลือก "รูปภาพพื้นหลัง" ตามลำดับ พวกเขากำหนดค่าการจัดตำแหน่งแนวนอน การจัดแนวตั้ง ถ้าภาพซ้ำถ้าเป็น เล็กเกินไปสำหรับหน้าจอ วิธีปรับขนาดรูปภาพให้พอดีกับหน้าจอ และการปรับสเกลแบบแมนนวล ทดสอบตัวเลือกจนกว่าคุณจะพบสิ่งที่คุณพอใจ!
เมื่อรูปภาพของคุณถูกอัปโหลดแล้ว ตัวอย่างทางด้านขวาของหน้าจะอัปเดตเพื่อแสดงลักษณะของธีมของคุณ ขั้นตอนที่สองคือการคลิก “2. สร้างสี” ปุ่มนี้จะใช้สีที่มีอยู่ในรูปภาพที่คุณอัปโหลด เพื่อสร้างสีสันที่คล้ายคลึงกันเพื่อใช้กับส่วนต่อประสานผู้ใช้ที่เหลือ
หากชุดรูปแบบสีที่สร้างขึ้นโดยอัตโนมัติเหมาะกับรูปลักษณ์ที่คุณต้องการ คุณสามารถข้ามไปที่ .ได้ที่นี่ คำแนะนำในการติดตั้ง. แต่ถ้าคุณต้องการกำหนดค่าสีของสิ่งต่างๆ ด้วยตนเอง เช่น แท็บพื้นหน้า แท็บพื้นหลัง และแถบเครื่องมือ รายละเอียดจะครอบคลุมอยู่ในส่วนการกำหนดค่าขั้นสูงด้านล่าง
การกำหนดค่าขั้นสูง
มีตัวเลือกการกำหนดค่าขั้นสูงสองแท็บที่ด้านซ้ายบน แท็บแรกคือ "รูปภาพ" คุณสามารถกำหนดค่าภาพพื้นหลังสำหรับองค์ประกอบบางอย่างได้ที่นี่ เมื่อคุณวางเมาส์เหนือตัวเลือกแต่ละรายการ ระบบจะไฮไลต์องค์ประกอบที่การตั้งค่านั้นจะแก้ไขในตัวอย่างเป็นสีแดง
เคล็ดลับ: NTP ย่อมาจาก "New Tab Page" ตัวเลือกที่ขึ้นต้นด้วยตัวย่อนี้จะปรากฏในหน้าแท็บใหม่เท่านั้น ส่วนตัวเลือกอื่นๆ จะมองเห็นได้ในหน้าอื่นๆ
- “พื้นหลัง NTP” กำหนดค่าพื้นหลังหลัก หากคุณนำเข้ารูปภาพก่อนหน้านี้ ค่านี้จะถูก “โหลด” แล้ว
- “กรอบ” กำหนดค่าส่วนต่อประสานผู้ใช้โดยไม่รวมรายการแท็บ แถบค้นหา และแถบบุ๊กมาร์ก
- “แถบเครื่องมือ” กำหนดค่าแท็บที่ใช้งานอยู่ แถบบุ๊กมาร์ก และพื้นที่รอบๆ แถบค้นหา
- “พื้นหลังแท็บ” กำหนดค่าสีพื้นหลังสำหรับแท็บที่ไม่ได้ใช้งาน
- “การซ้อนทับเฟรม” ช่วยให้คุณกำหนดค่าภาพที่สองที่ซ้อนทับภาพใน “เฟรม”
- “การระบุแหล่งที่มาของ NTP” เพิ่มรูปภาพที่มุมล่างซ้ายของหน้าแท็บใหม่ โดยทั่วไปเพื่อวัตถุประสงค์ในลายน้ำ
เคล็ดลับ: หากคุณได้อัปโหลดรูปภาพแล้วและไม่ชอบรูปลักษณ์ คุณสามารถลบออกได้โดยคลิกปุ่ม "X" ถัดจากเครื่องหมาย "โหลดแล้ว" ที่เกี่ยวข้อง หากการอัปโหลดรูปภาพเปลี่ยนสีพื้นหลังสำหรับองค์ประกอบนั้น คุณสามารถตั้งค่ากลับด้วยตนเองหรือคลิก "สร้างสี" ในแท็บ "พื้นฐาน" อีกครั้งเพื่อรีเซ็ตรูปแบบสี
แท็บขั้นสูงที่สองมีชื่อว่า "สี" ที่นี่ เช่นเดียวกับตัวเลือกในหน้าก่อนหน้าที่มีกล่องอยู่ข้างๆ คุณสามารถใช้กล่องนี้เพื่อเปิดตัวเลือกสีและเลือกสีทึบสำหรับองค์ประกอบที่เกี่ยวข้อง อีกครั้ง หากคุณวางเมาส์เหนือตัวเลือกการกำหนดค่า จะไฮไลต์องค์ประกอบที่ได้รับผลกระทบในการแสดงตัวอย่างเป็นสีแดง
- “แถบเครื่องมือ” กำหนดค่าสีพื้นหลังของป้ายกำกับการระบุแหล่งที่มาของ ThemeBeta ที่ด้านล่างซ้ายของหน้าแท็บใหม่
- “ข้อความแท็บ” กำหนดค่าสีของข้อความในแท็บที่ใช้งานอยู่ในรายการแท็บ นอกจากนี้ยังกำหนดสีของข้อความแสดงที่มาของ ThemeBeta ที่มุมล่างซ้ายของหน้าแท็บใหม่
- “ข้อความแท็บพื้นหลัง” กำหนดค่าสีของข้อความในแท็บที่ไม่ใช้งานในรายการแท็บ
- “ข้อความที่คั่นหน้า” กำหนดสีของข้อความของรายการในแถบบุ๊กมาร์ก
- “ข้อความ NTP” กำหนดสีของข้อความหรือลิงก์หน้าแนะนำ/ปกติที่อยู่ตรงกลางของหน้า
- “ลิงก์ NTP” ไม่มีผลใดๆ
- “ปุ่มควบคุม” กำหนดสีของปุ่มย่อ ขยาย และปิดที่มุมบนขวา
- “ปุ่ม” กำหนดสีของปุ่มเดินหน้า ถอยหลัง รีโหลด และโฮม
เมื่อคุณกำหนดค่าตัวเลือกขั้นสูงทั้งหมดตามที่คุณต้องการแล้ว คุณก็พร้อมที่จะดำเนินการตามขั้นตอนการติดตั้ง
การติดตั้งธีมบุคคลที่สาม
ด้วยเหตุผลด้านความปลอดภัย ขณะนี้ Google อนุญาตให้ติดตั้งส่วนขยายและธีมผ่าน Chrome เว็บสโตร์เท่านั้น ในการติดตั้งธีมที่กำหนดเอง คุณจะต้องเปิดใช้งานคุณลักษณะสำหรับนักพัฒนา ขออภัย การเปลี่ยนแปลงนี้หมายความว่าปุ่ม "แพ็คและติดตั้ง" แบบง่ายบนทั้งแท็บ "พื้นฐาน" และแท็บ "แพ็ค" จะไม่ทำงานอีกต่อไป หากคุณลองใช้วิธี “แพ็คและติดตั้ง” คุณจะได้รับข้อความแสดงข้อผิดพลาด
ในการแก้ไขปัญหานี้ ให้ไปที่แท็บ "แพ็ค" แล้วคลิก "แพ็คและดาวน์โหลดไฟล์ Zip"
เมื่อดาวน์โหลดไฟล์ zip แล้ว ให้แตกไฟล์และบันทึกลงในฮาร์ดไดรฟ์ของคุณ ดับเบิลคลิกที่ไฟล์ที่คุณดาวน์โหลด และเลือก Extract ที่ด้านบนสุดของโปรแกรมดูไฟล์ของคุณ คุณจะต้องเลือกว่าจะแยกไฟล์ไปที่ใด จำตำแหน่งที่คุณบันทึกไว้เพื่อให้คุณสามารถอัปโหลดอีกครั้งได้ง่ายขึ้น
เคล็ดลับ: หากคุณเปลี่ยนชื่อโฟลเดอร์เพื่อระบุว่าธีมคืออะไร การค้นหาอีกครั้งอาจง่ายกว่าในอนาคต หากคุณต้องการใช้ซ้ำ
ขั้นตอนต่อไปคือหน้าส่วนขยายของ Chrome คุณสามารถเข้าถึงได้โดยคลิกที่จุดสามจุดที่มุมบนขวา ใต้ "เครื่องมือเพิ่มเติม" จากนั้น "ส่วนขยาย" หรือคลิก ที่นี่.
เมื่อคุณอยู่ในเมนูส่วนขยาย ที่มุมบนขวาของหน้า จะมีแถบเลื่อนที่ระบุว่า "โหมดนักพัฒนาซอฟต์แวร์" เปิดใช้งาน เมื่อเปิดใช้งานโหมดนักพัฒนาซอฟต์แวร์แล้ว ปุ่มสามปุ่มควรปรากฏขึ้นที่มุมซ้ายบน สิ่งที่คุณต้องการคือ "Load unpacked" คลิก "โหลดที่คลายแพ็ก" และนำเข้าโฟลเดอร์ที่คุณแยกจากไฟล์ zip ก่อนหน้านี้
เคล็ดลับ: คุณต้องการนำเข้าโฟลเดอร์หลัก ไม่ใช่โฟลเดอร์ "รูปภาพ" ที่อยู่ในนั้น หากคุณไม่ได้เปลี่ยนชื่อก่อนหน้านี้ จะมีชื่อบางอย่างเช่น “theme1234567890”
เมื่อนำเข้าธีมแล้ว การแจ้งเตือนจะปรากฏขึ้นในแท็บปัจจุบัน เพื่อยืนยันว่าธีมได้รับการติดตั้งแล้วและเสนอปุ่มเลิกทำ ก่อนที่คุณจะปิดการแจ้งเตือนนี้ ให้เปิดแท็บใหม่และตรวจดูให้แน่ใจว่าทุกอย่างเป็นไปตามที่คุณต้องการ
หากธีมของคุณไม่ได้เป็นไปตามที่คุณหวังไว้ ให้คลิก "เลิกทำ" แล้วลองแก้ไขเทมเพลตของคุณอีกครั้ง เมื่อคุณพอใจกับผลลัพธ์แล้ว อย่าลังเลที่จะปิดหน้า "ส่วนขยาย" และเรียกดูต่อด้วยธีม Chrome แบบกำหนดเองใหม่ที่เป็นประกายของคุณ