Advanced Gutenberg : Blocks Setup

1. Avanceret knapblok

Du kan oprette en Avanceret knap ved at klikke på dens knap i sektionen Advanced Gutenberg .

 

avanceret knap

 

På det højre panel kan du justere nogle indstillinger for knappen:

  • styles: 4 foruddefinerede stilarter

    • Standard

    • skitseret

    • Squared

    • Kvadratisk disposition

  • Knaplink:

    • Link URL

    • Åbn i ny fane: Til / Fra.

 

ADV-knap-indstillinger

 

  • Tekst / Farve:

    • Tekststørrelse

    • Baggrundsfarve

    • Tekstfarve

 

tekst-farve-knap-indstillinger

 

  • Grænse:

    • Grænseradius

    • Kantstil: solid, prikket, ryg, ...

    • Kantfarve

    • Kantbredde

 

adv-knap-grænse

 

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

  • polstring: øverst, højre, nederst og venstre.

 

avanceret-knap-polstring

 

  • Hover:

    • Farveindstillinger: Baggrundsfarve, Tekstfarve og Skyggefarve. 

    • Skygge (H (vandret) forskydning, V (lodret) forskydning, sløring, spredning), opacitet og overgangshastighed.

 

avanceret-knap-hover

 

2 . Avanceret liste blok

Du kan oprette en Avanceret liste ved at klikke på dens knap i kategorien Advanced Gutenberg .

 

avanceret liste

 

Når du har indtastet indholdet, kan du justere indstillingerne fra højre panel:

  • Tekstindstillinger

    • Tekststørrelse

  • Ikonindstillinger

    • Ikon (liste, farve og størrelse)

    • Linjehøjde

    • Margin

    • polstring

 

avanceret-list-indstillinger

 

3 . Sammendragsblok

Du kan oprette en Resumé blokere ved at klikke på dens knap i kategorien Advanced Gutenberg efter at have indstillet mindst et overskrift-tag i indlægget eller siden. Resuméet kan justeres til venstre, center eller højre. For at opdatere det skal du bruge knappen Opdater oversigt.

 

resumé-Gutenberg-indhold

 

På højre panel er der nogle indstillinger, du kan justere:

  • Belastning minimeret: for at vise / skjule resumeet som standard

  • Oversigtstittel: oversigtets overskriftstekst, der vises, når Belastning minimeret indstillingen er aktiveret

  • Ankerfarve: vælg en farve til resumeet

 

sammenfattende-indstillinger

 

4 . Tæller (tæller op) Blokering

 

Du kan oprette en Tæl op blokere, muligvis med et symbol, ved at klikke på dens knap i kategorien Advanced Gutenberg .

 

Tæl op

 

Derefter kan du fra det højre panel justere nogle indstillinger for tælleren:

  • Farveindstillinger: Header's farve, Count Up's farve og Description's farve

  • Kolonner: 1-3

  • Tællernummerstørrelse: indstil størrelsen på numrene

  • Counter Up symbol: tilføj et tegn før eller efter tælleren

  • Skift-knap: indstil symbolets placering (Til betyder, at symbolet kommer efter tal)

 

tælle-up-indstillinger

 

5 . Avanceret billedblokering

Det Avanceret billede blok kan bruges til at oprette et billede. For at tilføje en skal du klikke på  Avanceret billede i kategorien Advanced Gutenberg , og vælg derefter et billede, der skal indsættes.

 

avancerede-image-knap

 

Derefter kan du ændre billedtitlen og dens undertekst. Du kan justere billedets indstillinger fra højre panel.

  • Handling ved klik: enten åbne billedet i en lightbox, eller åbn en brugerdefineret URL

  • Link-URL: Åbn link i ny fane (skifteknap)

  • Åbn link i ny fane: Tænd sluk

  • Billedestørrelse: om billedet skal vises med fuld bredde eller med en brugerdefineret højde og bredde

 

avanceret-image-indstillinger

 

  • Brændpunktvælger: Vælg punkt for at fokusere på billedet eller indstille vandret / lodret position

  • Standard overlay-opacitet

  • Hover med overlay-opacitet

  • Farveindstillinger: Titelens farve, undertekstens farve, Overlays farve

  • Tekstjustering: Lodret justering (Top, Center, Bund), Horisontal justering (Venstre, Center, Højre)

 

adv-image-hover

 

6 . Udtalelsesblok

Du kan indsætte en udtalelse i dit indhold ved at klikke på Testimonial -knappen i kategorien Advanced Gutenberg . Derefter kan du ændre vidnesbyrdets avatar, navn, jobposition og beskrivelse.

 

vidnesbyrd-knap

 

Endelig kan du i det højre panel justere indstillingerne for vidnesbyrd. Når indstillingen Slider view er deaktiveret, er indstillingerne her:

  • Kolonner: Søjleområdet i normal visning er 1-3, og i skyderen er 4-10.

  • Avatar: Avatar størrelse, baggrundsfarve og grænseindstillinger, der inkluderer farve, radius og bredde

  • Tekstfarver:

    • Navn Farve

    • Position Farve

    • Beskrivelse Farve

 

vidnesbyrd-indstillinger

 

Når du aktiverer Visning af skyderen mulighed vises nogle ekstra indstillinger for skyderen:

  • Antal stk
  • Elementer, der skal vises
  • Elementer, der skal rulle

skyderen-view-kolonne

  • Centertilstand
  • Pause på musen
  • Automatisk afspilning
  • Autoplayhastighed (ms)
  • Uendelig løkke
  • Overgangshastighed (ms)
  • Vis prikker
  • Vis pile
  • Pilstørrelse

 

skyderen-indstillinger

  • Gliderfarver:
    • Pil og kantfarve
    • Prikker farve

 

slider-farve

 

7 . Kortblokering

For at bruge Kort blokere, skal du tilføje en Google API-nøgle i konfigurationen. Herefter skal du følge dette  link, Klik på Aktivér API'er og tjenester -knappen, søg derefter og aktiver Geolocation API, Maps JavaScript API.

Når den er tilføjet, kan du oprette kortet ved at klikke på Kort -knappen i kategorien Advanced Gutenberg .

 

map-blok

 

Fra det højre panel kan du indsætte en placering ved at indtaste breddegrad og længdegrad eller ved at indtaste en adresse og derefter trykke på knappen Hent placering.

Nogle yderligere indstillinger til kortet er tilgængelige:

  • Zoomniveau

  • Højde

  • Markørikon

  • Markørens titel

  • Markørbeskrivelse

  • Åbn markørværktøjstip

  • Kortformater: sølv, retro, nat, ... og du kan også tilføje din brugerdefinerede stil.

 

map-indstillinger

 

8 . Avanceret videoblok

Du kan oprette en video til et indlæg ved at klikke på Avanceret video i afsnittet Advanced Gutenberg . Derefter kan du indsætte URL'en fra Youtube eller Vimeo eller bruge en hvilken som helst lokal video fra din server. Du kan ændre preview-billedet ved at klikke på knappen Rediger fra øverste venstre hjørne.

 

avanceret video

 

Derefter kan du justere indstillinger for videoen i højre panel.

  • Åben video i lysboks: lightboxen tilbyder yderligere visningsmuligheder

  • Fuld bredde: Hvis den er slået fra, skal du indstille en brugerdefineret bredde til videoen

  • Videohøjde

  • Farveindstillinger: Overlayfarve og Play-knappen farve

  • Afspil-knap: Ikonstil, Play-knapstørrelse

 

avanceret video-indstillinger

 

9 . Avanceret tabelblok

Du kan oprette en tabel ved at klikke på Avanceret tabel -knappen i kategorien Advanced Gutenberg .

 

avanceret-table-knap

 

Du kan redigere tabellen efter indstilling af antallet af kolonne og række.

 

avanceret bord

 

Derefter kan du indtaste tekst eller justere rækker og kolonner fra selve editoren lige over tabelblokken. Flere indstillinger kan ændres i det højre panel.

  • styles

    • Standard

    • Stripe s

 

stil-bord

 

  • Tabelindstillinger

    • Maks bredde: Indstil dette til 0 for at gøre maksimal bredde svarende til 100%

    • Tabelceller med fast bredde

    • Tabeloverskrift, sidefod

    • Grænsen kollapsede

 

avanceret-table-indstillingerne1

 

  • Celleindstillinger

    • Farveindstillinger: Baggrundsfarve, Tekstfarve

    • Grænse: kantstil, farve og bredde

    • polstring: top, bund, venstre og højre polstring

    • Tekstjustering: vandret og lodret justering

 

single-celler-indstillinger

 

Du kan endda flette celler (ved hjælp af Shift-knap) og dele flettede celler med Avanceret tabel blok.

10 . Avanceret akkordeonblok

Du kan oprette en Avanceret akkordeon når du skal vise mere indhold i et mindre område ved at klikke på Fremskreden Harmonika -knappen i kategorien Advanced Gutenberg . Derefter vil der være to gruppetildelingselementer, der vises som standard.

 

adv-harmonika-blok

 

Når du er oprettet, kan du justere indstillingerne for header, krop eller kant fra højre panel.

  • Akkordeonindstillinger:

    • Nederste afstand: Definer mellemrum mellem hvert harmonika (kun frontend-visning)

    • Indledende sammenbrud: Gør alle trekorde kollapset som standard.

  • Indstillinger for overskrift

    • Header Icon Style

    • Farveindstillinger: Baggrundsfarve, tekstfarve og ikonfarve

 

adv-harmonika-header

 

  • Indstillinger for kropsfarve

    • Baggrundsfarve

    • Tekstfarve

  • Grænseindstillinger

    • Kantstil: solid, stiplet eller prikket

    • Farveindstillinger

    • Kantbredde, radius

 

ADV-harmonika-indstillinger

 

11 . Avanceret faneblokke

Tilsvarende kan du oprette en avanceret Tab blokerer, når du har brug for at få vist mere indhold i et mindre område. Hvis du vil indsætte en, skal du klikke på  Avanceret fane -knappen i kategorien Advanced Gutenberg .

 

Fanen-blok

 

Derefter kan du justere indstillingerne for fane, krop eller kant fra højre panel.

  • Faner stil
    • Desktop, tablet eller mobil
    • Vandret eller lodret
  • Faner-indstillinger
    • Første åben fane

 

ADV-tab-indstillinger

 

  • Tab-farver

    • Baggrundsfarve

    • Tekstfarve

    • Aktiv fane Baggrundsfarve

    • Aktiv fane Tekstfarve

 

Fanen-indstillinger

 

  • Kropsfarver

    • Baggrundsfarve

    • Tekstfarve

  • Grænseindstillinger

    • Stil: ingen, solid, stiplet eller prikket

    • Farve

    • Kantbredde, radius

 

Fanen-indstillingerne1

 

Du kan del dine sociale links meget let ved hjælp af Sociale links blokering, som kan oprettes ved at klikke på dens knap i kategorien Advanced Gutenberg .

 

sociale-links

 

Du kan bruge det færdige ikon eller uploade dit eget ikon og justere nogle flere indstillinger fra højre panel.

  • Forudindstillede ikoner: du kan uploade dit tilpassede ikon

  • Forudindstillet ikonfarve

  • Ikonindstillinger

    • Ikonstørrelse, plads

 

sociale-links-indstillinger

 

13 . Seneste indlæg Blokering

Der er 3 layouts, der er tilgængelige for at vise dine seneste indlæg: visningerne Grid, List og Slider. Du kan oprette en af ​​disse visninger ved at klikke på  Seneste indlæg -knappen i kategorien Advanced Gutenberg .

 

seneste stolpehalvdele-blok

 

Du kan se, hvordan blokke vises i frontend på billedet ovenfor eller i vores Advanced Gutenberg demo.

Fra det højre panel kan du justere indstillingerne for hvert layout:

  • Bestil efter

ordre-by

 

  • Kategori

  • Antal stk

  • Kolonner (kun til gittervisning)

  • Vis udvalgt billede

  • Vis post forfatter

  • Visningsdato

  • Vis Læs mere-link

  • Læs mere tekst

  • Vis indlæg Uddrag

  • Første indlægstekst som uddrag: vis en del af den første tekst, der findes i indlægget som uddrag.

 

seneste-indlæg-indstillinger

 

14 . Woo Products Block

Der er 2 layouts til rådighed for Woo-produkter blok: Visningerne Normal og Slide kan vise WooCommerce-produkter på din WordPress blog. Du kan indsætte denne blok ved at klikke på  Woo-produkter -knappen i kategorien Advanced Gutenberg .

 

Woo-blok

 

Du kan se, hvordan blokke vises i frontend på billedet ovenfor eller i vores Advanced Gutenberg demo

På højre panel kan du justere indstillingerne for hver layout:

  • Produkter Indstillinger

    • Produktstatus

    • Kategori

  • Indstillinger for layout

    • Kolonner

    • Antal produkter

    • Bestille

 

Woo-indstillinger

 

15 . Billeder Slider Block

Hvis du vil vise et antal billeder som et dias, skal du klikke på Billeder Slider -knappen i kategorien Advanced Gutenberg .

 

ny-image-slider

 

Tryk derefter på Tilføj billeder for at vælge dine billeder, der vises i diaset. Derefter kan du indtaste teksten  Titel og tekst beskrivelse for hvert billede.

 

billede-skyderen

 

Du kan redigere indstillingerne for skyderen på højre panel.

Billedindstillinger

  • Handling ved klik: Ingen, Åbn billede i lightbox og Åbn brugerdefineret link

  • Fuld bredde

  • Autohøjde

  • Vis altid overlay

Farveindstillinger

  • Hold markøren farve

  • Titelfarve

  • Tekstfarve

 

slide-settings-1

 

Tekstjustering

  • Lodret justering

    • Top

    • Centrum

    • Bund

  • Horisontal justering

    • Venstre

    • Centrum

    • Højre

slide-settings-2

 

16 . Kontaktformularblokering

Du kan få e-mail-meddelelse fra kundens e-mail med denne blok. Du kan oprette denne formular ved at klikke på  Kontaktformular -knappen i kategorien Advanced Gutenberg .

 

Kontaktformular

 

Du kan redigere indstillingerne for Kontaktformular på højre panel.

  • Varsel: Det vises ikke, hvis du aktiverer indstillingen reCAPTCHA under Indstillinger.

  • E-mail-afsender: Du kan ændre i Indstillinger. En e-mail vil blive sendt til admin-e-mailen (som standard), når der sendes en kontaktformular.

  • Tekstmærke:

    • Navn input pladsholder

    • E-mail-indtastningsholder

    • Pladsholder for indtastning af meddelelse

    • Indsend tekst

    • Tom feltadvarseltekst

    • Indsend succes tekst

 

kontakt-indstillingerne1

 

  • Inputfarve: Baggrundsfarve og tekstfarve

  • Grænseindstillinger: Kantfarve, kantstil og kantradius

  • Send knapindstillinger:

    • Farveindstillinger: Kant og tekst, baggrund

    • Knapgrænseradius

    • Knap position: Venstre, Center og Højre

kontakt-indstillingerne2

 

17 . Nyhedsbrevblok

For at få klient-e-mail kan du oprette e-mail-blokken ved at klikke på Nyhedsbrev -knappen i kategorien Advanced Gutenberg .

 

nyhedsbrev

 

Du kan redigere indstillingerne for nyhedsbrevet i højre panel.

  • Varsel: Det vises ikke, hvis du aktiverer indstillingen reCAPTCHA under Indstillinger.

  • Formindstillinger:

    • Formstil: Standard / alternativ

    • Formbredde (px)

  • Tekstmærke:

    • E-mail-indtastningsholder

    • Indsend tekst

    • Tom feltadvarseltekst

    • Indsend succes tekst

 

nyhedsbrev-indstillingerne1

 

  • Inputfarve: Baggrundsfarve og tekstfarve

  • Grænseindstillinger: Kantfarve, kantstil og kantradius

  • Send knapindstillinger:

    • Farveindstillinger: Kant og tekst, baggrund

    • Knapgrænseradius

 

nyhedsbrev-indstillingerne2

 

18 . Kolonner Manager-blok

Hvis du vil oprette en blok, der indeholder andre blokke inde, skal du vælge Kolonnemanager i kategorien Advanced Gutenberg . Det vises stilen for blokken, når du opretter en ny.

 

add-kolonne-chef-blok

 

Derefter kan du tilføje alle typer blokke, du ønsker, i hver kolonne. Her er en kolonnehåndteringsblok med 2 kolonner: den venstre er avanceret billede og den højre er afsnit, avanceret liste.

 

kolonne-leder-blok

 

Og på højre panel kan du justere indstillingerne i kolonnen Manager-blok.

  • Responsive indstillinger

    • Style for hver enhedstyper: Desktop, Tablet, Mobile

    • Mellemrum mellem kolonner

    • Polstring: Top, Højre, Venstre og Nederst

    • Margen: Øverst, Højre, Venstre og Nederst

 

kolonne-settings-1

 

 

  • Rækkeindstillinger

    • Kolonner indpakket: Hvis dine kolonner er oversvømmet, vil de blive adskilt til en ny linje (f.eks .: Brug dette med kolonneafstand).

    • Indpakningsmærke: Div, Header, Main, ...

    • Indhold Maksimal bredde (px vw,%)

    • Indhold Min Højde (px, vw, vh)

    • Indhold Maks. Højde (px, vw, vh)

 

kolonne-settings-2

 

19 . Blokering af login / registrering

Du kan oprette en login-formular eller registrere formular til dit websted ved at klikke på Login / Registreringsformular i afsnittet Advanced Gutenberg .

 

login-formen-blok

 

Og du kan skifte visning fra Login til Register på navigationslinjen i denne blok eller til højre panel.

 

login-register-formen

 

Og så kan du gå til højre panel for at justere flere detaljer om formularen.

  • Startformular: Login eller Registrer

  • Omdiriger efter login: Hjem, Dashboard eller Brugerdefineret

  • Formbredde (Px)

  • Vis logo

  • Logo Bredde (Px)

  • Vis ikon for inputfelt

  • Vis register / header-link

  • Hovedfarve

  • Vis mistet adgangskodelink

 

formular-state-indstillingsskærmbilledet

 

  • Indtast pladsholder

    • Login inputholder

    • Brugernavn input pladsholder

    • E-mail-indtastningsholder

  • Tekst / input farve

    • Indtast baggrundsfarve

    • Indtast farve

    • Tekstfarve

  • Grænseindstillinger

    • Kantfarve

    • Kantstil

    • Kantbredde

 

input-pladsholder-settings

 

  • Send knapindstillinger

    • Kant og tekst

    • Baggrund

    • Knapgrænseradius

    • Knapens position

  • Indsend knap

    • Hold markørfarver: Farve på baggrund, tekst og skygge

    • Skygge: Opacitet, overgangshastighed og skygge (H (vandret) forskydning, V (lodret) forskydning, sløring, spredning)

  • Varsel: Vi anbefaler kraftigt at aktivere Google reCaptcha for at undgå spam-bot. Du kan aktivere det i Form Recaptcha i  Adv. Gutenberg> E-mail og form .

 

indsende-knap-indstillinger

 

20 . Søge bjælke blokering

Du kan oprette en søgetekstboks på frontend ved at klikke på Søgningslinje -knappen i kategorien Advanced Gutenberg .

 

søge-bar-blok

 

Du kan justere søgelinjens indstillinger på højre panel.

  • styles: der er 2 foruddefinerede stilarter: Standard og klassisk

  • Søg Bar State

    • Fuld bredde: Til / Fra

    • Bredde

  • Indstillinger for søgeikon

    • Søgikon til højre: Til / fra

    • Søgikon

 

Search-bar-indstillinger

 

  • Indstillinger til søgning

    • Søg pladsholder

    • Inputfarve: Baggrund og tekstfarve

 

søge-input-indstillinger

 

  • Indstillinger for søgeknap

    • Vis knappen Send: On / Off

    • Søgeknap til venstre: Til / Fra

    • Baggrund og tekstfarve

    • Grænseradius

  • Hold markørfarver: Farve på baggrund, tekst og skygge

  • Hover Shadow: Opacitet, overgangshastighed og skygge (H (vandret) forskydning, V (lodret) forskydning, sløring, spredning)

 

søge-knap-indstillinger