it looks like you're using IE11…

Jos tämä on ensimmäinen kerta, kun kuulet web-suunnittelussa käytetystä termistä ”leivänmurunen”, anna minun näyttää miltä se näyttää:

olen melko varma, että olet kohdannut sen vierailemillasi verkkosivuilla. Nyt, lisätään yksi teidän website.To lisää leipäkrumba-Elementti, etsi” leipäkrumba ” elements-paneelista ja vedä Leipäkrumba-Elementti sisältöruutuun.

voit nähdä jotain tällaista:

nyt rakentajassa tai Cornerstonessa näkemäsi teksti ei ole se varsinainen teksti, joka ilmestyy sivustosi etupuolelle. Se on vain paikkamerkki. Etusivulla näet verkkosivujen hierarkian, joka alkaa linkistä kotiin vasemmalla-suurimmaksi osaksi, sitten siirrät yhden lapsen kauemmas oikealla.

tässä tapauksessa, koska luomamme sivu on yrityksen profiili, joka tässä esimerkissä on Tietoja meistä-sivun lapsi, rakenne on: Home > Tietoja meistä > Yrityksen profiili.

Setup-kenttäryhmän alla näet seuraavat kentät:

Home Label Type

voit valita, haluatko käyttää etusivun linkissä pelkkää tekstiä (esim.koti) vai kuvaketta.

Kotimerkintä

Jos olet valinnut tekstin Kotimerkintätyyppisestä kentästä, voit muuttaa tekstin sanomalla ”koti” joksikin muuksi (esim.blogi, uutiset).

Jos valitsit kuvakkeen, sinulle annetaan mahdollisuus valita käytettävä kuvake.

Width & Max Width

voit asettaa Leipäjauhoelementin oletusleveyden. Voit myös asettaa sen enimmäisleveyden niin, että se ei voi ylittää tätä leveyttä.

perustelu & suunta

Näin voit muuttaa joukon Leipäkrumba-elementin Flex CSS-ominaisuuksia. Jos et ole perehtynyt Flexbox, on hyödyllinen johdanto täällä.

Tausta

elementtiin voi lisätä taustavärin.

voit asettaa leivänmurutaustan fontteja, marginaaleja, pehmusteita, laatikkovarjoja, rajoja ja reunasäteitä. Näet nämä ominaisuudet ohjauspaneelissa:

huomaa, että nämä mainitut ominaisuudet, kun ne on määritetty, ovat koko korppujauhoelementille eivätkä yksittäisille linkeille mainitun elementin sisällä. Tämä tarkoittaa, jos asetat pehmusteet, se koskee koko elementtiä.

myöhemmin keskustellaan siitä, miten yksittäisiä linkkejä voi muokata korppujauhon sisällä.

korppujauhoissa ”erotin” on jokaisen linkin Erottaja.

oletuserotin on nuoli, mutta voimme muuttaa sitä ja jopa poistaa sen kokonaan. Asetukset löytyvät Karsintamittarin Asetuskenttäryhmästä.

nyt keskustellaan yksittäisistä asetuksista.

Ota käyttöön

oletusarvoisesti erotin on päällä, mutta voit sammuttaa sen, jolloin erotin poistetaan.

Erotintyyppi

aivan kuten aiemmin käsitellyn Asetuskenttäryhmän alla olevassa Kotimerkintätyypissä, voit valita, käytetäänkö Erotintyypille tekstiä vai kuvaketta. Kun sanomme ”teksti”, se ei välttämättä tarkoita sanoja, vaikka sanat ovat sallittuja. Yleisesti käytetään ASCII-koodeja. Oletuserotin, → on ASCII-koodi, joka luo nuolen.

Jos valitset Erotintyypiksi kuvakkeen, sinulle näytetään kuvakkeenvalintakenttä, jossa voit valita käytettävät kuvakkeet.

LTR & RTL erotin

LTR tarkoittaa ”vasemmalta oikealle”, kun taas RTL tarkoittaa ”oikealta vasemmalle”. Nämä tarkoittavat pohjimmiltaan sitä suuntaa, miten luemme kirjeitä. Esimerkiksi, luet tätä artikkelia alkaen vasemmalta oikealle, näin, tämä on LTR. Kielet kuten arabia ja heprea lukea niiden merkkejä ja sanoja alkaen oikealta menee vasemmalle.

jotkut sivustot tukevat useita kieliä, joissa sekä LTR että RTL ovat tuettuja. Tämä asetus saa leipäkrumb-erottimen valmiiksi antamalla sinun asettaa LTR-erottimen lisäksi myös sen, mitä käyttää, kun RTL on käytössä.

väli

tähän asetettu arvo asetetaan etäisyydeksi sekä erotimen vasemmalle että oikealle puolelle. Joten jos asetat arvoksi 10px, jokaisella erottimella on 10px: n tila vasemmalla ja toinen 10px: n tila oikealla.

linkkien asetukset ovat käytännössä samat kuin asennus-ja Suunnitteluasetukset yhteensä. Tärkein ero on, että linkit asetukset ovat erityisiä yksittäisiä linkkejä, kun taas kaksi ensimmäistä sovelletaan leipäkrumba Elementti itse.

Links Setup voit myös asettaa tekstin värin ja taustavärin kaikkien linkkien sisällä linkkirumba hiiri leijuu linkin.

Mukauta

Mukauta-osio koostuu kontrolleista muokata elementtiä, jos olet HTML -, CSS-ja Javascript-kielissä.

• ID – Aseta elementille HTML-tunnus tämän asetuksen avulla. Tunnuksen tulee olla sivulla yksilöllinen.
• Luokka – käytä tätä asetusta HTML-luokan määrittämiseen elementille. Voit käyttää luokan mukautetun CSS-koodi.
• Elementti CSS – käytä tätä vaihtoehtoa, jotta voit hallita elementtiä paremmin päästäksesi elementin sisempiin tageihin käyttämällä $el CSS-valintana. Klikkaa tästä saadaksesi tarkempia tietoja.
• piilota keskeytyspisteen aikana – käytä tätä asetusta piilottaaksesi elementin eri laitekokoihin. Klikkaa tästä saadaksesi lisätietoja.
• Custom attribuutit – käytä tätä asetusta lisätäksesi mukautetun attribuutin elementin HTML-tagiin. Sellaisia kuin data-info=123. Voit käyttää mahdollisuutta pistää mukautettuja tietoja muokkauskoodisi elementtiin.

Demo

nähdäksesi Livedemon Korppujauhoelementistä klikkaa tästä.

Yhteenveto

muutamassa minuutissa olet oppinut lisäämään ja asettamaan leivänmuruja Cornerstone / Content Builderiin. Olet oppinut suunnittelemaan leipäkrumba elementti sekä sen yksittäisiä linkkejä. Lopuksi olet myös oppinut määrittämään erotin mieleiseksesi.