Profiiliosio on täydellinen tapa esitellä työsi takana olevat ihmiset. Olitpa sitten rakentamassa Tietoja-sivu, tiimiesittely tai biografiaosioTämän asettelun avulla voit esitellä ihmisiä tyylikkäästi ja selkeästi.
Korosta jokaisen henkilön kuva, nimi, rooli ja tarina muodossa, joka tuntuu henkilökohtaiselta ja mukaansatempaavalta. Luovista tiimeistä ja yhteistyökumppaneista puhujiin, mentoreihin tai avustajiin, Profiiliosio auttaa sinua luomaan syvempiä yhteyksiä yleisöösi antamalla kasvot brändillesi tai projektillesi.
Yksinkertaisten mukautusvaihtoehtojen ja selkeän, responsiivisen suunnittelun ansiosta Profiili-osiossa on helppo esitellä ihmiset, jotka mahdollistavat työsi.
Tässä artikkelissa:
- Mikä on profiiliosio?
- Lisää profiili -osio
- Lisää ja muokkaa luettelokohteita
- Listakohteiden järjestys
- Luettelon kohteiden poistaminen
- Hallinnoi elementtejä
- Osion asettelun muuttaminen
- Tyylivaihtoehdot
Profiiliosio
Profiiliosio on kokoelma yksittäisiä profiileja, joihin voit lisätä kuvan, nimen, roolin tai nimityksen ja lyhyen kuvauksen. Voit myös lisätä linkin tai painikkeen, joka ohjaa kävijät yksityiskohtaisille sivuille tai kuhunkin profiiliin liittyville ulkoisille linkeille.
Lisää profiili -osio
- Sivulle voidaan lisätä osio. Voit joko lisätä osion jo olemassa olevalle sivulle tai luo uusi sivu verkkosivustosi sisällä.
- Sivullasi, Klikkaa sininen + kuvake lisätä a Uusi jakso sivullesi.
- Näet nyt osion luokat vasemmalla puolella.
- Valitse Profiili ja biolinkit (1) kategoria ja napsauta Profiili välilehti (2), josta voit valita erilaisia asetteluja että Profiili (3) jakso.
- Voit hallita osan leveyttä kohdasta osion asetukset ja sisällön leveys alkaen sisällön tyyliin.
- Ihanteellinen kuvan koko, joka sinun on ladattava tähän osioon, riippuu sarakkeiden määrästä. Tietää enemmän.
- Pidä otsikot, tekstitykset ja kuvaukset lyhyinä ja selkeinä.
- Napsauta kuvauskentässä enter -painiketta antaaksesi rivinvaihdon ja Shift + Enter -painiketta aloittaaksesi aivan seuraavalta riviltä.
Lisää ja muokkaa luettelokohteita
Lisää luettelokohde
Kun olet lisännyt osion:
- Klikkaa Muokkaa kuvaluetteloa (1) -painiketta avataksesi luettelokohdepaneelin.
- Klikkaa Lisää kohde (2) -painiketta lisätäksesi uuden luettelokohteen.
- Voit valita Dkopioi tai poista (3) luettelon kohteet.
Muokkaa luettelokohdetta
Napsauta luettelokohdetta, jota haluat muokata. Se avaa tietyt luettelokohteen muokkausvaihtoehdot.
Täältä voit:
- Lataa / poista ensisijainen ja toissijainen kuva (1)
Voit ladata a Toissijainen kuva yhdessä Ensisijainen kuva jokaiselle luettelokohdalle. Kun käyttäjä vie hiiren kohteen päälle, näytetään toissijainen kuva, joka korvaa ensisijaisen kuvan. Lisäksi voit asettaa Kuvan korostusväri, joka näkyy kuvan osoittimessa. - Lisää Otsikko (2), Tekstitys (3)ja Kuvaus (4) luettelon kohdan.
- Et välttämättä löydä tekstityksen ja kuvauksen vaihtoehtoa tietyistä luettelokohteista riippuen valitsemastasi asettelusta.
Tarkista ennen kuvauksen lisäämistä tätä artikkeli.
5. Toimi napsautuksella
Voit mukauttaa yksittäisten kohteiden napsautuskäyttäytymistä Profiili osio. Alla ovat käytettävissä olevat vaihtoehdot:
- Siirry linkkiin
Tämän vaihtoehdon valitseminen avaa Linkkien rakentaja, jonka avulla voit lisätä hyperlinkin tähän kohteeseen. Linkki voi ohjata käyttäjät verkkosivustosi toiselle sivulle tai ulkoiselle URL-osoitteelle. Tietää enemmän noin Linkkien rakentaja. - Avaa Lightboxissa
Tämä vaihtoehto näyttää kohteen suurennettuna Lightbox katsella napsautettaessa. Tässä tilassa Alaotsikko ja Tuotetiedot kohteeseen liitetty ei näy ruudukkonäkymässä, mutta näkyy Lightbox-tilassa. - Ei toimintoa
Valitse tämä vaihtoehto, jos haluat tehdä kohteen napsauttamattoman. Kun kohde on valittuna, kohteen napsauttaminen ei käynnistä mitään toimintoa.
6. Avaa linkki uudessa ikkunassa: Aseta linkki avautumaan kohdassa a uusi välilehti tai samassa välilehdessä. Tämä näkyy vasta kun Siirry linkkiin -vaihtoehto on valittu alta Toimi klikkauksella valikosta.
7. Painikkeet ja kuvakkeet: Lisää minkä tahansa tyyppisiä Linkki luettelon kohtaan. Voit lisätä painikkeen/kuvalinkin/sosiaalisen kuvakkeen/tekstilinkin. Lisätietoja.
8. Kortin tyylin ohitus
Voit ohittaa yleiset korttityyliasetukset osion kautta Tyyliasetukset ja mukauta jokaisen kohteen korttia erikseen Profiili-osiossa. Näin voit käyttää ainutlaatuisia tyylejä eri luettelokohteissa paremman mukauttamisen takaamiseksi.
Lisätietoja Tietoja Kortit-vaihtoehdosta dynaamisessa osiossa.
9. Muodon tyylin ohitus
Käytä Ohita-vaihtoehtoa määrittääksesi jokaiselle profiiliosiossa olevalle kuvalle eri muodon, mikä antaa sinulle paremman hallinnan jokaisen kohteen visuaaliseen tyyliin. Lisätietoja Tietoja Muotoilevasta Maskista.
10. Tallenna: Kun olet tehnyt mukautukset, tallenna muutokset.
- Enable Kortit vaihtoehto Tyyliasetukset ohittaa ja mukauttaa yksittäisten kohteiden kortteja.
- Enable Muotoileva naamio vaihtoehto Tyyliasetukset muotoilla muodot erikseen kullekin kohteelle.
Katso kuvaluettelokohteen muokkaaminen toiminnassa:
Sekvenssiluettelon kohteet
- Voit helposti vetämällä ja pudottamalla luettelon kohteita muuttaaksesi järjestystä.
Katso kuvaluettelon kohteiden järjestys toiminnassa:
Poista luettelokohde
Kun olet lisännyt luettelokohteen, voit muokata ja poistaa sitä.
- Klikkaa Poista -kuvaketta kuvaluettelokohteen vieressä.
- Tne, napsauta Poista -painiketta vahvistusponnahdusikkunassa.
- Lopuksi, säästää muutoksesi.
Katso kuvaluettelokohteen poistaminen toiminnassa:
Poistettuja luettelokohteita ei voi palauttaa.
Profiilin elementtien hallinta -osio
Kuvaluettelo-osio sisältää Elementit-välilehti jonka avulla voit hallita osion eri elementtien näkyvyyttä helposti. Yksinkertaisten vaihtokytkimien avulla voit ottaa käyttöön tai poistaa käytöstä tiettyjä elementtejä ilman, että sinun tarvitsee poistaa tai muokata itse elementtejä.
- Klikkaa Muokkaa kuvaluetteloa (1) -painiketta.
- Valitse elementit (2) -välilehti.
- Kun olet tehnyt muutokset, paina Säästä (3) -painiketta.
Osion asetukset
- Näytä otsikko: Ota käyttöön tai poista käytöstä kuvaluettelo-osion otsikon näkyvyys.
- Näytä painikkeet: Hallitse, näytetäänkö painikkeet osatasolla.
Kohteet Asetukset
- Näytä kuva: Muuta kuvien näkyvyyttä.
- Näytä Otsikko: Hallitse, näytetäänkö otsikko.
- Näytä tekstitys: Ota tekstitykset käyttöön tai poista ne käytöstä.
- Näytä kuvaus: Hallitse tuotekuvausten näkyvyyttä.
- Näytä painikkeet: Päätä, näytetäänkö yksittäisten kohteiden painikkeet.
Osion asettelu
- Klikkaa Muokkaa kuvaluetteloa (1) -painiketta.
- Valitse Layout (2) -välilehti.
- valita asettelu osastollesi ja Säästä (3) muutokset.
Voit luoda täysleveän osion / välilehtiluettelon osion valitsemalla minkä tahansa asettelun välillä 25–29.
- Voit helposti lisätä sivullesi välilehtiluettelon.
- Sinulla on mahdollisuus valita vaaka- tai pystysuora välilehtiasettelu.
- Se auttaa tekemään vertailuun perustuvan osion.
Muotoile osastosi tyyli
- Valitse Muokkaa kuvaluetteloa (1) painiketta.
- Valitse Tyyli (2) Tab.
- Muuta osioelementtien tyyliä ja Tallenna (3) muutoksesi.
Sinulla on useita tyylivaihtoehtoja osiolle:
- Näytön asetukset
- Mobiili näyttö
- suuntaus
- Tekstin koko
- Väli
- Osion otsikko
- Kuvien asetukset
- Muotoileva naamio
- Image Hover Options
- Kuvan reuna
- Korttivaihtoehdot
- Varjon asetukset
- Painikkeet ja linkit
näyttö
- Päättäkää Näytä kohteet in rivejä ja sarakkeita or karuselli
- Jos olet valinnut rivejä ja sarakkeita vaihtoehto, luettelon kohteet järjestetään riveihin ja sarakkeisiin. Tässä tapauksessa sinun on määritettävä rivien ja sarakkeiden määrä.
- Jos olet valinnut karuselli vaihtoehto, luettelon kohteet esitetään diaesityksenä. Tietää enemmän.
- - asettaa Kolumnien numerot kuvaluetteloa varten. Voit valita 1–10 sarakkeesta.
- Määritä Pylväiden välinen tila luettelon kohteista.
- Määritä Tila rivien välissä luettelon kohteista.
Jos karusellivaihtoehto valitaan vaiheessa 1, näet seuraavat lisävaihtoehdot:
- Ota Smooth Scrolling käyttöön: Mahdollistaa kohteiden jatkuvan vierityksen karusellissa saumattoman ja visuaalisesti houkuttelevan kokemuksen saamiseksi.
- Automaattinen liuku: Kiertyy automaattisesti diojen läpi ilman käyttäjän toimia.
- Näytä automaattisen toiston edistyminen: Näyttää edistymisen ilmaisimen, kun automaattinen toisto on aktiivinen paremman näkyvyyden parantamiseksi.
- Automaattisen toiston viive: Asettaa aikavälin kunkin diasiirtymän välillä, kun automaattinen toisto on käytössä.
- Karuselli Loop: Mahdollistaa diojen jatkuvan silmukan, joten karuselli käynnistyy uudelleen saumattomasti viimeisen dian jälkeen.
- Karuselliohjaimet: Valitse Navigointiohjaimet. Voit valita vaihtoehdoista Ei säätimiä, Nuolet – alhaalla keskellä/Oikealla ylhäällä/Oikealla alhaalla, Chevron, Pisteet ja Vaakasuora vieritys.
- Häivyttää reunat: Käytä hienovaraista haalistumista karusellin reunoihin. Se parantaa käyttökokemusta sekoittamalla kuvia pehmeästi, kun ne tulevat näkymään tai poistuvat siitä.
Mobiili näyttö
- Aseta numero Ruudukon sarakkeet mobiililaitteille. Voit asettaa sen enintään 3 sarakkeeksi.
- Määrittele Väli ruudukoiden välillä (pikseleinä).
Laitekohtainen sarakeasettelu Studion asetuksista:
suuntaus
- Kohdistaa Sisältö vaakasuunnassa kuvaluettelossa. Voit asettaa ne kohdistetuiksi vasemmalle, oikealle tai keskelle.
- Kohdistaa Sisältö vertikaalisesti kuvaluettelossa. Voit asettaa ne ylä-, keski- ja alareunaan kohdistetuiksi.
- Valitse Sisällön järjestys eli ensin näytettävät luettelokohteiden kuvat tai niihin liittyvä teksti.
Tekstin koko
- Klikkaa Muuta tekstin tyyliä -painiketta vieraillaksesi Design ja hallita kirjasinkokojasi ja tyylejäsi.
- - asettaa Otsikko osion luettelokohteiden kirjasintyyli.
- - asettaa Alaotsikko osion luettelokohteiden kirjasintyyli.
- Aseta oletusarvo Tuotetiedot osion luettelokohteiden kirjasintyyli.
- Ota tämä asetus käyttöön animoi mitä tahansa numeroita Läsnä Otsikko ja Alaotsikko kentät. Kun tämä on käytössä, numeeriset arvot näkyvät dynaamisen laskenta-animaation kanssa, mikä tekee niistä visuaalisesti houkuttelevampia.
Väli
- Määritä Kuvan leveys luettelon kohteille.
- Määritä Sisällön leveys luettelon kohteille.
- Määritä Välilyönti osion otsikon alla px.
- Määritä Kuvien alla tilaa luettelon kohdista (%).
- Määritä Välilyönti otsikoiden alla luettelon kohdista (%).
- Määritä Tekstityksen alla tilaa luettelon kohdista (%).
Osion otsikko
- Tasaa vaakatasossa osion otsikkoteksti. Voit asettaa sen vasemmalle, keskelle ja oikealle.
- Ota käyttöön/poista käytöstä Jakaja osion otsikon ja osion sisällön välillä.
- - asettaa jakajan paksuus (pikselinä).
- Määritä Jakajan väri värivalitsimesta.
- Valitse Jakaja Tyyli avattavasta valikosta.
- - asettaa Otsikon leveys määrittääksesi osion otsikon leveyden, alkaen vähintään 50 prosentista.
kuvat
- Valitse Imaagi Crop luettelon kohteille. Voit asettaa kuviksi neliö, ympyrä, vaaka, muotokuva ja alkuperäinen.
- Valitse luettelon kohteiden kummallekin puolelle yhteinen kulman säde tai eri kulman säde ja aseta numero (pikselinä) Corner Radius luettelon kohteen kuvista. Tietää enemmän.
Käyttäen kulman säde -kentässä voit luoda eri muotoisia luettelokohdekuvia. Jos määrität tässä 500 px, kuvat näkyvät ympyrän muodossa.
- Jos olet valinnut jaetut kulmat, voit asettaa kulman kulman eri säteen.
Muotoileva naamio
- Muotonaamio: Ota tämä kytkin käyttöön, jos haluat käyttää muotomaskia Kuvaluettelo-osion kuvissa. Kun valittu muoto on otettu käyttöön, se leikkaa kuvan visuaalisesti kyseiseen muotoon.
- Valitse muoto: Valitse useista ennalta määritetyistä muodoista, joita voit käyttää kuviisi. Tämän avulla voit tyylitellä sisältöäsi luovasti näyttämällä kuvia ainutlaatuisissa muodoissa, kuten pyöristetyssä, vinoneliössä, pudotuksessa jne.
- Venyttää: Ota tämä asetus käyttöön venyttääksesi valittua muotoa niin, että se sopii paremmin kuvasäiliöön. Tämä varmistaa, että muoto täyttää käytettävissä olevan tilan suhteellisesti, mikä parantaa visuaalista kohdistusta erikokoisten näyttöjen välillä.
- Stretch-vaihtoehto riippuu asettelusta – Se ei välttämättä näy tietyissä asetteluissa. Asetteluissa, joissa teksti, kuten otsikko tai alaotsikko, näytetään kuvan päällä, koko Shape Mask -vaihtoehto ei ehkä ole käytettävissä.
- Stretch-asetus riippuu useista tekijöistä - mukaan lukien kuvan koko, suuntausja rajausasetukset määritetty Tyyli-välilehdellä.
- Jos Kuvan rajaus -asetuksena on Alkuperäinen, kuvan todelliset mitat määräävät, venytetäänkö se pysty- vai vaakasuunnassa.
Image Hoverissa
- Valitse Kuva Hover Color olla korostusväri tai olla määritelty. Jos olet valinnut korostusvärija määritä sitten sameus. Voit määrittää korostusvärin jokaiselle tuotteelle alkaen Muokkaa kohdetta paneeli.
- Jos olet valinnut määritä väri -vaihtoehto ja aseta sitten Päällystyksen väri ja peittävyys.
- - asettaa Peittotekstin väri joka näkyy osoittimessa.
- Päättäkää Animoi luettelokohteen kuvat vie hiiri napsauttamalla Kyllä. Tarkista tämä ominaisuus live-sivulla.
- Valitse Animaatiotyyli kuville, kun kohdistin on niiden päällä.
- Valitse, haluatko sallia kuvien siirto leijuu vai ei.
- Valitse Siirtymistyyli hover siirtymistä varten. Käytettävissä olevat vaihtoehdot ovat Fade ja Flip.
Kuvan reuna
- Ota reuna käyttöön / poista käytöstä kuvien ympärille vaihtamalla.
- Valitse, onko sinulla a yhteinen raja kuvien kaikilla puolilla tai voit määrittää rajat erikseen kummallekin puolelle.
- Määritä leveys rajasta. Jos se on asetettu arvoon 0, reuna ei tule näkyviin. Voit myös asettaa reunuksen leveyden erikseen kuvan kummallekin puolelle.
- Valitse Reunuksen väri värivalitsimesta.
- Valitse haluamasi Reunuksen tyyli avattavasta valikosta.
- Määrittele reunuksen leveys matkapuhelimelle kohdistamalla se työpöydälle valitun leveyden mukaan.
Kortit
- Katso, miten korttien hallintaan.
varjo
- näyttö – Valitse, näytetäänkö luettelon kohteiden takana oleva varjo aina vai vain hiiren päällä.
- Tyyli – Valitse olemassa olevista esiasetuksista tai luo mukautettu varjo.
Jos olet valinnut mukautetun vaihtoehdon, käy tässä Box Shadow Generator luodaksesi mukautetun varjon. Lopuksi kopioi ja liitä laatikko varjo CSS. - Jos olet valinnut esiasetusvaihtoehdon, niin Valitse Varjotyylit avattavasta valikosta.
Painikkeet ja linkit
- Katso, miten hallita tyyliä Painikkeet ja linkit.
- Säästä kaikki tyyli muuttuu.
