Kuidas teha Google Chrome'i jaoks oma teema. Kuidas luua Google Chrome'i jaoks oma teema. Teemad Google Chrome'i jaoks

Saabub aeg ja sa tüdined tavapärasest, tahad lisada kõige populaarsemale brauserile särtsu ja selline Chrome'i "ainulaadne funktsioon" võib olla "teema", mida ei laadita alla ametlikust veebipoest, vaid teie oma, erinevalt teistest.

Nagu olete juba aru saanud, käsitleme täna Google Chrome'i brauseri jaoks oma teemade loomise probleemi.

Loomiseks vajame:

1. Lihtsaim graafiline redaktor (isegi Paint teeb seda);
2. Meie üksikasjalikud juhised;
3. Natuke tahtmist.

Ja ma ei ürita teid petta, Chrome'i brauseri lahedamad teemad luuakse loetud minutitega, kuid liigume sõnadelt tegudele.

Google Chrome'i teema loomiseks on kaks võimalust.

1. Kirjutage nullist (luues ühe tekstidokumendi ja mitu pilti);
2. Kasutage spetsiaalset võrguteenust.

Kui otsustate, millist meetodit kasutada, alustan "kõige raskemast".

Google Chrome'i teema loomine nullist

Teemad ja kroomimootoril põhinevate brauserite laiendused põhinevad failil manifest.json.

Manifest.json on tekstidokument, mis salvestab teemade ja laienduste seaded, samuti pealkirja, kirjelduse ja muu teenuseteabe.

Loome töölauale uue kausta oma tulevase teema nimega, minu jaoks kannab see nime “Ära tee!” ja selle sees loome tekstidokumendi - manifest.json, kus manifest on dokumendi nimi ja json on selle . Lisaks looge tühi kaust nimega "pildid", mis sisaldab kõiki meie teema graafilisi elemente.

Järgmine samm teema loomisel on piltide ettevalmistamine.

Võite kasutada Internetist alla laaditud valmispilte või teha ise, teen täiesti ainulaadsed pildid teema hilisemaks Chrome'i veebipoodi üleslaadimiseks.

Vajame järgmise suurusega pilte:

1. 1920x1080px (HD-vorming) – kasutamiseks brauseris põhitaustana.

2. 30x256 pikslit – seda pilti kasutatakse Chrome'i aknakaunistusena.

3. 1100x40px – see pilt toimib brauseri vasakus ülanurgas pritsmeekraanina (ma ei tea, miks peaksite selles kohas lisapilti eraldi kasutama - saate seda kasutada teema täiendavaks "kohandamiseks" ).

4. 30x200 pikslit – see toimib passiivsete avatud brauseri vahekaartide täitmisena.

5. 30 x 256 pikslit – seda pilti kasutatakse aktiivse avatud vahekaardi ja Chrome'i järjehoidjariba täitmiseks.

Pöörake tähelepanu piltidele, eriti nende suurusele; kui te ei tea, kuidas täpselt sellise suuruse ja kujuga pilti teha, uurige mõnda meie pilti.

Noh, kui teil on kõik juba valmis, looge fail manifest.json.

Saate alla laadida valmis faili, mille valmistasin näidisena - või koostada see ise vastavalt allolevatele juhistele.

Dokument, milles meie teema koodi kirjeldatakse, algab lokkis sulguga “(”, seejärel peate täitma väljad:

( "nimi":"Ära tee seda!", // väli, mis näitab teema nime; "version": "1", // teie teema versiooninumber (hiljem, kui teete muudatusi, peate versiooni värskendamiseks); " kirjeldus":"Kas ikka saab mõelda?", // teema lühikirjeldus; "manifest_version":2, // manifesti versioon ("manifestist" on kaks versiooni - 1 ja 2, versioon 1 – Chrome'i brauserite jaoks, mis on vanemad kui versioon 18, 2 brauserite jaoks, mille versioon on 18 ja uuem, kaasa arvatud).

"theme":( "images":( "theme_frame": "images/theme_frame.jpeg", // brauseriakna kujunduses kasutatud pilt; "theme_toolbar": "images/theme_toolbar.jpeg", // täidisena kasutatud pilt aktiivne avatud vahekaart; "theme_tab_background": "images/theme_tab_background.jpeg", // passiivsete avatud vahekaartide täitmine; "theme_ntp_background": "images/theme_ntp_background.jpeg", // meie teema põhitaust; "theme_frame_overlay": "images" /theme_frame_overlay .jpeg"), // täitke vasak ülanurk.

Sellel lehel olev kood kasutab sümbolit “//”, koodi on vaja “kommenteerida”. Otse failis manifest.json- selle saab kustutada.

Olles määranud piltide teed, peaksite määrama fontide ja liidese elementide värvid. IN manifest.json Kasutatakse RGB värve – nende koodid saad igas võrgumuunduris.

"colors":( "frame":, // Täidab põhitausta tühja ruumi määratud värviga; "tööriistariba":, // Täidab ala vasakus alanurgas, kus kuvatakse saidi "url"; "tab_text":, // Aktiivse avatud vahekaardi värvifont; "tab_background_text":, // Mitteaktiivse avatud vahelehe fondi värv; "bookmark_text":, // Järjehoidjate fondi värv brauseri paneelil; "ntp_background": , // Tausta täitevärv brauseri "rakenduse" ikoonide all; "ntp_text":, // Rakenduste nimede fondivärv; "button_background":), // "Sule", "Minimeerimise", "Täielik" värv Ekraan" nupud paremas ülanurgas.

Jääb vaid määrata põhitaustapildi asetus ja paar lisaseadet.

"tints":( "buttons": // Määrake kasutatavate värvide toonid (jätke väärtused siia määratud);), "properties":( "ntp_background_alignment": "bottom", // Määrake, millise serva suhtes aknast asub põhipilt (alt – all, üleval – üleval); “ntp_background_repeat”: “no-repeat” // Näitame, kas on vaja kogu brauseriakna ruum oma pildiga “täita” , kui see on meie põhipildist suurem. ) )

Kas sa läbisid kõik sammud minuga? Suurepärane, saate manifesti faili sulgeda ja salvestada ning alustada saadud teema testimist, laadides eelnevalt loodud pildid kausta "pildid".

Chrome'i teema testimine

Testimine kõlab liiga valjult, tegelikult peame kontrollima, kas oleme oma töös vigu teinud.

Kas teie brauserisse on juba teema installitud ja peate seda veidi muutma? Pole probleemi! Chrome'is juba installitud teemade failid salvestatakse aadressile C:\Users\User_Name\AppData\Local\Google\Chrome\User Data\Profile 1\Extensions

Avage brauser ja minge vahekaardile Seaded, vahekaart Laiendused ja klõpsake käsul Laadi lahti pakkimata laiendus. Kontrollige kindlasti, kas "Arendaja režiim" on märgitud.

Valige kuvatavas aknas Chrome'i teemaga kaust ja klõpsake nuppu "Ok" - minu puhul on see kaust "Ära tee seda!".

Palju õnne! Brauseri teema oleks pidanud muutuma teie omaks, kui mitte, siis naaske ülaltoodud koodi juurde ja otsige oma failidest ja piltide eraldusvõimest vigu või laadige lingilt alla minu failidega arhiiv - ja võrrelge teie omaga.

Nüüd saate nautida Google Chrome'i jaoks loodud teemat, kuid igas meevaadis on lusikatäis teadupärast.

Iga kord, kui avate brauseri, kuvatakse paremas ülanurgas aken, mis teavitab teid, et mõnda installitud laiendustest või teemadest ei laaditud ametlikust poest alla. Selle vältimiseks on ainult üks võimalus – laadige oma teema ametlikku Chrome'i veebipoodi ja installige see sealt brauserisse.

Teema üleslaadimine Chrome'i poodi

Kui otsustate oma raskelt teenitud rahast loobuda, registreeruge veebipoes aadressil https://chrome.google.com/webstore/category/extensions.

Olles loonud ilusa ja ainulaadse teema, saate installimise muuta kasutajatele tasuliseks - nii saate väikese passiivse sissetuleku.

Pärast arendajakonto registreerimist ja tasumist on teil võimalus väikeste piirangutega oma laiendusi ja teemasid poodi üles laadida – mitte rohkem kui 20 laiendust konto kohta, teemade arv on piiramatu.

Kõigepealt pakendage teemafailid ja laadige need üles Chrome Store'i, nagu on näidatud ekraanipildil.

Kui vigu ei ilmnenud, kuvatakse teie teema teave arendajapaneeli avalehel koos lingiga seadete lehele, kus saate muuta kirjeldust, lisada ikooni ja avaldada teema.

Ma ei kirjelda kõiki täitmiseks saadaolevaid välju - seetõttu on need hästi kommenteeritud - kui teil on probleeme, kirjutage postituse alla kommentaar ja ma püüan teid aidata.

Chrome'i teema loomine võrguteenuse abil

Artikli esimeses osas kirjeldasin Google Chrome'i brauseri teemade loomise "keerulist" meetodit, nüüd liigume edasi lihtsama juurde, mis ei nõua koodi süvenemist ja paljude lisapiltide loomist. Kõik, mida pead tegema, on avada eelnevalt ettevalmistatud suure taustaga veebisait www.themebeta.com/chrome-theme-creator-online.html.

Chromiumipõhised brauserid ei toeta animeeritud teemasid, kuid Opera seda toetab.

Kui olete teenuses, mis, muide, pole ametlikult Google'i ettevõttega seotud, jõudnud, näete vasakul tööala, kus asuvad kommentaaridega tööriistad (inglise keeles), paremal visualiseeritud Chrome'i brauseriaken. , kus kuvatakse kõik tehtud muudatused ja allosas on nupud pildi positsioneerimiseks brauseriakna suhtes.

Sisestage teema nimi ja laadige üles taustpilt. Kohe – tehke positsioneerimisseaded või jätke need vaikeseadetele.

Vahekaardil "Värvid" saate määrata brauseri erinevates kohtades kasutatavate fontide värvid. Hõljutage kursorit mis tahes vasakul pakutava valiku kohal ja muudatuse asukoht tõstetakse visualiseeritud aknas punaselt esile. Kõik, mida pead tegema, on töötada värvipaletiga, et valida endale vajalikud.

Kui te ei laadi alla palju ülalkirjeldatud lisapilte, kajastab teie brauseriaken Windowsi vaikevärviskeemi, st. Teema täielikuks kohandamiseks peate üles laadima kõik pakutud pildid vahekaardile "Pildid" vastavalt artikli esimeses osas märgitud suurustele.

Vahekaardile "Pakkimine" minnes antakse teile valida kolme toimingu vahel:

1. Installige saadud teema brauserisse (brauseri avamisel pidage meeles akna puudust).
2. Pakkige teema failivormingusse crx ja laadige see oma arvutisse alla (see fail on Chrome'i brauseri teemade ja laienduste installifail).
3. Laadige zip-arhiivis alla teema “lähtekood” (saate valmis teema kohe veebipoodi üles laadida).

Märgin, et selle teenuse kasutamisel paigutatakse teie teema kataloogi ning see on teistele kasutajatele allalaadimiseks ja installimiseks saadaval.

Kui olete huvitatud, kirjeldan järgmistes postitustes Opera brauseri jaoks animeeritud teemade loomise protsessi.

Selleks vajate spetsiaalset veebiteema koostajat, veidi inspiratsiooni ja paar minutit vaba aega. Kuigi kui kannatad perfektsionismi käes, võid kulutada mitu tundi. Me hoiatasime teid. :)

Niisiis, avage veebirakendus. Näete akna vasakus servas vahekaarte teemade loomise tööriistadega ja paremal eelvaateala.

See konstruktor võimaldab luua teemasid poolautomaatses režiimis. Kuid saate kõike ka käsitsi kohandada, et tulemus vastaks täielikult teie maitsele.

1. Lihtne viis

Asi on selles: laadite konstruktorisse üles mis tahes pildi, mis teile meeldib, ja ThemeBeta kasutab seda uue teema põhitaustana ja kohandab automaatselt kõik kujundusvärvid selle järgi.

Enda pildi lisamiseks klõpsake vahekaardil Põhiline nuppu Laadi üles pilt ja valige arvutis soovitud pilt. Seejärel, kui soovite, et redaktor kohandaks teemavärve, klõpsake nuppu Loo värvid.

Kui olete tulemusega rahul, klõpsake nuppu Pakki ja installi ning kinnitage allalaadimine ja seejärel teema lisamine Chrome'i. Brauser aktiveerib kohe uue kujunduse.

Kui soovite pärast automaatset seadistamist muuta värve või lisada erinevatele teemaelementidele eraldi tausta, vajate tööriistu teiste vahekaartide all. Lisateavet nende kohta leiate artikli järgmisest lõigust.

2. Täiustatud meetod

See meetod hõlmab uue teema tausta ja tekstivärvide käsitsi seadistamist.

Piltide või värvide valimiseks erinevate kujunduselementide taustaks kasutage vahekaardi Pildid all olevaid tööriistu. Lihtsalt hõljutage kursorit mis tahes tööriista kohal ja parempoolses aknas näitab kujundaja, millist teema osa see muudab. Näiteks põhitausta konfigureerimiseks kasutatakse NTP tausta. Ja Tab Background võimaldab teil valida saidi päise tausta.

Kui olete taustad välja mõelnud, saate vahekaardil Värvid teksti värve kohandada. Siin töötab kõik samamoodi. Seal on tööriistade loend, osutage ükskõik millisele neist - ja parempoolses aknas näete, mille eest see vastutab.

Kui olete taustade ja tekstivärvidega lõpetanud, avage vahekaart Pakki ja klõpsake valitud teema allalaadimiseks ja rakendamiseks nuppu Pakki ja installi.

Lisaks saate alati valida ja installida ühe paljudest valmis teemadest ThemeBeta andmebaasist või ametlikust Google'i kataloogist. Kui soovite tulevikus standardkujunduse juurde naasta, avage Chrome'i seaded ja klõpsake üksuse "Teemad" vastas "Vaikeskaala".

Selles juhendis ütlen teile, kui kiiresti ja lihtsalt looge Google Chrome'i brauseri jaoks teema. See on kõige lihtsam viis, kuid igaks juhuks panen kõik üksikasjalikult kirja.

Mida vajate:
- Rakendus
-Minu Chrome'i teema
- Registreerimine Google'is

1.Esmalt avage Chrome ja minge rakenduste juurde.

2. Nüüd minge poodi. (ära karda, sa ei pea midagi ostma).

3. Sisestage otsingusse Minu Chrome'i teema ja vajutage sisestusklahvi.

4. Leidke rakendus Minu Chrome'i teema ja klõpsake nuppu Tasuta.

5. Ilmub selline aken, klõpsake nuppu Lisa. Muide, pärast nupul Tasuta klõpsamist võidakse teil nõuda Google'i sisselogimist.

6. Nüüd ootame selle allalaadimist ja installimist.

7. Nüüd minge uuesti jaotisesse Rakendused ja valige Minu Chrome'i teema.

8. Klõpsake nuppu Alusta teema loomist

9. Siin saate nüüd valida, kas soovite pildi üles laadida arvutist või veebikaamerast. Minu puhul laadin alla arvutist.

10. Valige pilt või foto.

11. Nüüd muutke pildi või foto asukohta ja klõpsake nuppu Jätka 2. sammuga.

12.Siin klõpsame pintslitel ja valime iga elemendi jaoks värvid eraldi. Pärast seda klõpsake nuppu Jätka 3. sammuga.

13.Kirjutage teema nimi ja klõpsake nuppu Tee minu teema!

15. Allosas, kus on allalaaditavad failid, kuvatakse uus allalaaditav fail. Klõpsake nuppu Edasi.

16. Nüüd klõpsake nuppu Lisa.

17.Ja me imetleme. Tõsi, minu puhul foto ei sobi. Neile, kes on Internetiga pikka aega tuttavad, tundub see juhend naljakas, kuna kõike on liiga üksikasjalikult kirjeldatud. Kuid ärgem unustagem, et mõned inimesed ei ole Interneti kasutamise eksperdid ja vajavad üksikasjalikku kirjeldust.

Kui veedate Internetis palju aega, pole brauseri välimus vähem oluline kui selle funktsionaalsus või kiirus. Palju mugavam on töötada kauni, ergonoomilise liidesega, kus värvid, ikoonid, juhtnupud ja taustpildid on optimaalselt valitud. Google Chrome'i brauser muudab teemade installimise ja muutmise lihtsaks, kuid kui ükski neist teile ei sobi, saate hõlpsalt ise luua.

Nagu näete, on oma teema loomine Google'i patenteeritud laienduse abil väga lihtne.

Püüame alati kõike isikupärastada, enda järgi kohandada ning oma eelistustest ja maitsetest lähtuvalt ümber teha. Arvuti pole selles osas erand. Ekraanisäästjaks õigesti valitud pilt või lihtsalt silmailu pakkuvad värvid võivad viia arvutikasutamise mugavuse täiesti uuele tasemele.

Kes meist poleks Windowsi taustapilti vahetanud? Tänapäeval kohtab sellist inimest harva. Mõnel on kassid, mõnel kaunis noor daam ja mõnel meeldib abstraktsioon.

Kas teadsite, et sarnaseid ekraanisäästjaid saab installida Google Chrome'i brauserisse? Ainult seal nimetatakse neid teemadeks.

Kui olete vaikevalgest lõuendist tüdinud, lugege edasi, et teada saada, kuidas seda teha muutke Google Chrome'is teemakujundust.

Teema (käivituskuva) muutmine Chrome'is

Muutke Google Chrome'is teemat saate järgida järgmisi juhiseid:

Võite ka otse linki jälgida.

Selles jaotises näete tohutut galeriid igasugustest teemadest. Mõned neist lõid Google'i disainerid ja mõned kunstnikud. Nad kõik on tasuta.

Kui leiate soovitud teema, hõljutage kursorit selle kohal ja klõpsake hüpikaknas "tasuta".

Muud teemad Google Chrome'i allalaadimiseks

Teine teemade allikas on kolmanda osapoole disainerid. Nagu selgus, on neid väga-väga palju. Kvaliteedilt ületavad nad sageli standardseid oluliselt, mitmekesisusest rääkimata.

Laadige alla Google Chrome'i teemad:

Allalaaditud failidel on CRX-laiend (mõnikord saab neid pakkida). Nende installimiseks peaksite teemafailid lahti pakkima ja lihtsalt oma brauseriaknasse lohistama.

Teema (naha) generaator Google Chrome'i jaoks

Kui ülaltoodud meetodid ei anna tulemusi, peaksite kasutama teema generaator — Minu Chrome'i teema, mida saab samast alla laadida "Online pood".

Otsene allalaadimise link.

Selle rakenduse kasutamine on väga lihtne: laadite üles pildi, kohandate värviskeemi ja töötlete seda olemasolevate tööriistade abil.