Huomaa: Tämän artikkelin käännös on tarkoitettu vain tiedoksi. Käännös on luotu automaattisesti käännösohjelmiston avulla, eikä sitä ole välttämättä tarkistettu. Näin ollen tämän artikkelin englanninkielistä versiota on pidettävä hallitsevana versiona, joka sisältää uusimmat tiedot. Voit tutustua siihen täällä.
Muokkaa design manager -asetuksia
Päivitetty viimeksi: tammikuuta 20, 2023
Mukauta kehittäjäkokemustasi design manager -asetuksilla. Asetuksiin kuuluvat suunnittelunhallinnan oletuskäynnistyskäyttäytyminen, koodiasetukset mukautetuille koodatuille tiedostoille ja JavaScriptin niputus.
Pääset näihin asetuksiin seuraavasti:
- Siirry HubSpot-tililläsi kohtaan Markkinointi > Tiedostot ja mallipohjat > Suunnittelutyökalut.
- Napsauta oikeassa alakulmassa Asetukset ja valitse sitten Avaa asetukset.
- NapsautaAsetukset-pudotusvalikkoa valitaksesi asetustyypin, jota haluat säätää.
Yleiset asetukset
- Avaa etsijä käynnistettäessä: Kun tämä on kytketty päälle, vasemmalla oleva etsijä avataan, kun design manageria käytetään ensimmäisen kerran.
- Päivitä esikatseluikkuna tiedostoja vaihdettaessa: kun tämä on kytketty päälle, suunnittelunhallinnan esikatseluikkuna näyttää parhaillaan valitun tiedoston. Ota tämä asetus käyttöön, jos haluat esikatsella yhtä tiedostoa kerrallaan.
Koodiasetukset
Ulkoasu
- Teema: koodieditorien käyttämä värimaailma.
- Fontti: koodieditorin käyttämä ensisijainen fontti ja fonttikoko.
Lähde
- Tabulaattorikoko: Tabulaattorimerkin leveys, kun koodieditorissa painetaan tabulaattorinäppäintä.
- Sisäänvetoyksikkö: koodilohkon sisennysten määrä älykkäällä sisennyksellä.
- Pehmeät välilehdet: kun tabulaattorinäppäin on kytketty päälle, tabulaattorimerkin sijasta lisätään välimerkit, jotka vastaavat tabulaattorikokoa.
- Älykäs sisennys: kun se on kytketty päälle, uudet rivit noudattavat edellisen rivin sisennystä.
- Sisällyönti muotoilun yhteydessä: kun tämä on kytketty päälle, sisennät saman rivin asiayhteyden mukaan tapahtuvassa syötössä. Esimerkiksi case x: -lauseke tai sulkeva }-merkki sisennetään oikein, kun se lisätään.
- Sisällyttäminen välilehdillä: kun tämä on päällä, älykkään sisennyksen tai muotoilun aiheuttama automaattinen sisennys käyttää välilehtiä.
- Rivien kääriminen: kun tämä on kytketty päälle, rivit kääritään sen sijaan, että ne vaatisivat vaakasuuntaista vierittämistä.
- Sulje sulkeet automaattisesti: Kun tämä on kytketty päälle, koodieditori sulkee automaattisesti sulku- ja lainausmerkit, esim:
() [] {} '' "" - Automaattinen tunnisteiden sulkeminen: kun tämä on kytketty päälle, koodieditori sulkee XML-tunnisteet automaattisesti.
- Match brackets: kun kursori on kytketty päälle, kursorin asettaminen sulkujen viereen korostaa vastaavan avaavan tai sulkevan sulkujen merkin.
- Match tags: kun kursori on kytketty päälle, kursorin asettaminen tagin viereen korostaa vastaavan avaavan tai sulkevan tagin.
- Jatka lohkokommentteja: kun tämä on kytketty päälle, koodieditori jatkaa automaattisesti lohkokommentteja, kun luodaan uusia rivejä.
JavaScriptin niputusasetukset
- Napsauttamalla tätä voit kytkeä Enable ESLint (Ota ESLint käyttöön ) -kytkimen päälle tai pois päältä. Kun se on kytketty päälle, ESLint ajaa JavaScriptin yli, kun tarkastellaan kooditiedostojen tulostetta.
- Määritä vasemmassa paneelissa ESLint-asetukset. Lisätietoja ESLintin määrittämisestä.
- Oikeassa paneelissa JavaScript-demo heijastaa vasemmalla puolella tekemiäsi muutoksia.
- Palauta oletusasetukset valitsemalla Restore default eslintrc.
Design Manager
Kiitos palautteestasi. Se on meille erittäin tärkeää.
Tätä lomaketta käytetään vain dokumentaation palautteeseen. Lue, miten saat apua HubSpotin kanssa.
Asiaan liittyvä sisältö
-
Kloonaa HubSpot-sisältösi
Voit kloonata HubSpotin blogikirjoituksen, sähköpostiviestin tai sivun ja käyttää olemassa olevaa sisältöä...
Tietämyskanta -
Lisää Google Tag Manager -koodi HubSpotin sisältöön.
Voit integroida Google Tag Managerin HubSpotin kanssa ja seurata HubSpotin isännöimiä aloitussivuja,...
Tietämyskanta -
Luo sivuja useilla kielillä
Voit kääntää HubSpot-sivun sisällön useille kielille. Lisäämällä kielivaihtomoduulin sivun malliin voit antaa...
Tietämyskanta