วิธีสร้างธีมใน 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 เช่น เพื่อให้ "ปรับแต่ง" ธีมได้อย่างสมบูรณ์ คุณจะต้องอัปโหลดรูปภาพที่เสนอทั้งหมดในแท็บ "รูปภาพ" ตามขนาดที่ระบุไว้ในส่วนแรกของบทความ

เมื่อไปที่แท็บ "แพ็ค" คุณจะมีตัวเลือกการดำเนินการสามประการให้เลือก:

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

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

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

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

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

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

1. วิธีง่ายๆ

ประเด็นก็คือ: คุณอัปโหลดรูปภาพใดๆ ที่คุณชอบลงใน Constructor และ ThemeBeta จะใช้รูปภาพนั้นเป็นพื้นหลังหลักสำหรับธีมใหม่และปรับสีการออกแบบทั้งหมดให้โดยอัตโนมัติ

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

หากคุณพอใจกับผลลัพธ์ ให้คลิก Pack and Install และยืนยันการดาวน์โหลด จากนั้นจึงเพิ่มธีมลงใน Chrome เบราว์เซอร์จะเปิดใช้งานการออกแบบใหม่ทันที

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

2. วิธีการขั้นสูง

วิธีนี้เกี่ยวข้องกับการตั้งค่าพื้นหลังและสีข้อความสำหรับธีมใหม่ด้วยตนเอง

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

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

เมื่อคุณปรับแต่งพื้นหลังและสีข้อความเสร็จแล้ว ให้เปิดแท็บ Pack แล้วคลิก Pack and Install เพื่อดาวน์โหลดและใช้ธีมที่คุณเลือก

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

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

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


ภาพหน้าจอ

(คลิกที่ภาพเพื่อขยาย)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ก่อนอื่น เข้าสู่ระบบด้วยบัญชี Google ของเราบนเว็บไซต์ https://www.themebeta.com/ ในกรณีนี้ ไซต์จะขออนุญาตในการเข้าถึงข้อมูลบัญชีของคุณบางส่วน ยืนยัน และดำเนินการสร้างหัวข้อต่อไป หากต้องการเริ่มต้นสร้างธีม ให้คลิกที่ลิงก์ Theme Creator:

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

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

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

บนแท็บสี ให้ตั้งค่าสีของแบบอักษร แถบบุ๊กมาร์ก และแถบสถานะ:

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

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

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

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

  • เซอร์เกย์ ซาเวนคอฟ

    รีวิวแบบ "สั้นๆ" บ้าง... เหมือนรีบไปที่ไหนสักแห่ง