ปรับแต่ง Firefox 57 ด้วย CSS
- หมวดหมู่: Firefox
Custom CSS for Fx คือชุดรูปแบบ CSS สำหรับ Firefox 57 และใหม่กว่าโดยผู้เขียน Firefox Add-on Classic Theme Restorer ยอดนิยม
Firefox 57 จะไม่รองรับ Classic Theme Restorer หรืออินเทอร์เฟซอื่น ๆ ที่เปลี่ยนส่วนขยายหรือธีมอีกต่อไปเนื่องจากการเปลี่ยนไปใช้ระบบพิเศษของ WebExtensions ระบบ WebExtensions ใหม่ ป้องกันการเปลี่ยนแปลงอินเทอร์เฟซผู้ใช้ของเบราว์เซอร์โดยไม่ให้ API แก่นักพัฒนาส่วนขยาย
ตัวเลือกเดียวที่เหลือสำหรับผู้ใช้ Firefox ในการแก้ไข UI นอกเหนือจากสิ่งที่ Mozilla มีให้ใน Firefox คือการใช้ CSS
ผู้ใช้ Firefox ที่รู้จักวิธีใช้ CSS อาจแก้ไขไฟล์ CSS ด้วยตนเองเพื่อแก้ไขเวอร์ชันของเว็บเบราว์เซอร์ ในทางกลับกันผู้ใช้ Firefox ส่วนใหญ่อาจจะไม่ทำและนั่นคือจุดที่ Custom CSS สำหรับ Fx เข้ามามีบทบาท
ปรับแต่ง Firefox 57 ด้วย CSS
โครงการ โฮสต์บน GitHub และได้รับการดูแลโดย Aris ซึ่งเป็นที่รู้จักสำหรับโปรแกรมเสริมของ Firefox ที่เป็นที่นิยมเช่น Classic Theme Restorer และ NoiaButtons Classic Theme Restorer ถูกสร้างขึ้นเป็นไฟล์ การตอบสนองต่ออินเทอร์เฟซของ Australis Mozilla ที่เปิดตัวใน Firefox 29 ส่วนขยายจะไม่สามารถใช้งานได้ใน Firefox 57 หรือใหม่กว่าอีกต่อไปเนื่องจาก Mozilla ยกเลิกการสนับสนุนส่วนเสริมเดิมใน Firefox เวอร์ชันนั้นและไม่ได้แนะนำความสามารถในการปรับเปลี่ยนอินเทอร์เฟซผู้ใช้เป็น WebExtensions API
หน้าเริ่มต้นของโครงการนำเสนอข้อมูลเกี่ยวกับการค้นหาโฟลเดอร์โปรไฟล์ของเว็บเบราว์เซอร์ Firefox และใช้รูปแบบที่ให้มาเพื่อแก้ไข Firefox
วิธีที่ง่ายที่สุดในการค้นหาโฟลเดอร์โปรไฟล์คือการโหลด about: support ในแถบที่อยู่ของเบราว์เซอร์และคลิกที่ปุ่ม 'เปิดโฟลเดอร์' ใต้ Application Basics> Profile Folder
คุณต้องสร้างโฟลเดอร์ชื่อ chrome หากไม่มีอยู่ในรูทของไดเร็กทอรีโปรไฟล์ เมื่อเสร็จแล้วให้คัดลอกเนื้อหาของไฟล์เก็บถาวรลงในโฟลเดอร์นั้น ตรวจสอบให้แน่ใจว่า userChrome.css และ userContent.css อยู่ในรูทของโฟลเดอร์ chrome
นี่คือสิ่งที่ต้องทำเพื่อเพิ่มสไตล์ที่กำหนดเองเหล่านี้ใน Firefox อย่างไรก็ตามมีขั้นตอนอื่นที่คุณอาจต้องการทำและนั่นคือการปรับแต่งการปรับแต่ง
ชุดการปรับแต่งเริ่มต้นอาจดึงดูดผู้ใช้บางคน แต่ไฟล์ CSS มาพร้อมกับตัวเลือกในการเปิดหรือปิดการปรับแต่งต่างๆเพื่อเปลี่ยนอินเทอร์เฟซเพิ่มเติม
เปิดไฟล์ userChrome.css ในโปรแกรมแก้ไขข้อความธรรมดา ไฟล์นี้ใช้คำสั่ง @import เพื่ออิมพอร์ตสไตล์ CSS จริงจากไฟล์ CSS สิ่งนี้ทำเพื่อให้ userChrome.css หลักเป็นระเบียบเรียบร้อยและทำให้ผู้ใช้ Firefox แก้ไขได้ง่ายขึ้น
บรรทัดที่ขึ้นต้นด้วย / * จะถูกแสดงความคิดเห็นและไฟล์ CSS ที่ลิงก์ด้วยจะไม่ถูกนำเข้าด้วยเหตุนี้
สิ่งที่คุณต้องทำคือดูรายการทีละส่วนเพื่อดูว่าคุณต้องการเปิดใช้งานการปรับแต่งใดบ้างใน Firefox
คุณยกเลิกการปรับแต่งโดยเพิ่ม / * ด้านหน้าบรรทัดและ * / ที่ด้านหลัง ในทำนองเดียวกันคุณลบ / * ด้านหน้าและ * / ที่ด้านหลังเพื่อเปิดใช้งานการปรับแต่ง
นี่คือรายการการปรับแต่งที่พร้อมใช้งานในขณะนี้:
- ปรับเปลี่ยนปุ่มแถบเครื่องมือการนำทาง
- เปิดใช้งานปุ่ม Squared
- เปลี่ยนรูปลักษณ์ไอคอน
- เปลี่ยนป๊อปอัปปุ่มแอพ
- เปลี่ยนเมนูบุ๊กมาร์กและลักษณะป๊อปอัป
- ลักษณะปุ่มแถบเครื่องมือบุ๊กมาร์กเก่า
- การตั้งค่าปุ่มอื่น ๆ (ปุ่มไปข้างหน้าซ่อนปุ่มย้อนกลับและปุ่มไปข้างหน้าแยกป๊อปอัปประวัติปุ่มซูมซ่อนรีเซ็ต)
- ลักษณะปุ่มย้อนกลับและปุ่มไปข้างหน้าแบบกำหนดเอง
- ปุ่มแอปพลิเคชัน / แฮมเบอร์เกอร์บนแถบเครื่องมือนำทาง
- ปุ่มแอปพลิเคชัน / แฮมเบอร์เกอร์ในแถบหัวเรื่อง Firefox (เฉพาะ Windows)
- ลักษณะของแท็บ (ลักษณะตำแหน่งแถบเครื่องมือเช่นด้านล่างแถบเครื่องมือ (อ่าน: แท็บไม่อยู่ด้านบน) ชื่อแท็บไอคอนและอื่น ๆ
- แก้ไขแถบค้นหาเมนูบริบทไอคอนและแถบเครื่องมืออื่น ๆ
- เปลี่ยนรูปแบบของแถบสถานที่ตั้ง
สิ่งเหล่านี้บางส่วนอธิบายได้ด้วยตนเอง คนอื่นไม่ใช่ แต่คุณมีสองทางเลือกเมื่อพูดถึงสิ่งเหล่านี้ เปิดใช้งานและตรวจสอบโดยตรงหรือเปิดไฟล์ CSS ที่โหลดมาเพื่อดูว่าพวกเขาทำอะไร อย่างไรก็ตามหลังต้องมีความรู้เกี่ยวกับ CSS
ไฟล์ userContent.css ใช้เค้าโครงเดียวกัน มันนำเข้าไฟล์ CSS และขึ้นอยู่กับคุณว่าจะเปิดหรือปิดใช้งานไฟล์เหล่านั้น
รายการการปรับแต่งอินเทอร์เฟซเนทีฟที่แนะนำและ about: config tweaks มีให้เช่นกันโดยโครงการเพื่อปรับเปลี่ยนรูปลักษณ์ของ Firefox เพิ่มเติม
ปิดคำ
Custom CSS for Fx มีการปรับเปลี่ยนอินเทอร์เฟซมากมายสำหรับอินเทอร์เฟซของ Firefox 57 ที่ไม่สามารถทำได้โดยใช้ส่วนขยายหรือใช้คุณสมบัติในตัว ผู้ใช้ Firefox ที่มีอยู่อาจพบว่ามีประโยชน์โดยเฉพาะอย่างยิ่งหากพวกเขาเคยใช้ Classic Theme Restorer หรือส่วนเสริมที่เทียบเคียงได้จนถึงปัจจุบัน
Aris เผยแพร่การอัปเดตเป็นประจำ นั่นเป็นสิ่งที่ดีไม่เพียง แต่สำหรับฟังก์ชันใหม่ ๆ ที่อาจได้รับการแนะนำผ่านการปรับแต่ง แต่ยังช่วยให้สไตล์เข้ากันได้กับ Firefox รุ่นใหม่