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

จะหาธีมสำหรับ Chrome ได้ที่ไหน

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

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

วิธีติดตั้งธีมของเบราว์เซอร์

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

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

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

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

ในบทช่วยสอนนี้ คุณจะได้เรียนรู้วิธีเปลี่ยนธีมในเบราว์เซอร์ Google Chrome

ในบทเรียนที่แล้ว ฉันบอกคุณถึงวิธีการติดตั้งส่วนขยายในเบราว์เซอร์ Google Chrome ในบทนี้ตามที่สัญญาไว้ เราจะดูคำถามเกี่ยวกับวิธีเปลี่ยนธีมสำหรับเบราว์เซอร์ Google Chrome มาเริ่มกันเลย.

ก่อนอื่นเราต้องเปิดการตั้งค่า โดยคลิกที่ไอคอนในรูปแบบแถบสามแถบที่มุมขวาบนแล้วเลือก "การตั้งค่า" จากเมนูแบบเลื่อนลง

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

เมื่อคุณตัดสินใจเลือกธีมได้แล้ว คุณเพียงแค่วางเมาส์ไว้เหนือธีมนั้นแล้วคลิกที่ปุ่ม "ฟรี"

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

หากต้องการดูว่าธีมทั้งหมดมีลักษณะอย่างไร เพียงเปิดธีมใหม่โดยไม่ต้องปิดแท็บนี้

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

โดยพื้นฐานแล้วทั้งหมดที่ฉันอยากจะบอกคุณในบทเรียนนี้ ในบทถัดไป ฉันจะบอกคุณว่าโหมดไม่ระบุตัวตนคืออะไรในเบราว์เซอร์ Google Chrome และจะเปิดใช้งานได้อย่างไร

ในบทนี้ ฉันจะแสดงให้คุณเห็นว่าคุณสามารถค้นหาเวอร์ชันของเบราว์เซอร์ Mozilla Firefox ได้ที่ใด รวมถึงวิธีอัปเดตเบราว์เซอร์เป็นเวอร์ชันล่าสุด

ในบทช่วยสอนนี้ ฉันจะบอกคุณว่าคุณสามารถตรวจสอบการอัปเดตสำหรับ Opera ได้อย่างไร

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

วิธีติดตั้งธีมใน Google Chrome: การตั้งค่า - ตัวเลือก - เนื้อหาส่วนบุคคล - รับธีม

คุณสามารถใช้ธีมสำเร็จรูปสำหรับ Google Chrome หรือคุณสามารถสร้างธีมด้วยตัวเองโดยใช้โปรแกรมออกแบบธีมออนไลน์ - ผู้สร้างธีม Chrome
นักออกแบบออนไลน์ตั้งอยู่ที่ www.themebeta.com/chrome-theme-creator-online.html

สร้างธีมสำหรับ Google Chrome - ผู้สร้างธีม Chrome

ฉันจะเริ่มต้นด้วยวิธีสร้างธีมโดยใช้ตัวออกแบบออนไลน์ - ผู้สร้างธีม Chrome

อินเทอร์เฟซของนักออกแบบประกอบด้วยสองส่วน

ก) ทางด้านซ้ายคือการตั้งค่าสำหรับธีมในอนาคต

ข) ทางด้านขวาคือตัวอย่างธีมของเบราว์เซอร์ Chrome ในระหว่างการออกแบบ

เริ่มจากแท็บแรกกันก่อน ("พื้นฐาน" - จากภาษาอังกฤษพื้นฐาน) ที่นี่คุณจะต้องกรอกชื่อธีมที่คุณกำลังสร้างลงในฟิลด์ (ไม่บังคับ) ฉันตั้งชื่อธีมของฉันว่า “myStar”

แท็บที่สอง (“รูปภาพ” - จากรูปภาพภาษาอังกฤษ) มีไว้สำหรับการโหลดรายละเอียดธีม
ข้อควรพิจารณา: เมื่อคุณสร้างรูปภาพในโปรแกรมแก้ไขกราฟิกหรือเปลี่ยนรูปภาพสำเร็จรูปสำหรับหัวข้อในอนาคต ให้คำนึงถึงความละเอียดของจอภาพด้วย

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

มาโหลดภาพพื้นหลังสำหรับธีมของเราโดยคลิกปุ่ม "เลือกภาพ" และใช้จานสีเพื่อเปลี่ยนสี นี่คือสิ่งที่ฉันได้รับ

ในแท็บที่สาม ("สี" - จากสีภาษาอังกฤษ) เราเลือกสีสำหรับเฟรม ข้อความ ฯลฯ แท็บที่สาม "สี" ยังมีคำแนะนำเมื่อวางเคอร์เซอร์ไว้เหนือส่วนต่างๆ เรามาดูกันว่าฉันได้อะไรมาบ้าง

แท็บ (“แพ็ค” - จากภาษาอังกฤษเป็นแพ็ค) เป็นขั้นตอนสุดท้ายในการสร้างธีมสำหรับ Google Chrome

“แพ็คและติดตั้งธีม” - แพ็คและติดตั้งธีม

“แพ็คและดาวน์โหลดธีม” - แพ็คและดาวน์โหลดธีมพร้อมส่วนขยาย crx. หากต้องการติดตั้งธีม เพียงลากและวางไฟล์ .crx ลงในหน้าต่างเบราว์เซอร์ Chrome เท่านี้ก็เรียบร้อย การติดตั้งธีมบน Google Chrome รวดเร็วไม่ใช่หรือ?

"แพ็คและดาวน์โหลดไฟล์ zip"- จัดทำแพ็คเกจและดาวน์โหลดธีมที่สร้างขึ้นเป็นไฟล์ zip ไฟล์ ZIP ของธีมสามารถโพสต์ไปที่ Chrome เว็บสโตร์เพื่อการใช้งานสาธารณะ

เท่านั้นแหละ!!! ด้วยความช่วยเหลือจากนักออกแบบออนไลน์ - ผู้สร้างธีม Chrome เราจึงคิดออก

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

ใครในพวกเราที่ไม่ได้เปลี่ยนรูปพื้นหลังสำหรับ Windows? ปัจจุบันหายากที่จะเจอคนแบบนี้ บางคนมีแมว บางคนมีหญิงสาวที่สวยงาม และบางคนมีความรักที่เป็นนามธรรม

คุณรู้หรือไม่ว่าสามารถติดตั้งสกรีนเซฟเวอร์ที่คล้ายกันในเบราว์เซอร์ Google Chrome ได้ มีเพียงที่นั่นเท่านั้นที่เรียกว่าธีม

หากคุณเบื่อกับผ้าใบสีขาวที่เป็นค่าเริ่มต้น โปรดอ่านต่อเพื่อเรียนรู้วิธีทำ เปลี่ยนการออกแบบธีมใน Google Chrome.

การเปลี่ยนธีม (หน้าจอเริ่มต้น) ใน Chrome

เปลี่ยนธีมใน Google Chromeคุณสามารถทำตามคำแนะนำต่อไปนี้:

คุณสามารถไปที่ลิงก์ได้โดยตรง

ในส่วนนี้คุณจะเห็นแกลเลอรีขนาดใหญ่ที่มีหัวข้อทุกประเภท บางส่วนสร้างขึ้นโดยนักออกแบบของ Google และบางส่วนสร้างขึ้นโดยศิลปิน พวกเขาทั้งหมดฟรี

เมื่อคุณพบหัวข้อที่ต้องการแล้ว ให้เลื่อนเมาส์ไปเหนือหัวข้อนั้นแล้วคลิกในหน้าต่างป๊อปอัป "ฟรี".

ธีมอื่นๆ สำหรับการดาวน์โหลด Google Chrome

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

ดาวน์โหลดธีมของ Google Chrome:

ไฟล์ที่ดาวน์โหลดมีนามสกุล CRX (บางครั้งสามารถบีบอัดได้) หากต้องการติดตั้ง คุณควรแตกไฟล์และลากไฟล์ธีมไปไว้ในหน้าต่างเบราว์เซอร์

เครื่องกำเนิดธีม (สกิน) สำหรับ Google Chrome

หากวิธีการข้างต้นไม่ได้ผล คุณก็ควรใช้ เครื่องกำเนิดหัวข้อ — ธีม Chrome ของฉันซึ่งสามารถดาวน์โหลดได้จากที่เดียวกัน "ร้านค้าออนไลน์".

ลิงค์ดาวน์โหลดโดยตรง

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

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

ตามที่คุณอาจเข้าใจแล้ว วันนี้เราจะมาดูปัญหาของการสร้างธีมของคุณเองสำหรับเบราว์เซอร์ Google Chrome

ในการสร้างเราต้องการ:

1. โปรแกรมแก้ไขกราฟิกที่ง่ายที่สุด (แม้แต่ Paint ก็ทำได้);
2. คำแนะนำโดยละเอียดของเรา
3. ความปรารถนาเล็กน้อย.

และฉันไม่ได้พยายามหลอกลวงคุณ ธีมที่เจ๋งที่สุดสำหรับเบราว์เซอร์ Chrome ถูกสร้างขึ้นภายในไม่กี่นาที แต่มาเริ่มกันต่อจากคำพูดสู่การกระทำ

มีสองวิธีในการสร้างธีมสำหรับ Google Chrome:

1. เขียนตั้งแต่เริ่มต้น (โดยการสร้างเอกสารข้อความหนึ่งฉบับและรูปภาพหลายรูป)
2. ใช้บริการออนไลน์เฉพาะทาง

ในขณะที่คุณตัดสินใจว่าจะใช้วิธีใด ฉันจะเริ่มด้วยวิธีที่ "ยากที่สุด"

การสร้างธีมสำหรับ Google Chrome ตั้งแต่เริ่มต้น

ธีมและส่วนขยายสำหรับเบราว์เซอร์ที่ใช้กลไกโครเมียมนั้นขึ้นอยู่กับไฟล์ รายการ.json.

Manifest.json เป็นเอกสารข้อความที่เก็บการตั้งค่าสำหรับธีมและส่วนขยาย รวมถึงชื่อ คำอธิบาย และข้อมูลบริการอื่นๆ

มาสร้างโฟลเดอร์ใหม่บนเดสก์ท็อปด้วยชื่อหัวข้อในอนาคตของเรา สำหรับฉันมันจะเรียกว่า "อย่าทำ!" และภายในนั้นเราจะสร้างเอกสารข้อความ - รายการ.jsonโดยที่ manifest คือชื่อของเอกสาร และ json คือ . นอกจากนี้ ให้สร้างโฟลเดอร์ว่างชื่อ "รูปภาพ" ซึ่งจะมีองค์ประกอบกราฟิกทั้งหมดของธีมของเรา

ขั้นตอนต่อไปในการสร้างธีมคือการเตรียมรูปภาพ

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

เราต้องการภาพที่มีขนาดดังต่อไปนี้:

1. 1920x1080px (รูปแบบ HD) – สำหรับใช้เป็นพื้นหลังหลักในเบราว์เซอร์

2. 30x256px – รูปภาพนี้จะใช้เป็นการตกแต่งหน้าต่าง Chrome

3. 1100x40px – รูปภาพนี้จะทำหน้าที่เป็นหน้าจอเริ่มต้นที่มุมซ้ายบนของเบราว์เซอร์ (ฉันไม่รู้ว่าทำไมคุณจึงควรใช้รูปภาพเพิ่มเติมในที่นี้แยกกัน - คุณสามารถใช้รูปภาพนี้เพื่อ "ปรับแต่ง" ธีมเพิ่มเติมได้ ).

4. 30x200px – จะทำหน้าที่เป็นการเติมแท็บเบราว์เซอร์ที่เปิดอยู่ที่ไม่ได้ใช้งาน

5. 30x256px – รูปภาพนี้จะถูกใช้เพื่อเติมเต็มแท็บที่เปิดอยู่และแถบบุ๊กมาร์กของ Chrome

ให้ความสนใจกับภาพโดยเฉพาะขนาดของพวกเขา หากคุณไม่ทราบวิธีสร้างภาพที่มีขนาดและรูปร่างเท่านี้ให้ศึกษาหนึ่งในของเรา

หากคุณมีทุกอย่างพร้อมแล้ว ก็สร้างไฟล์ได้เลย รายการ.json.

คุณสามารถดาวน์โหลดไฟล์ที่สมบูรณ์ที่ฉันเตรียมไว้เป็นตัวอย่าง - หรือเขียนเองตามคำแนะนำด้านล่าง

เอกสารที่จะอธิบายโค้ดของธีมของเราเริ่มต้นด้วยเครื่องหมายปีกกา “(” จากนั้นคุณต้องกรอกข้อมูลในฟิลด์:

( "name": "อย่าทำ!", // ฟิลด์ที่ระบุชื่อของธีม; "version": "1", // หมายเลขเวอร์ชันของธีมของคุณ (ในภายหลัง เมื่อทำการเปลี่ยนแปลงธีม คุณต้องมี เพื่ออัปเดตเวอร์ชัน); " description" ยังคิดได้สองครั้งหรือไม่ ", // คำอธิบายสั้น ๆ ของหัวข้อ; "manifest_version":2, // เวอร์ชันของรายการ (มี "รายการ" สองเวอร์ชัน - 1 และ 2 เวอร์ชัน 1 - สำหรับเบราว์เซอร์ Chrome เวอร์ชันต่ำกว่า 18, 2 สำหรับเบราว์เซอร์เวอร์ชัน 18 ขึ้นไปด้วย)

"theme":( "images":( "theme_frame": "images/theme_frame.jpeg", // รูปภาพที่ใช้ในการออกแบบหน้าต่างเบราว์เซอร์; "theme_toolbar": "images/theme_toolbar.jpeg", // รูปภาพที่ใช้เป็นการเติม แท็บเปิดที่ใช้งานอยู่; // กรอกที่มุมซ้ายบน

"ธีม" :( "รูปภาพ" :( "theme_frame" : "images/theme_frame.jpeg" , // รูปภาพที่ใช้ในการออกแบบหน้าต่างเบราว์เซอร์ "theme_toolbar" : "images/theme_toolbar.jpeg" , // รูปภาพที่ใช้เป็นสีเติมสำหรับแท็บที่เปิดอยู่; "theme_tab_พื้นหลัง" : "รูปภาพ/theme_tab_พื้นหลัง.jpeg", // กรอกแท็บที่เปิดอยู่ที่ไม่ได้ใช้งาน; "theme_ntp_พื้นหลัง" : "รูปภาพ/theme_ntp_พื้นหลัง.jpeg", // พื้นหลังหลักของธีมของเรา "theme_frame_overlay" : "รูปภาพ/theme_frame_overlay.jpeg"} , // กรอกที่มุมซ้ายบน

รหัสในหน้านี้ใช้สัญลักษณ์ “//” จำเป็นต้อง “แสดงความคิดเห็น” รหัส โดยตรงในไฟล์ รายการ.json– สามารถลบออกได้

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

"colors":( "frame":, // เติมพื้นที่ว่างของพื้นหลังหลักด้วยสีที่ระบุ "toolbar":, // เติมพื้นที่มุมซ้ายล่างซึ่ง "url" ของไซต์ปรากฏ; "tab_text":, // แบบอักษรสีของแท็บที่เปิดอยู่; "tab_พื้นหลัง_ข้อความ":, // สีแบบอักษรของแท็บที่เปิดอยู่; "bookmark_text":, // สีแบบอักษรของบุ๊กมาร์กบนแผงเบราว์เซอร์; :, // สีเติมพื้นหลังใต้ไอคอน “แอปพลิเคชัน” ในเบราว์เซอร์; // สีแบบอักษรของชื่อแอปพลิเคชัน; ปุ่มเต็มหน้าจอ” ที่มุมขวาบน

"สี" :( "เฟรม" : [ 0 , 0 , 0 ] , // เติมพื้นที่ว่างของพื้นหลังหลักด้วยสีที่ระบุ "แถบเครื่องมือ" : [ 0 , 0 , 0 ] , // เติมพื้นที่ที่มุมซ้ายล่างซึ่งแสดง "url" ของไซต์ "tab_text" : [ 255 , 255 , 255 ] , // สีตัวอักษรของแท็บที่เปิดอยู่; "tab_พื้นหลัง_ข้อความ" : [ 167 , 167 , 167 ] , // สีตัวอักษรของแท็บที่เปิดอยู่ที่ไม่ได้ใช้งาน; "bookmark_text" : [ 167 , 167 , 167 ] , // สีตัวอักษรของบุ๊กมาร์กบนแผงเบราว์เซอร์ "ntp_พื้นหลัง" : [ 0 , 0 , 0 ] , // สีเติมพื้นหลังใต้ไอคอน "แอปพลิเคชัน" ในเบราว์เซอร์ "ntp_text" : [ 167 , 167 , 167 ] , // สีตัวอักษรของชื่อแอปพลิเคชัน; "button_พื้นหลัง" : [ 255 , 255 , 255 ] ), // สีของปุ่ม "ปิด", "ย่อเล็กสุด", "เต็มหน้าจอ" ที่มุมขวาบน

สิ่งที่เหลืออยู่คือการตั้งค่าตำแหน่งของภาพพื้นหลังหลักและการตั้งค่าเพิ่มเติมอีกสองสามอย่าง

"tints":( "buttons": // ระบุเฉดสีของสีที่ใช้ (ปล่อยให้ค่าที่ระบุอยู่ที่นี่);), "properties":( "ntp_พื้นหลัง_การจัดตำแหน่ง": "bottom", // ระบุสัมพันธ์กับขอบใด ของหน้าต่างรูปภาพหลักจะอยู่ (ล่าง - ล่าง, บน - บน); "ntp_พื้นหลัง_repeat": "no-repeat" // เราระบุว่าจำเป็นต้อง "เติม" พื้นที่ทั้งหมดของหน้าต่างเบราว์เซอร์ด้วยรูปภาพของเราหรือไม่ , ถ้ามันใหญ่กว่าภาพหลักของเรา) )

คุณผ่านทุกขั้นตอนกับฉันหรือไม่? เยี่ยมมาก คุณสามารถปิดไฟล์ Manifest และบันทึกและเริ่มทดสอบธีมที่ได้โดยการโหลดรูปภาพที่สร้างไว้ก่อนหน้านี้ลงในโฟลเดอร์ "images" ก่อน

ทดสอบธีมสำหรับ Chrome

การทดสอบฟังดูดังเกินไป จริงๆ แล้วเราต้องตรวจสอบว่าเราได้ทำงานผิดพลาดหรือไม่

คุณได้ติดตั้งธีมในเบราว์เซอร์ของคุณแล้ว และจำเป็นต้องแก้ไขเล็กน้อยหรือไม่? ไม่มีปัญหา! ไฟล์ของธีมที่ติดตั้งไว้แล้วใน Chrome จะถูกเก็บไว้ที่ C:\Users\User_Name\AppData\Local\Google\Chrome\User Data\Profile 1\Extensions

เปิดเบราว์เซอร์ของคุณแล้วไปที่การตั้งค่า แท็บส่วนขยาย แล้วคลิกโหลดส่วนขยายที่คลายแพ็ก อย่าลืมตรวจสอบว่าได้เลือก "โหมดนักพัฒนาซอฟต์แวร์" แล้ว

ในหน้าต่างที่ปรากฏขึ้น ให้เลือกโฟลเดอร์ที่มีธีมของคุณสำหรับ Chrome แล้วคลิก "ตกลง" - ในกรณีของฉัน นี่คือโฟลเดอร์ "อย่าทำ!"

ยินดีด้วย! ธีมในเบราว์เซอร์ควรเปลี่ยนเป็นของคุณ หากไม่เป็นเช่นนั้น ให้กลับไปที่โค้ดด้านบนและค้นหาข้อผิดพลาดในไฟล์และความละเอียดของภาพของคุณ หรือดาวน์โหลดไฟล์เก็บถาวรด้วยไฟล์ของฉันจากลิงก์ - และเปรียบเทียบกับของคุณ

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

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

วิธีอัปโหลดธีมไปยัง Chrome Store

หากคุณตัดสินใจที่จะแยกทางกับเงินที่หามาอย่างยากลำบาก ให้ทำการลงทะเบียนง่ายๆ ในร้านค้าออนไลน์ที่ https://chrome.google.com/webstore/category/extensions

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

หลังจากลงทะเบียนและชำระเงินสำหรับบัญชีนักพัฒนาแล้ว คุณจะมีโอกาสอัปโหลดส่วนขยายและธีมของคุณเองไปยังร้านค้าโดยมีข้อจำกัดเล็กน้อย - ไม่เกิน 20 ส่วนขยายต่อบัญชี โดยไม่จำกัดจำนวนธีม

ก่อนอื่น ให้จัดแพคเกจไฟล์ธีมและอัปโหลดไปยัง Chrome Store ดังที่แสดงในภาพหน้าจอ

หากไม่มีข้อผิดพลาดเกิดขึ้น ข้อมูลเกี่ยวกับธีมของคุณจะปรากฏบนหน้าหลักของแผงนักพัฒนาซอฟต์แวร์พร้อมลิงก์ไปยังหน้าการตั้งค่า ซึ่งคุณสามารถเปลี่ยนคำอธิบาย เพิ่มไอคอน และเผยแพร่ธีมได้

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

การสร้างธีมสำหรับ Chrome โดยใช้บริการออนไลน์

ในส่วนแรกของบทความ ฉันอธิบายวิธีการ "ซับซ้อน" ในการสร้างธีมสำหรับเบราว์เซอร์ Google Chrome ตอนนี้เรามาดูวิธีที่ง่ายกว่าซึ่งไม่ต้องขุดโค้ดและสร้างรูปภาพเพิ่มเติมจำนวนมาก สิ่งที่คุณต้องทำคือไปที่เว็บไซต์ - www.themebeta.com/chrome-theme-creator-online.html พร้อมด้วยพื้นหลังขนาดใหญ่ที่เตรียมไว้ล่วงหน้า

เบราว์เซอร์ที่ใช้ Chromium ไม่รองรับธีมเคลื่อนไหว แต่ Opera รองรับ

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

ป้อนชื่อธีมและอัปโหลดภาพพื้นหลัง ทันที - ทำการตั้งค่าตำแหน่งหรือปล่อยไว้เป็นค่าเริ่มต้น

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

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

เมื่อไปที่แท็บ "แพ็ค" คุณจะมีตัวเลือก 3 อย่างให้เลือก:

1. ติดตั้งธีมที่ได้ในเบราว์เซอร์ (จำข้อเสียเปรียบกับหน้าต่างเมื่อเปิดเบราว์เซอร์)
2. แพ็คเกจธีมเป็นรูปแบบไฟล์ crxและดาวน์โหลดลงในคอมพิวเตอร์ของคุณ (ไฟล์นี้เป็นไฟล์ติดตั้งสำหรับธีมและส่วนขยายในเบราว์เซอร์ Chrome)
3. ดาวน์โหลด “ซอร์สโค้ด” ของธีมในไฟล์ zip (คุณสามารถอัปโหลดธีมที่เสร็จแล้วไปยังร้านค้าออนไลน์ได้ทันที)

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

หากคุณสนใจในโพสต์ต่อไปนี้ฉันจะอธิบายกระบวนการสร้างธีมเคลื่อนไหวสำหรับเบราว์เซอร์ Opera