Advanced Gutenberg Dokumentasjon

I. ADVANCED GUTENBERG INSTALL

1.1 Installer

For å installere pluginet, bør du bruke standard WordPress installer, eller pakke ut og legge alt i mappen i / wp-innhold / plugin.

 

install-wp-media-mappen


Klikk deretter på aktiver plugin, for å se Advanced Gutenberg-menyen, vises i WordPress 'venstremeny.

Advanced Gutenberg er tilgjengelig fra Gutenberg-menyen. Du har også parametrene under "Innstillinger" -menyen.

1.2 Oppdater plugin

For å oppdatere Advanced Gutenberg, kan du bruke WordPress 'standard oppdaterer. Du kan også fjerne og installere den nye versjonen fra en .zip-fil lastet ned fra www.joomunited.com. I hvert fall vil du ikke miste noe innhold fordi alt er lagret i databasen.

 

update-Gutenberg

 

Pass på at du alltid har den nyeste versjonen for å unngå sikkerhets- og stabilitetsproblemer.

II. Fellesfunksjoner

2.1. Blokkeringsliste

Ved å bruke vårt plugin, kan du opprette flere profiler og velge hvilke blokker i Blokker list vil være tilgjengelig for hver profil.

For å sette opp din egen profil kan du bruke "Profilattribusjon" fanen i “Advanced Gutenberg” Meny. Velg en av profilene, og du vil se profilkonfigurasjonen.

 

brukervennlig editor-profiler

 

Du kan aktivere / deaktivere blokker i Gutenberg ved å klikke på dem. Når du er ferdig, trykker du på Oppdater listeknappen for å oppdatere nye blokkikoner.

 

Blokkeringsliste

 

blocks-list-2

 

Når de er lagret, vil blokkene være tilgjengelige i editoren din.

 

blokk brukt

 

Avansert knappblokk

Du kan opprette en Avansert knapp ved å klikke på knappen i Advanced Gutenberg-delen.

 

Avansert-knappen

 

På høyre panel kan du justere noen innstillinger for knappen:

  • stiler: 4 forhåndsdefinerte stiler

    • Misligholde

    • skissert

    • squared

    • Squared Outline

  • Knappkobling:

    • Link URL

    • Åpne i ny fane: På / av.

 

adv-knapp-innstillinger

 

  • Tekst / farge:

    • Tekststørrelse

    • Bakgrunnsfarge

    • Tekstfarge

 

tekst-farge-knapp-innstillinger

 

  • Grense:

    • Borderradius

    • Kantstil: solid, stiplet, ås, ...

    • Grensefarge

    • Kantbredde

 

adv-knapp-grensen

 

  • Margin: topp, høyre, bunn og venstre.

  • padding: topp, høyre, bunn og venstre.

 

Avansert-knapp-padding

 

  • Sveve:

    • Fargeinnstillinger: bakgrunnsfarge, tekstfarge og skyggefarge.

    • Skygge (H (horisontal) forskyvning, V (vertikal) forskyvning, uskarphet, spredning), Opacitet og overgangshastighet.

 

Avansert-knapp-hover

 

Avansert listeblokk

Du kan opprette en Avansert liste ved å klikke på knappen i kategorien Advanced Gutenberg.

 

avansert-liste

 

Når du har lagt inn innholdet, kan du justere innstillingene fra det høyre panelet:

  • Tekstinnstillinger

    • Tekststørrelse

  • Ikoninnstillinger

    • Ikon (liste, farge og størrelse)

    • Linjehøyde

    • Margin

    • padding

 

avansert-liste-innstillinger

 

Sammendragsblokk

Du kan opprette en Sammendrag blokkere ved å klikke på knappen i kategorien Advanced Gutenberg etter at du har angitt minst en overskriftstag i posten eller siden. Oppsummeringen kan justeres til venstre, senter eller høyre. For å oppdatere den, bruk oppdateringsoppsummeringsknappen.

 

sammendrag-Gutenberg-innhold

 

På høyre panel er det noen alternativer du kan justere:

  • Last minimert: for å vise / skjule sammendraget som standard

  • Sammendrag topptekst: Sammendragets overskriftstekst, som vises når Last minimert alternativet er aktivert

  • Ankerfarge: velg en farge for sammendraget

 

sammendrag-innstillinger

 

Counter (Count Up) -blokk

 

Du kan opprette en Telle opp blokkere, eventuelt med et symbol, ved å klikke på knappen i kategorien Advanced Gutenberg.

 

telle opp

 

Deretter kan du fra høyre panel justere noen alternativer for telleren:

  • Fargeinnstillinger: Header's color, Count Up's color and Description's color

  • kolonner: 1-3

  • Teller Antall Størrelse: sett tallene 'størrelse

  • Counter Up Symbol: legg til et tegn før eller etter disken

  • Veksle-knapp: still inn symbolets posisjon (På betyr at symbolet kommer etter tall)

 

telle-up-innstillinger

 

Avansert bildeblokk

De Avansert bilde blokk kan brukes til å lage et bilde. For å legge til en, klikk på Avansert bilde knappen i kategorien Advanced Gutenberg, og velg deretter et bilde du vil sette inn.

 

avansert-image-knappen

 

Deretter kan du endre bildetittel og dets undertekst. Du kan justere bildeinnstillingene fra det høyre panelet.

  • Handling på klikk: enten åpne bildet i en lightbox, eller åpne en egendefinert nettadresse

  • Link URL: Åpne lenke i ny kategori (veksleknapp)

  • Åpne lenke i ny fane: På av

  • Bildestørrelse: om bildet skal vises med full bredde, eller med en tilpasset høyde og bredde

 

avansert bildeinnstillinger

 

  • Focal Point Picker: velg punkt for å fokusere på bilde eller angi horisontal / vertikal posisjon

  • Standard overlay-opacitet

  • Hover med overdekning

  • Fargeinnstillinger: Tittelens farge, undertittelens farge, Overlays farge

  • Tekstjustering: Vertikal justering (topp, senter, bunn), horisontal justering (venstre, sentrum, høyre)

 

adv-image-hover

 

Testimonial Block

Du kan sette inn en testamente i innholdet ditt ved å klikke på Testimonial knappen i kategorien Advanced Gutenberg. Deretter kan du endre testamentets avatar, navn, stilling og beskrivelse.

 

testimonial-knappen

 

Til slutt, i høyre panel kan du justere innstillingene for attest. Når alternativet Slider view er deaktivert, er her innstillingene:

  • kolonner: Kolonneområdet i Normal visning er 1-3, og i Slider-visning er 4-10.

  • Avatar: Avatar størrelse, bakgrunnsfarge og grenseinnstillinger, som inkluderer farge, radius og bredde

  • Tekstfarger:

    • Navn Farge

    • Posisjonsfarge

    • Beskrivelse Farge

 

testimonial-innstillinger

 

Når du aktiverer Skyvevisning alternativet, vises noen tilleggsalternativer for glidebryteren:

  • Antall ting
  • Elementer som skal vises
  • Elementer som skal bla

skyve-syn-kolonne

  • Sentermodus
  • Pause på svevet
  • Auto spill
  • Autospillhastighet (ms)
  • Uendelig Loop
  • Overgangshastighet (ms)
  • Vis prikker
  • Vis piler
  • Pilstørrelse

 

slider-innstillinger

  • Glidebryterfarger:
    • Pil og kantfarge
    • Prikker farger

 

glidebryteren-farge

 

Kartblokk

For å kunne bruke Kart blokkere, må du legge til en Google API-nøkkel i konfigurasjonen. Deretter bør du følge dette link, klikk på Aktiver APIer og tjenester knappen, så søk og aktiver Geolocation API, Maps JavaScript API.

Når du har lagt til, kan du opprette kartet ved å klikke på Kart knappen i kategorien Advanced Gutenberg.

 

map-blokk

 

Fra høyre panel kan du sette inn et sted ved å legge inn bredde og lengdegrad, eller ved å legge inn en adresse og deretter trykke på Hent plassering-knappen.

Noen tilleggsalternativer for kartet er tilgjengelige:

  • Zoomnivå

  • Høyde

  • Markør Ikon

  • Markør Tittel

  • Markørbeskrivelse

  • Åpne markørverktøytip

  • Kart stiler: sølv, retro, natt, ... og du kan også legge til din egendefinerte stil.

 

kart-innstillinger

 

Avansert videoblokk

Du kan lage en video til et innlegg ved å klikke på Avansert video knappen i Advanced Gutenberg-delen. Deretter kan du lime inn nettadressen fra Youtube eller Vimeo, eller bruk lokal video fra serveren din. Du kan endre forhåndsvisningsbildet ved å klikke på Rediger-knappen øverst i venstre hjørne.

 

avansert-video

 

Deretter kan du justere innstillingene for videoen i det høyre panelet.

  • Åpne video i lysboksen: Lysboksen gir ekstra skjermalternativer

  • Full bredde: Hvis det er av, må du sette en tilpasset bredde for videoen

  • Video høyde

  • Fargeinnstillinger: Overleggsfarge og Play-knappfarge

  • Play Button: Ikonstil, Spill av knappestørrelse

 

avansert video-innstillinger

 

Avansert tabellblokk

Du kan opprette et bord ved å klikke på Avansert tabell knappen i kategorien Advanced Gutenberg.

 

avansert-table-knappen

 

Du kan redigere tabellen etter å ha angitt antall kolonne og rad.

 

avansert-tabellen

 

Deretter kan du skrive inn tekst, eller justere rader og kolonner fra redigereren selv like over tabellblokken. Flere innstillinger kan endres i det høyre panelet.

  • Styles

    • Misligholde

    • Stripes

 

style-tabellen

 

  • Tabellinnstillinger

    • Maks bredde: Sett dette til 0 for å gjøre maksimal bredde tilsvarende 100%

    • Fast bredde bordceller

    • Tabelloverskrift, bunntekst

    • Border kollapset

 

advanced-table-settings1

 

  • Celleinnstillinger

    • Fargeinnstillinger: Bakgrunnsfarge, Tekstfarge

    • Grense: kantlinje, farge og bredde

    • padding: topp, bunn, venstre og høyre polstring

    • Tekstjustering: horisontal og vertikal justering

 

single-celler-innstillinger

 

Du kan til og med slå sammen celler (ved hjelp av Shift-knappen) og dele sammenfusjonerte celler med Avansert tabell blokkere.

Avansert trekkspillblokk

Du kan opprette en Avansert trekkspill når du trenger å vise mer innhold i et mindre område ved å klikke på Avansert Trekkspill -knappen i Advanced Gutenberg-kategorien. Etter det vil det være to gruppe trekkspillelementer som vises som standard.

 

adv-trekkspill-blokk

 

Når du er opprettet, kan du justere topptekst-, kropps- eller grensealternativer fra det høyre panelet.

  • Akkord Innstillinger:

    • Bunnavstand: Definer mellomrom mellom hvert trekkspill (bare frontend-visning)

    • Innledende kollaps: Gjør at alle trekkspill kollapset som standard.

  • Innstillinger for topptekst

    • Header Icon Style

    • Fargeinnstillinger: Bakgrunnsfarge, Tekstfarge og Ikonfarge

 

adv-trekkspill-header

 

  • Kroppsfargeinnstillinger

    • Bakgrunnsfarge

    • Tekstfarge

  • Grenseinnstillinger

    • Border Style: solid, stiplet eller prikket

    • Fargeinnstillinger

    • Grensebredde, radius

 

adv-trekkspill-innstillinger

 

Avanserte faner blokkerer

På samme måte kan du opprette en avansert Tab blokkere når du trenger vise mer innhold i et mindre område. For å sette inn en, klikk på Avansert fane knappen i kategorien Advanced Gutenberg.

 

tab-blokk

 

Deretter kan du justere fanen, kropps- eller grensealternativer fra det høyre panelet.

  • Faner stil
    • Desktop, nettbrett eller mobil
    • Horisontalt eller vertikalt
  • Fanerinnstillinger
    • Opprinnelig åpen fane

 

adv-tab-innstillinger

 

  • Tab farger

    • Bakgrunnsfarge

    • Tekstfarge

    • Aktiv fane bakgrunnsfarge

    • Tekstfarge på aktiv fane

 

tab-innstillinger

 

  • Kroppsfarger

    • Bakgrunnsfarge

    • Tekstfarge

  • Grenseinnstillinger

    • Stil: solid, stiplet eller stiplet

    • Farge

    • Grensebredde, radius

 

tab-settings1

 

Social Linker Block

Du kan dele dine sosiale lenker veldig enkelt ved å bruke Sosiale lenker blokk, som kan opprettes ved å klikke på knappen i kategorien Advanced Gutenberg.

 

sosiale-koblinger

 

Du kan bruke det ferdige ikonet eller laste opp ditt eget ikon, og justere flere alternativer fra det høyre panelet.

  • Forhåndsinnstilte ikoner: Du kan laste opp egendefinert ikon

  • Forhåndsinnstilt ikonfarge

  • Ikoner innstillinger

    • Ikonstørrelse, plass

 

sosiale-links-innstillinger

 

Siste innlegg Blokker

Det er 3 layouter som er tilgjengelige for å vise de siste innleggene: Grid, List og Slider visninger. Du kan opprette noen av disse visningene ved å klikke på Siste innlegg knappen i kategorien Advanced Gutenberg.

 

siste-innlegg-blokk

 

Du kan se hvordan blokkene vil bli vist i frontenden i bildet over eller i vår Advanced Gutenberg Demo.

Fra det høyre panelet kan du justere innstillingene for hvert layout:

  • Rekkefølge etter

rekkefølge etter

 

  • Kategori

  • Antall ting

  • kolonner (kun for rutenettvisning)

  • Vis utvalgt bilde

  • Vis innleggsforfatter

  • Vis innleggsdato

  • Skjerm Les mer Link

  • Les mer tekst

  • Vis innlegg utdrag

  • Første innleggs tekst som utdrag: vis noen del av den første teksten som er funnet i innlegget som utdrag.

 

siste-innlegg-innstillinger

 

Woo Products Block

Det er 2 oppsett tilgjengelig for Woo Produkter blokk: Normal og Slide-visningene kan vise WooCommerce-produkter på WordPress-bloggen din. Du kan sette inn denne blokken ved å klikke på Woo Produkter knappen i kategorien Advanced Gutenberg.

 

woo-blokk

 

Du kan se hvordan blokkene vil bli vist i frontenden i bildet over eller i vår Advanced Gutenberg Demo

I det høyre panelet kan du justere innstillingene for hvert layout:

  • Produkter Innstillinger

    • Produktstatus

    • Kategori

  • Oppsettinnstillinger

    • kolonner

    • Antall produkter

    • Rekkefølge

 

Woo-innstillinger

 

Bilder Skyveblokk

Hvis du vil vise et antall bilder som et lysbilde, klikker du på Bilder skyveknapp knappen i kategorien Advanced Gutenberg.

 

ny-image-glidebryteren

 

Deretter trykker du på Legg til bilder knappen for å velge bildene som vises i lysbildet. Deretter kan du skrive inn teksten Tittel og tekst beskrivelse for hvert bilde.

 

bilde-skyve

 

Du kan redigere innstillingene til skyvekontrollen på høyre panel.

Bildeinnstillinger

  • Handling på klikk: Ingen, Åpne bilde i lightbox og Åpne tilpasset lenke

  • Full bredde

  • Automatisk høyde

  • Vis alltid overlegg

Fargeinnstillinger

  • Hover Color

  • Tittelfarge

  • Tekstfarge

 

slide-settings-1

 

Tekstjustering

  • Vertikal justering

    • Topp

    • Senter

    • Bunn

  • Horisontal justering

    • Venstre

    • Senter

    • Ikke sant

slide-settings-2

 

Kontaktformularblokk

Du kan få kundens e-postkontaktvarsling med denne blokken. Du kan opprette det skjemaet ved å klikke på Kontakt skjema knappen i kategorien Advanced Gutenberg.

 

Kontakt skjema

 

Du kan redigere innstillingene til Kontakt skjema på høyre panel.

  • Legge merke til: Det vises ikke hvis du aktiverer reCAPTCHA-alternativet i Innstillinger.

  • E-post avsender: Du kan endre i Innstillinger. En e-post vil bli sendt til admin-emailen (som standard) når et kontaktskjema sendes inn.

  • Tekstetikett:

    • Navn innspill plassholder

    • E-postinngang plassholder

    • Melding inngang plassholder

    • Send inn tekst

    • Tom feltvarseltekst

    • Send inn suksesstekst

 

contact-settings1

 

  • Inngangsfarge: Bakgrunnsfarge og Tekstfarge

  • Grenseinnstillinger: Border Color, Border Style og Border Radius

  • Send inn knappinnstillinger:

    • Fargeinnstillinger: Grense og tekst, bakgrunn

    • Knappgrenseradius

    • Knappposisjon: Venstre, Senter og Høyre

contact-settings2

 

Nyhetsbrev Blokk

For å få klient Email, kan du opprette e-postblokken ved å klikke på nyhetsbrev knappen i kategorien Advanced Gutenberg.

 

nyhetsbrev

 

Du kan redigere innstillingene til nyhetsbrevet på høyre panel.

  • Legge merke til: Det vises ikke hvis du aktiverer reCAPTCHA-alternativet i Innstillinger.

  • Skjemainnstillinger:

    • Skjema stil: Standard / Alternativ

    • Skjemabredde (px)

  • Tekstetikett:

    • E-postinngang plassholder

    • Send inn tekst

    • Tom feltvarseltekst

    • Send inn suksesstekst

 

newsletter-settings1

 

  • Inngangsfarge: Bakgrunnsfarge og Tekstfarge

  • Grenseinnstillinger: Border Color, Border Style og Border Radius

  • Send inn knappinnstillinger:

    • Fargeinnstillinger: Grense og tekst, bakgrunn

    • Knappgrenseradius

 

newsletter-settings2

 

Spalter Managerblokk

Hvis du vil lage en blokk som inneholder andre blokker inni, bør du velge Kolonneleder i Advanced Gutenberg kategori. Det vises stilen til blokken når du oppretter en ny.

 

add-kolonne-leder-blokk

 

Deretter kan du legge til alle typer blokker du vil ha i hver kolonne. Her er en kolonnehåndteringsblokk med 2 kolonner: den venstre er Avansert bilde og den rette er Avsnitt, Avansert liste.

 

kolonne-leder-blokk

 

Og på høyre panel kan du justere innstillingene i kolonnehåndteringsblokken.

  • Responsive Settings

    • Stil for hver enhetstype: Skrivebord, Tablet, Mobil

    • Mellomrom mellom kolonner

    • Polstring: Topp, høyre, venstre og bunn

    • Margin: Topp, høyre, venstre og bunn

 

column-settings-1

 

 

  • Radinnstillinger

    • Innpakket kolonner: Hvis kolonnene dine er overfylt, vil det bli separert til en ny linje (f.eks. Bruk dette med kolonnestørrelse).

    • Wrapper Tag: Div, Header, Main, ...

    • Innhold Maks bredde (px vw,%)

    • Innhold Min høyde (px, vw, vh)

    • Innhold Maks høyde (px, vw, vh)

 

column-settings-2

 

Logg inn / Registrer skjemablokk

Du kan opprette et påloggingsskjema eller registrere skjema for nettstedet ditt ved å klikke Innloggings- / Registreringsskjema -knappen i delen Advanced Gutenberg.

 

login-skjema-blokk

 

Og du kan bytte visning fra Logg inn til Registrer på navigasjonslinjen til denne blokken eller til høyre panel.

 

login-register-skjema

 

Og så kan du gå til høyre panel for å justere flere detaljer om skjemaet.

  • Opprinnelig skjema: Logg inn eller registrer deg

  • Omdiriger etter innlogging: HOME, dashbord eller tilpasset

  • Formbredde (Px)

  • Vis logo

  • Logo Bredde (Px)

  • Vis inntastningsfeltikon

  • Vis register / header link

  • Toppfarge

  • Vis mistet passordlink

 

Form state-setttings

 

  • Tast inn plassholder

    • Pålogging input plassholder

    • Plassering av brukernavn

    • E-postinngang plassholder

  • Tekst / input farge

    • Skriv inn bakgrunnsfarge

    • Tast inn farge

    • Tekstfarge

  • Grenseinnstillinger

    • Grensefarge

    • Grensestil

    • Kantbredde

 

Inngang-placeholder-innstillinger

 

  • Send inn knappinnstillinger

    • Grense og tekst

    • Bakgrunn

    • Knappgrenseradius

    • Knappens stilling

  • Send knappen Hold musepekeren

    • Hold farger: Bakgrunn, tekst og skygge farge

    • Skygge: Opacitet, overgangshastighet og skygge (H (horisontal) forskyvning, V (vertikal) forskyvning, uskarphet, spredning)

  • Legge merke til: Vi anbefaler på det sterkeste å aktivere Google reCaptcha for å unngå spam bot. Du kan aktivere det i Form Recaptcha i Adv. Gutenberg> E-post og skjema .

 

sende inn-knapp-innstillinger

 

Søk i blokkering

Du kan opprette en teksttekst i søk ved å klikke på Søkelinje knappen i kategorien Advanced Gutenberg.

 

search-bar-blokk

 

Du kan justere søkelinjens innstillinger på høyre panel.

  • stiler: det er to forhåndsdefinerte stiler: Standard og klassisk

  • Søk Bar State

    • Full bredde: Av / på

    • Bredde

  • Innstillinger for søkikon

    • Søkeikon til høyre: På / av

    • Søkeikon

 

search-bar-innstillinger

 

  • Innstillinger for søking

    • Søk plassholder

    • Inndatafarge: bakgrunns- og tekstfarge

 

search-inngangs-innstillinger

 

  • Innstillinger for søkeknapp

    • Vis innsendingsknapp: På / av

    • Søkeknapp til venstre: Av / på

    • Bakgrunn og tekstfarge

    • Borderradius

  • Hold farger: Bakgrunn, tekst og skygge farge

  • Hover Shadow: Opacitet, overgangshastighet og skygge (H (horisontal) forskyvning, V (vertikal) forskyvning, uskarphet, spredning)

 

søk-knapp-innstillinger

 

2.2. konfigurasjon

For å bruke lysboksen og bildetekstfunksjonen for bilder må du aktivere Åpne gallerier i lysboksen og Bilde bildetekst opsjoner i Advanced Gutenbergs Konfigurasjon-fanen i innstillingene.

 

adv-Gutenberg-innstillinger

 

  • Åpne gallerier i lysboksen: Åpne galleri bilder som en lightbox stil popup

  • Bildetekst: Last inn bilder (alt) attributt som bildetekst for lightbox-bilder

  • Fjern Autop: Fjern WordPress-funksjonen autop, som brukes til å forhindre uønsket avsnitt å bli lagt til i noen blokker

  • Google API-nøkkel: Denne API-nøkkelen er nødvendig for å bruke kartblokken

Blokker Innstillinger

  • Aktiver blokkavstand: Bruk minimal vertikal blokkavstand automatisk - standard er ingen, og verdiene skal oppgis i piksler

  • Blokkikonfarge: Angi farge for blokkeringsikoner på admin, gjelder bare for Advanced Gutenberg-blokker

  • Redigeringsbredde: Definer admin Gutenberg editor bredde størrelse

  • Standard miniatyrbilde: Angi standard innlegg miniatyrbilde for bruk i Nylige innlegg blokker

  • Aktiver kolonnens visuelle guide: Aktiver grensen for å materialisere Adv. Gutenberg Kolonne blokk

Du kan også finne Adv. Gutenberg Innstillinger øverst til høyre i editoren din ved siden av innstillinger ikon.

 

redaktør-adv-Gutenberg-innstillinger

 

2.3 Standard blokker konfig

 

For å justere blokkene i Advanced Gutenberg kan du gå til menyen Advanced Gutenberg> Konfigurasjon> Standardblokker Konfig-fanen.

 

default-blokker-config

 

For hver blokk kan du redigere standardinnstillingene ved å klikke på tilstøtende innstillinger ikon.

 

blokker redigere

 

2.4 E-post og skjema

E-postinnstillinger

Du kan stille inn sender- og mottakerinformasjon av Kontakt skjema blokkere:

 

e-innstillinger

 

Form ReCaptcha

Først bør du registrere reCaptcha på nettstedet ditt her, klikk deretter på Administrasjonskonsoll knappen for å legge inn informasjonen.

Deretter fyller du reCAPTCHA-siden og reCAPTCHA Secret Key. Husk å aktivere reCAPTCHA-alternativet. Du kan også velge Language and Theme for reCAPTCHA også.

 

form recaptcha

 

Skjema data

Herfra kan du laste ned Kontakt skjema og Nyhetsbrev Form data. Du kan eksportere en .CSV eller .JSON-fil.

 

skjema-data

 

2.5 Tilpassede stiler

De Advanced Gutenberg konfigurasjonen lar deg også definere egendefinerte CSS-utdrag som kan brukes i editoren og HTML-taggalternativene. For å bruke egendefinerte stiler, naviger til Tilpassede stiler side fra Advanced Gutenbergvenstre meny.

For å opprette en ny stil, klikk på "Legg til ny klasse" knappen nederst i listen over stiler. Du kan redigere CSS rett i CSS-feltet.

 

custom-stiler-Gutenberg

 

Alle endringene du gjør vil vises i venstre del av siden. De blir brukt på strengen med "Eksempelstekst". Teksten over og under strengen viser hvordan stilene dine vil se ut blant resten av elementene. Når du har redigert din tilpassede stil, lagrer du den ved å bruke "Lagre stiler" knapp.


Hvis du vil bruke en stil på elementet i redigereren, bør du velge elementet og velge en stil fra rullegardinlisten som heter "Tilpassede stiler". For å gå tilbake til standard stil og slette alle egendefinerte stiler, velg "Avsnitt" alternativ.

 

custom-css-stil-blokk