Advanced Gutenberg : Blocks Setup

1. Avansert knappblokk

Du kan lage 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

  • Knapplenke:

    • Link URL

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

 

adv-knapp-innstillinger

 

  • Tekst / farge:

    • Tekststørrelse

    • Bakgrunnsfarge

    • Tekstfarge

 

tekst-farge-knapp-innstillinger

 

  • Grense:

    • Grensradius

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

    • Grensefarge

    • Grensebredde

 

adv-knapp-grensen

 

  • Margin: øverst, høyre, nederst og venstre.

  • padding: øverst, høyre, nederst 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

 

2 . Avansert listeblokk

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

 

avansert-liste

 

Etter å ha lagt inn innholdet, kan du justere innstillingene fra høyre panel:

  • Tekstinnstillinger

    • Tekststørrelse

  • Ikoninnstillinger

    • Ikon (liste, farge og størrelse)

    • Linjehøyde

    • Margin

    • padding

 

avansert-liste-innstillinger

 

3 . Sammendragsblokk

Du kan opprette en Sammendrag blokkerer ved å klikke på knappen i kategorien Advanced Gutenberg etter å ha angitt minst en overskrift-kode i innlegget eller siden. Sammendraget kan justeres til venstre, sentrum eller høyre. For å oppdatere den bruker du Oppdater sammendrag-knappen.

 

sammendrag-Gutenberg-innhold

 

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

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

  • Sammendragstittel: sammendragets overskriftstekst, som vises når Last minimert alternativet er aktivert

  • Ankerfarge: Velg en farge for sammendraget

 

sammendrag-innstillinger

 

4 . Counter (Count Up) -blokk

 

Du kan opprette en Telle opp blokkere, muligens 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 nummer størrelse: angi tallenes størrelse

  • Counter Up symbol: legg til et tegn før eller etter telleren

  • Vippeknapp: angi symbolets plassering (På betyr at symbolet kommer etter tall)

 

telle opp-innstillinger

 

5 . Avansert bildeblokk

De Avansert bilde blokken kan brukes til å lage et bilde. Hvis du vil legge til en, klikker du på Avansert bilde i kategorien Advanced Gutenberg , og velg deretter et bilde du vil sette inn.

 

avansert-image-knappen

 

Deretter kan du endre bildetittelen og undertittelen. Du kan justere bildets innstillinger fra høyre panel.

  • Handling på klikk: enten åpne bildet i en lysboks, eller åpne en tilpasset URL

  • Link URL: Åpne lenke i ny fane (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

  • Overlay-opacitet standard

  • Hover med overdekning

  • Fargeinnstillinger: Tittelens farge, undertittelens farge, Overlays farge

  • Tekstjustering: Vertikal justering (topp, midt, nederst), horisontal justering (venstre, sentrum, høyre)

 

adv-image-hover

 

6 . Testimonial Block

Du kan sette inn en attest til innholdet ditt ved å klikke på Testimonial -knappen i kategorien Advanced Gutenberg . Deretter kan du endre attestens avatar, navn, stillingsstilling 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 skyvebildet 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

 

7 . Kartblokk

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

Når du har lagt til det, 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 breddegrad og lengdegrad, eller ved å taste inn en adresse og deretter trykke på Hent plassering-knappen.

Noen ekstra alternativer for kartet er tilgjengelige:

  • Zoom nivå

  • Høyde

  • Markørikon

  • Markørtittel

  • Markørbeskrivelse

  • Åpne markørverktøytip

  • Kartstiler: sølv, retro, natt, ... og du kan legge til din tilpassede stil også.

 

kart-innstillinger

 

8 . Avansert videoblokk

Du kan opprette en video til et innlegg ved å klikke på Avansert video -knappen i Advanced Gutenberg seksjon. Deretter kan du lime inn URL-en fra Youtube eller Vimeo, eller bruke hvilken som helst lokal video fra serveren din. Du kan endre forhåndsvisningsbildet ved å klikke på Rediger-knappen fra øverste venstre hjørne.

 

avansert-video

 

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

  • Åpne video i lysboks: lightboxen tilbyr flere visningsalternativer

  • Full bredde: Hvis den er av, må du angi en tilpasset bredde for videoen

  • Videohøyde

  • Fargeinnstillinger: Overleggsfarge og Play-knappfarge

  • Spill av-knappen: Ikonstil, Spill av knappestørrelse

 

avansert video-innstillinger

 

9 . Avansert tabellblokk

Du kan opprette en tabell 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

 

Etter det kan du legge inn tekst, eller justere rader og kolonner fra selve redigeringsprogrammet rett over tabellblokken. Flere innstillinger kan endres i høyre panel.

  • Styles

    • Misligholde

    • Stripes

 

style-tabellen

 

  • Tabellinnstillinger

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

    • Tabelceller med fast bredde

    • Tabelloverskrift, bunntekst

    • Grensen kollapset

 

avansert-table-settings1

 

  • Celleinnstillinger

    • Fargeinnstillinger: Bakgrunnsfarge, tekstfarge

    • Grense: kantstil, 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 å bruke Shift-knappen) og dele sammenslåtte celler med Avansert tabell blokkere.

10 . Avansert trekkspillblokk

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

 

adv-trekkspill-blokk

 

Når du har opprettet, kan du justere alternativene for topptekst, kropp eller kant fra høyre panel.

  • Trekkspillinnstillinger:

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

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

  • Innstillinger for topptekst

    • Header Icon Style

    • Fargeinnstillinger: Bakgrunnsfarge, tekstfarge og ikonfarge

 

adv-trekkspill-header

 

  • Innstillinger for kroppsfarge

    • Bakgrunnsfarge

    • Tekstfarge

  • Grenseinnstillinger

    • Kantstil: solid, stiplet eller stiplet

    • Fargeinnstillinger

    • Grensebredde, radius

 

adv-trekkspill-innstillinger

 

11 . Avanserte faner blokkerer

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

 

tab-blokk

 

Deretter kan du justere alternativene for kategori, kropp eller kant fra høyre panel.

  • 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: ingen, solid, stiplet eller stiplet

    • Farge

    • Grensebredde, radius

 

tab-settings1

 

Du kan del dine sosiale lenker veldig enkelt ved å bruke Sosiale lenker blokkering, 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 noen flere alternativer fra høyre panel.

  • Forhåndsinnstilte ikoner: kan du laste opp det egendefinerte ikonet

  • Forhåndsinnstilt ikonfarge

  • Ikoninnstillinger

    • Ikonstørrelse, plass

 

sosiale-links-innstillinger

 

13 . Siste innlegg blokkerer

Det er to oppsett som er tilgjengelige for å vise de siste innleggene dine: rutenettet, listen og skyveknappen. Du kan opprette en av disse visningene ved å klikke på Siste innlegg -knappen i kategorien Advanced Gutenberg .

 

siste-innlegg-blokk

 

Du kan se hvordan blokkene vises i frontenden på bildet over eller i vår Advanced Gutenberg demo.

Fra høyre panel kan du justere innstillingene for hver layout:

  • Rekkefølge etter

rekkefølge etter

 

  • Kategori

  • Antall ting

  • kolonner (kun for rutenettvisning)

  • Vis utvalgt bilde

  • Vis innlegg forfatter

  • Visningsdato

  • Vis Read More Link

  • Les mer tekst

  • Vis innlegg utdrag

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

 

siste-innlegg-innstillinger

 

14 . Woo Products Block

Det er to oppsett tilgjengelig for Woo-produkter blokkering: Normal- og lysbildevisningene 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 vises i frontenden på bildet over eller i vår Advanced Gutenberg demo

På høyre panel kan du justere innstillingene for hver layout:

  • Produkter Innstillinger

    • Produktstatus

    • Kategori

  • Oppsettinnstillinger

    • kolonner

    • Antall produkter

    • Rekkefølge

 

Woo-innstillinger

 

15 . Bilder Glideblokk

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

 

ny-image-glidebryteren

 

Trykk deretter Legg til bilder for å velge bildene dine som ble vist i lysbildet. Etter det kan du legge inn teksten Tittel og tekst beskrivelse for hvert bilde.

 

bilde-skyve

 

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

Bildeinnstillinger

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

  • Full bredde

  • Auto høyde

  • Vis alltid overlegg

Fargeinnstillinger

  • Svever farge

  • Tittelfarge

  • Tekstfarge

 

slide-innstillinger-1

 

Tekstjustering

  • Vertikal justering

    • Topp

    • Senter

    • Bunn

  • Horisontal justering

    • Venstre

    • Senter

    • Ikke sant

slide-innstillinger-2

 

16 . Kontaktformularblokk

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

 

Kontakt skjema

 

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

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

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

  • Tekstetikett:

    • Navninntast plassholder

    • E-postinngang plassholder

    • Plassholder for melding

    • Send inn tekst

    • Varseltekst for tomt felt

    • Send suksess tekst

 

kontakt-settings1

 

  • Inngangsfarge: Bakgrunnsfarge og tekstfarge

  • Grenseinnstillinger: Kantfarge, kantstil og kantradius

  • Send knappinnstillinger:

    • Fargeinnstillinger: Grense og tekst, bakgrunn

    • Knappens radius

    • Knappens plassering: Venstre, Senter og Høyre

kontakt-settings2

 

17 . Nyhetsbrevblokk

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

 

nyhetsbrev

 

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

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

  • Skjemainnstillinger:

    • Formstil: Standard / alternativ

    • Formbredde (px)

  • Tekstetikett:

    • E-postinngang plassholder

    • Send inn tekst

    • Varseltekst for tomt felt

    • Send suksess tekst

 

nyhetsbrev-settings1

 

  • Inngangsfarge: Bakgrunnsfarge og tekstfarge

  • Grenseinnstillinger: Kantfarge, kantstil og kantradius

  • Send knappinnstillinger:

    • Fargeinnstillinger: Grense og tekst, bakgrunn

    • Knappens radius

 

nyhetsbrev-settings2

 

18 . Spalter Managerblokk

Hvis du vil lage en blokk som inneholder andre blokker inne, bør du velge Kolonnebehandler i kategorien Advanced Gutenberg . Det vises stilen for blokken når du oppretter en ny.

 

add-kolonne-leder-blokk

 

Deretter kan du legge til alle typer blokkering du ønsker i hver kolonne. Her er en kolonnehåndteringsblokk med to kolonner: den venstre er Avansert bilde og den høyre er Avsnitt, Avansert liste.

 

kolonne-leder-blokk

 

Og på høyre panel kan du justere innstillingene til Column Manager-blokken.

  • Responsive innstillinger

    • Stil for hver enhetstyper: Desktop, Tablet, Mobile

    • Mellomrom mellom kolonnene

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

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

 

kolonne-settings-1

 

 

  • Radinnstillinger

    • Kolonner innpakket: Hvis kolonnene er oversvømmet, blir de separert til en ny linje (f.eks: Bruk dette med kolonneavstand).

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

    • Innhold Maksimal bredde (px vw,%)

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

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

 

kolonne-settings-2

 

19 . Logg inn / Registrer skjemablokk

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

 

login-skjema-blokk

 

Og du kan bytte visning fra Logg inn til Register 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: Hjem, dashbord eller tilpasset

  • Formbredde (Px)

  • Vis logo

  • Logo Bredde (Px)

  • Vis inntastningsfeltikon

  • Vis register / header link

  • Toppfarge

  • Vis mistet passordkobling

 

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

    • Grensebredde

 

Inngang-placeholder-innstillinger

 

  • Send inn knappinnstillinger

    • Grense og tekst

    • Bakgrunn

    • Knappens radius

    • Knappens stilling

  • Send knappen Hold musepekeren

    • Svever 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

 

20 . Søk i blokkering

Du kan opprette en søketekstboks på frontend ved å klikke på Søkelinje -knappen i kategorien Advanced Gutenberg .

 

søke-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

 

søk-bar-innstillinger

 

  • Innstillinger for søking

    • Søk plassholder

    • Inndatafarge: bakgrunns- og tekstfarge

 

søke-inngangs-innstillinger

 

  • Innstillinger for søkeknapp

    • Vis innsendingsknapp: På / av

    • Søkeknapp til venstre: Av / på

    • Bakgrunn og tekstfarge

    • Grensradius

  • Svever farger: Bakgrunn, tekst og skygge farge

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

 

søke-knapp-innstillinger