Advanced Gutenberg Dokumentation

I. ADVANCED GUTENBERG INSTALL

1.1 Installer

For at installere vores plugin skal du bruge standard WordPress installer, eller pakke ud og sætte alt i mappen i / wp-indhold / plugin.

 

installere-WP-media-mappe


Klik derefter på Aktivér plugin, for at se menuen Advanced Gutenberg vises i WordPress 'venstre menu.

Advanced Gutenberg er tilgængelig fra Gutenberg menuen. Du har også parametrene under menuen "Indstillinger".

1.2 Opdater plugin

For at opdatere Advanced Gutenberg kan du bruge WordPress 'standard updater. Du kan også fjerne og installere den nye version fra en .zip-fil, der er hentet fra www.joomunited.com. Under alle omstændigheder vil du ikke miste noget indhold, fordi alt er gemt i databasen.

 

update-Gutenberg

 

Sørg for altid at have den nyeste version for at undgå sikkerheds- og stabilitetsproblemer.

II. FÆLLES FUNKTIONER

2.1. Bloker liste

Ved at bruge vores plugin kan du oprette flere profiler og vælge hvilke blokke i Blokke liste vil være tilgængelig for hver profil.

For at oprette din egen profil kan du bruge "Profil Attribution" fanebladet i ”Advanced Gutenberg” menu. Vælg en af ​​profilerne, og du vil se profilkonfigurationen.

 

bruger-editor-profiler

 

Du kan aktivere / deaktivere blokke i Gutenberg ved at klikke på dem. Når du er færdig, skal du trykke på knappen Opdater liste for at opdatere nye blokikononer.

 

blok-liste

 

blocks-list-2

 

Når de er gemt, vil blokkene være tilgængelige i din editor.

 

blok-anvendt

 

Avanceret knapblok

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

 

avanceret knap

 

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

  • styles: der er 4 foruddefinerede stilarter: Standard, skitseret, kvadratisk og firkantet kontur

    • Standardstil: Vælg din standardstil

  • Knap link:

    • Link-URL

    • Åbn i ny fane: Til / Fra.

 

ADV-knap-indstillinger

 

  • Tekst / Farve:

    • Tekststørrelse

    • Baggrundsfarve

    • Tekstfarve

 

tekst-farve-knap-indstillinger

 

  • Grænse:

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

    • Kantfarve

    • Borderbredde

 

adv-knap-grænse

 

  • polstring: top, højre, bund 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

 

Avanceret liste blok

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

 

avanceret liste

 

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

  • Tekstindstillinger

    • Tekststørrelse

  • Ikonindstillinger

    • Ikon (liste, farve og størrelse)

    • Linjehøjde

    • Margin

    • polstring

 

avanceret-list-indstillinger

 

Sammendragsblok

Du kan oprette en Resumé blokere ved at klikke på knappen i kategorien Advanced Gutenberg efter at have indstillet mindst et overskriftstag i posten eller siden. Resuméet kan justeres til venstre, center eller højre. For at opdatere det skal du bruge knappen Opdateringsoversigt.

 

resumé-Gutenberg-indhold

 

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

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

  • Samlet overskriftstitel: Sammendragets overskriftstekst, som vises når Belastningen minimeres indstillingen er aktiveret

  • Ankerfarve: Vælg en farve til oversigten

 

sammenfattende-indstillinger

 

Counter (Count Up) -blok

 

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

 

Tæl op

 

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

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

  • Kolonner: 1-3

  • Tæller nummerstørrelse: Indstil nummerets størrelse

  • Counter Up Symbol: Tilføj et tegn før eller efter tælleren

  • Toggle-knap: Indstil symbolets position (On betyder, at symbolet kommer efter tal)

 

tælle-up-indstillinger

 

Avanceret billedblok

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

 

avancerede-image-knap

 

Dernæst kan du ændre billedets titel og dens undertekst. Du kan justere billedets indstillinger fra højre panel.

  • Handling på klik: enten åbne billedet i en lightbox eller åbne en brugerdefineret URL

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

  • Åbn link i ny fane

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

  • Farveindstillinger: Titelens farve, undertekstens farve, Overlays farve

  • Tekstjustering: vertikal justering (øverste, midterste, nederste), vandret justering (venstre, center, højre)

 

avanceret-image-indstillinger

 

Udtalelsesblok

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

 

vidnesbyrd-knap

 

Endelig kan du i højre panel justere indstillingerne for testimonialen.

  • Slider visning: Tænd sluk

  • Kolonner: Kolonner i Normal visning er 1-3, og i Slider visning er 4-10.

  • Avatar: Avatar størrelse, baggrundsfarve og grænseindstillinger, som omfatter farve, radius og bredde

  • Tekstfarver:

    • Navn Farve

    • Position Farve

    • Beskrivelse Farve

 

vidnesbyrd-indstillinger

 

Kortblok

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

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

 

map-blok

 

Fra højre panel kan du indsætte en placering ved at indtaste Latitude og Longitude, eller ved at indtaste en adresse og derefter trykke på knappen Hent placering

Nogle ekstra muligheder for kortet er tilgængelige:

  • Zoomniveau

  • Højde

  • Marker ikon

  • Markør Titel

  • Marker beskrivelse

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

 

map-indstillinger

 

Avanceret video blok

Du kan oprette en video til et indlæg ved at klikke på Avanceret video knappen i Advanced Gutenberg sektionen. Derefter kan du indsætte webadressen fra Youtube eller Vimeo, eller bruge lokal video fra din server. Du kan ændre forhåndsvisningsbilledet ved at klikke på knappen Rediger fra øverste venstre hjørne.

 

avanceret video

 

Dernæst kan du justere indstillingerne for videoen i højre panel.

  • Åbn video i lysboksen: Lysboksen giver yderligere skærm muligheder

  • Fuld bredde: Hvis det er slukket, skal du angive en brugerdefineret bredde for videoen

  • Video højde

  • Farveindstillinger: Overlayfarve og Play-knappen farve

  • Play Button: Ikonstil, Play-knapstørrelse

 

avanceret video-indstillinger

 

Avanceret tabelblok

Du kan oprette et bord 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 redaktøren selv lige over tabellen. Flere indstillinger kan ændres i højre panel.

  • styles

    • Standard

    • Striber

 

stil-bord

 

  • Tabelindstillinger

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

    • Fastbredde bordceller

    • Tabeloverskrift, sidefod

    • Border collapsed

 

advanced-table-settings1

 

  • Celleindstillinger

    • Farveindstillinger: Baggrundsfarve, Tekstfarve

    • Grænse: grænsestil, farve og bredde

    • polstring: øverste, nederste, venstre og højre polstring

    • Tekstjustering: vandret og lodret justering

 

single-celler-indstillinger

 

Du kan endda fusionere celler (ved hjælp af Shift-knappen) og opdele fusionerede celler med Avanceret tabel blok.

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 Advanced Gutenberg-kategorien. Derefter vil der være to gruppetildelingselementer, der vises som standard.

 

adv-harmonika-blok

 

Når du er oprettet, kan du justere overskrift, krop eller grænseindstillinger fra højre panel.

  • Accordion Settings:

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

    • Første kollaps: Gør alle trekorde kollapset som standard.

  • Overskriftsindstillinger

    • Header Icon Style

    • Farveindstillinger: Baggrundsfarve, Tekstfarve og Ikonfarve

 

adv-harmonika-header

 

  • Indstillinger for kropsfarve

    • Baggrundsfarve

    • Tekstfarve

  • Border Settings

    • Border Style: fast, stiplede eller punkterede

    • Farveindstillinger

    • Kantbredde, radius

 

ADV-harmonika-indstillinger

 

Tabblok

På samme måde kan du oprette en Tab blokere, når du har brug for at vise mere indhold i et mindre område. For at indsætte en, skal du klikke på Tab knappen i kategorien Advanced Gutenberg.

 

Fanen-blok

 

Derefter kan du justere fanen, krops- eller grænseindstillingerne fra højre panel.

  • Tab-farver

    • Baggrundsfarve

    • Tekstfarve

    • Aktiv fane Baggrundsfarve, tekstfarve

 

Fanen-indstillinger

 

  • Kropsfarver

    • Baggrundsfarve

    • Tekstfarve

  • Border Settings

    • Stil: solid, stiplet eller prikket

    • Farve

    • Kantbredde, radius

 

tab-settings1

 

Social Links Block

Du kan del dine sociale forbindelser meget let ved at bruge Sociale links blokke, som kan oprettes ved at klikke på knappen i kategorien Advanced Gutenberg.

 

sociale-links

 

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

  • Forindstillede ikoner: Du kan uploade dit brugerdefinerede ikon

  • Forindstillet ikonfarve

  • Ikoner indstillinger

    • Ikonstørrelse, plads

 

sociale-links-indstillinger

 

Seneste indlæg Block

Der er 3 layouter, der er tilgængelige for at vise dine seneste indlæg: Rutenett, Liste og Slider visninger. Du kan oprette nogen af ​​disse visninger ved at klikke på Seneste indlæg knappen i kategorien Advanced Gutenberg.

 

seneste stolpehalvdele-blok

 

Du kan se, hvordan blokkerne vil blive vist i frontenden på billedet ovenfor eller i vores Advanced Gutenberg Demo.

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

  • Bestil af

ordre-by

 

  • Kategori

  • Antal stk

  • Kolonner (kun til Gittervisning)

  • Vis fremhævet billede

  • Vis postforfatter

  • Vis postdato

  • Vis Læs mere Link

  • Læs mere tekst

  • Vis postuddrag

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

 

seneste-indlæg-indstillinger

 

Woo Products Block

Der er 2 layouter til rådighed for Woo Produkter blok: Normal og Slide-visningerne 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 blokkerne vil blive vist i frontenden på billedet ovenfor eller i vores Advanced Gutenberg Demo

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

  • Produkter Indstillinger

    • Produkt Status

    • Kategori

  • Layoutindstillinger

    • Kolonner

    • Antal produkter

    • Bestille

 

woo-indstillinger

 

Billeder skyderblok

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

 

ny-image-slider

 

Tryk derefter på Tilføj billeder knappen for at vælge dine billeder vist 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 på klik: Ingen, Åbn billede i lightbox og Åbn brugerdefineret link

  • Fuld bredde

  • Automatisk højde

  • Vis altid overlejring

Farveindstillinger

  • Hover Color

  • Titel farve

  • Tekstfarve

 

slide-settings-1

 

Tekstjustering

  • Lodret justering

    • Top

    • Centrum

    • Bund

  • Horisontal justering

    • Venstre

    • Centrum

    • Ret

slide-settings-2

 

Kontaktformularblokering

Du kan få kundens e-mail-kontaktmeddelelse med denne blok. Du kan oprette den form 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 reCAPTCHA-indstillingen i Indstillinger.

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

  • Tekstetiket:

    • Navn input pladsholder

    • E-mail-input stedholder

    • Indtastning af plads til meddelelsen

    • Indsend tekst

    • Tom felt advarsel tekst

    • Indsend succes tekst

 

contact-settings1

 

  • Input Color: Baggrundsfarve og Tekstfarve

  • Borderindstillinger: Border Color, Border Style og Border radius

  • Indsæt knapindstillinger:

    • Farveindstillinger: Border og tekst, baggrund

    • Knappen grænsen radius

    • Knap position: Venstre, Center og Højre

contact-settings2

 

Nyhedsbrev Blok

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

 

nyhedsbrev

 

Du kan redigere nyhedsbrevets indstillinger på højre panel.

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

  • Formindstillinger:

    • Form stil: Standard / Alternativ

    • Form bredde (px)

  • Tekstetiket:

    • E-mail-input stedholder

    • Indsend tekst

    • Tom felt advarsel tekst

    • Indsend succes tekst

 

newsletter-settings1

 

  • Input Color: Baggrundsfarve og Tekstfarve

  • Borderindstillinger: Border Color, Border Style og Border radius

  • Indsæt knapindstillinger:

    • Farveindstillinger: Border og tekst, baggrund

    • Knappen grænsen radius

 

newsletter-settings2

 

Kolonner Manager-blok

Hvis du vil oprette en blok indeholdende andre blokke inde, skal du vælge Kolonner manager i Advanced Gutenberg kategori. Det vises stilen til blokken, når du opretter en ny.

 

add-kolonne-chef-blok

 

Derefter kan du tilføje alle typer blok du vil have i hver kolonne. Her er en kolonnehåndteringsblok indeholder 2 kolonner: den venstre er Avanceret billede, og den rigtige er Afsnit, Avanceret liste.

 

kolonne-leder-blok

 

Og i højre panel kan du justere indstillingerne i kolonnehåndteringsblokken.

  • Responsive Settings

    • Stil for hver enhedstype: Skrivebord, Tablet, Mobil

    • Mellemrum mellem kolonner

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

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

 

column-settings-1

 

 

  • Rækkeindstillinger

    • Indpakket kolonner: Hvis dine kolonner overskrides, vil det blive adskilt til en ny linje (fx: Brug dette med kolonneafstand).

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

    • Indhold Maks bredde (px vw,%)

    • Indhold Max højde (px, vw, vh)

 

column-settings-2

 

Blokering af login / registrering

Du kan oprette en loginformular eller registrere formular til dit websted ved at klikke på Login / Registreringsformular -knappen 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.

 

Log-register-formular

 

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

  • Indledende form: Login eller Registrer

  • Omdiriger efter login: Home, 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-input stedholder

  • Tekst / input farve

    • Indtast baggrundsfarve

    • Indtast farve

    • Tekstfarve

  • Border Settings

    • Border farve

    • Kantstil

    • Borderbredde

 

input-pladsholder-settings

 

  • Send knapindstillinger

    • Kant og tekst

    • Baggrund

    • Knappen grænsen radius

    • Knapens position

  • Send knappekeren

    • 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 & form .

 

indsende-knap-indstillinger

 

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øg-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

 

søg-bar-indstillinger

 

  • Indstillinger til søgning

    • Søg pladsholder

    • Inputfarve: Baggrund og tekstfarve

 

søg-input-indstillinger

 

  • Indstillinger for søgeknap

    • Vis indsendelsesknap: Til / fra

    • Søgeknap til venstre: Til / Fra

    • Baggrund og tekstfarve

    • Borderradius

  • 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øg-knap-indstillinger

 

2.2. Konfiguration

For at bruge lysboksen og billedtekstfunktionen til billeder skal du aktivere Åbn gallerier i lightbox og Billedtekst valgmuligheder hhv Advanced Gutenbergs Konfiguration faneblad i indstillingerne.

 

ADV-Gutenberg-indstillinger

 

  • Åbn gallerier i lightbox: Åbn galleri billeder som en lightbox stil popup

  • Billedtekst: Indlæs billeder (alt) attribut som billedtekst til lightbox-billeder

  • Fjern Autop: Fjern WordPress-funktionsautop, der bruges til at forhindre uønsket afsnit, der skal tilføjes i nogle blokke

  • Google API nøgle: Denne API-nøgle er nødvendig for at bruge kortblokken

Bloker indstillinger

  • Aktivér blokafstand: Anvend minimal vertikal blokafstand automatisk - standarden er ingen, og værdierne skal angives i pixels

  • Blokke ikon farve: Angiv farve til blokke ikoner på admin, gælder kun for Advanced Gutenberg blokke

  • Redaktørbredde: Definer admin Gutenberg editor bredde størrelse

  • Standard miniaturebillede: Indstil standardindlægsminiaturen til brug i Nylige indlægsblokke

  • Aktivér kolonnens visuelle vejledning: Aktivér grænse for materialisering Adv. Gutenberg Kolonne blok

Du kan også finde Adv. Gutenberg Indstillinger i øverste højre hjørne af din editor ved siden af Indstillinger ikon.

 

redaktør-adv-Gutenberg-indstillinger

 

2.3 Default Blocks Config

 

For at justere blokken i Advanced Gutenberg kan du gå til menuen Advanced Gutenberg> Konfiguration> Standardblokke Konfig-fanen.

 

standardindstillinger-blokke-config

 

For hver blok kan du redigere standardindstillingerne ved at klikke på den tilstødende Indstillinger ikon.

 

blokke redigere

 

2.4 Email & Formular

Email indstillinger

Du kan indstille sender og modtageroplysninger af Kontaktformular blok:

 

email-indstillinger

 

Form ReCaptcha

For det første skal du registrere reCaptcha på dit websted her, og klik derefter på Admin Console knappen for at indtaste oplysningerne.

Derefter udfyld reCAPTCHA Site og reCAPTCHA Secret Key. Husk at aktivere reCAPTCHA-indstillingen. Du kan også vælge sprog og tema for reCAPTCHA også.

 

formular-recaptcha

 

Forms data

Herfra kan du downloade Kontaktformular og Nyhedsbrev Formular data. Du kan eksportere en .CSV eller .JSON-fil.

 

formular-data

 

2.5 Tilpassede stilarter

Det Advanced Gutenberg konfiguration giver dig også mulighed for at definere brugerdefinerede CSS-uddrag, der kan bruges i din editor og HTML-tag-indstillinger. For at bruge brugerdefinerede stilarter skal du navigere til Tilpassede stilarter side fra Advanced Gutenbergs venstre menu.

For at oprette en ny stil skal du klikke på "Tilføj ny klasse" knappen nederst på listen over stilarter. Du kan redigere dit CSS lige i Custom CSS-feltet.

 

custom-styles-Gutenberg

 

Alle de ændringer, du foretager, vises i venstre side af siden. De vil blive anvendt på strengen med "Eksempelstekst". Teksten over og under strengen viser, hvordan dine stilarter ser ud blandt resten af ​​elementerne. Når du har redigeret din brugerdefinerede stil, skal du gemme den ved hjælp af "Gem stilarter" knap.


Hvis du vil anvende en stil på elementet i editoren, skal du vælge elementet og vælge en stil fra dropdownlisten med navnet "Tilpassede stilarter". Hvis du vil vende tilbage til standard stil og slette alle brugerdefinerede stilarter, skal du vælge "Afsnit" mulighed.

 

custom-css-stil-blok