Advanced Gutenberg: Blockeringsinställningar

1. Avancerat knappblock

Du kan skapa en Avancerad knapp genom att klicka på knappen i avsnittet Advanced Gutenberg.

 

avancerad-knappen

 

På den högra panelen kan du justera vissa inställningar för knappen:

  • stilar: 4 fördefinierade stilar

    • Standard

    • skiss

    • Squared

    • Kvadratisk disposition

  • Knapp länk:

    • Länk URL

    • Öppna i ny flik: På / Av.

 

adv-knappinställningar

 

  • Text färg:

    • Textstorlek

    • Bakgrundsfärg

    • Text färg

 

text-färg-knappinställningar

 

  • Gräns:

    • Borderradie

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

    • Gräns ​​färg

    • Gränsbredd

 

adv-button-gränsen

 

  • Marginal: topp, höger, botten och vänster.

  • Stoppning: topp, höger, botten och vänster.

 

avancerad button-padding

 

  • Sväva:

    • Färginställningar: Bakgrundsfärg, Textfärg och Skuggfärg.

    • Skugga (H (horisontell) förskjutning, V (vertikal) förskjutning, suddighet, spridning), opacitet och övergångshastighet.

 

avancerad button-hover

 

2. Avancerat listblock

Du kan skapa en Avancerad lista genom att klicka på knappen i kategorin Advanced Gutenberg.

 

avancerad lista

 

Efter inmatning av innehållet kan du justera inställningarna från den högra panelen:

  • Textinställningar

    • Textstorlek

  • Ikoninställningar

    • Ikon (lista, färg och storlek)

    • Radavstånd

    • Marginal

    • Stoppning

 

avancerad-List-inställningar

 

3. Sammanfattningsblock

Du kan skapa en Sammanfattning blockera genom att klicka på knappen i kategorin Advanced Gutenberg efter att ha satt minst en rubrik i posten eller sidan. Sammanfattningen kan anpassas till vänster, mitt eller höger. För att uppdatera det, använd knappen Uppdatera sammanfattning.

 

sammandrag-gutenberg-innehåll

 

På den högra panelen finns det några alternativ som du kan justera:

  • Lastminimering: för att visa / gömma sammanfattningen som standard

  • Sammanfattning rubrik titel: Sammanfattningens rubriktext, som visas när Lasten minimeras alternativet är aktiverat

  • Ankarfärg: Välj en färg för sammanfattningen

 

Sammanfattning-settings

 

4. Counter (Count Up) Block

 

Du kan skapa en Räkna upp blockera, eventuellt med en symbol, genom att klicka på sin knapp i Advanced Gutenberg-kategorin.

 

räkna upp

 

Sedan kan du, från den högra panelen, justera vissa alternativ för räknaren:

  • Färginställningar: Rubrikens färg, Count Up's färg och Description's färg

  • kolumner: 1-3

  • Counter Number Storlek: Ange siffrorens storlek

  • Counter Up Symbol: lägg till ett tecken före eller efter räknaren

  • Växlingsknapp: ställ in symbolens läge (På betyder att symbolen kommer efter siffror)

 

count-up-settings

 

5. Avancerat bildblock

De Avancerad bild block kan användas för att skapa en bild. För att lägga till en, klicka på Avancerad bild knappen i Advanced Gutenberg-kategorin och välj sedan en bild som ska infogas.

 

avancerad bildknapp

 

Därefter kan du ändra bildtitel och dess undertext. Du kan justera bildens inställningar från den högra panelen.

  • Åtgärd på klick: antingen öppna bilden i en lightbox, eller öppna en anpassad URL

  • Länkadress: Öppna länk i ny flik (växla knapp)

  • Öppna länken i en ny flik: På av

  • Bildstorlek: om bilden ska visas med full bredd eller med anpassad höjd och bredd

 

avancerad bildinställningar

 

  • Focal Point Picker: Välj punkt för att fokusera på bilden eller ställa in horisontellt / vertikalt läge

  • Överlagringens opacitet som standard

  • Överlagringens opacitet

  • Färginställningar: Titelens färg, undertextens färg, Overlays färg

  • Textjustering: Vertikal inriktning (övre, mitten, botten), horisontell inriktning (vänster, mitten, höger)

 

adv-image-hover

 

6. Testimonial Block

Du kan lägga in en testimonial i ditt innehåll genom att klicka på Rekommendation knappen i kategorin Advanced Gutenberg. Därefter kan du ändra testresultatets avatar, namn, jobbposition och beskrivning.

 

omdöme-knappen

 

Slutligen, i den högra panelen kan du justera inställningarna för vittnesmålen. När alternativet Slider view är inaktiverat är här inställningarna:

  • kolumner: Kolumnintervallet i Normalvy är 1-3, och i Slider-vy är 4-10.

  • Avatar: Avatarstorlek, bakgrundsfärg och gränsvärden, som inkluderar färg, radie och bredd

  • Textfärger:

    • Namnfärg

    • Position Färg

    • Beskrivning Färg

 

testimonial-settings

 

När du aktiverar Skjutbild alternativ, några extra alternativ för reglaget visas:

  • Antal objekt
  • Objekt att visa
  • Objekt att bläddra

reglaget-view-kolonn

  • Mittläge
  • Pausa på muspekaren
  • Autospela
  • Autoplayhastighet (ms)
  • Oändlig loop
  • Övergångshastighet (ms)
  • Visa prickar
  • Visa pilar
  • Pilstorlek

 

reglaget-settings

  • Glidfärger:
    • Pil och kantfärg
    • Prickar färg

 

reglaget-färg

 

7. Kartblock

För att kunna använda Karta block, måste du lägga till en Google API-nyckel i konfigurationen. Därefter bör du följa detta länk, Klicka på Aktivera API och tjänster knappen, sök sedan och aktivera Geolocation API, Maps JavaScript API.

När du väl har lagt till kan du skapa kartan genom att klicka på Karta knappen i kategorin Advanced Gutenberg.

 

map-blocket

 

Från den högra panelen kan du infoga en plats genom att mata in Latitude och Longitud eller genom att ange en adress och sedan trycka på knappen Hämta plats.

Några ytterligare alternativ för kartan är tillgängliga:

  • Zoomnivå

  • Höjd

  • Markör Ikon

  • Markör Titel

  • Markörbeskrivning

  • Öppna markörens verktygstips

  • Kartstilar: silver, retro, natt, ... och du kan också lägga till din anpassade stil också.

 

map-settings

 

8. Avancerat videoblock

Du kan skapa en video till ett inlägg genom att klicka på Avancerad video knappen i Advanced Gutenberg sektionen. Sedan kan du klistra in webbadressen från Youtube eller Vimeo, eller använd någon lokal video från din server. Du kan ändra förhandsgranskningsbilden genom att klicka på knappen Redigera i övre vänstra hörnet.

 

avancerad video

 

Därefter kan du justera inställningarna för videon i den högra panelen.

  • Öppna video i ljusrutan: lightboxen erbjuder ytterligare visningsalternativ

  • Full bredd: Om det är avstängt måste du ange en anpassad bredd för videon

  • Videohöjd

  • Färginställningar: Överläggningsfärg och Play-färg

  • Play-knappen: Ikonstil, Spela knappstorlek

 

avancerad videoinställningar

 

9. Avancerat tabellblock

Du kan skapa ett bord genom att klicka på Avancerat tabell knappen i kategorin Advanced Gutenberg.

 

avancerad bords knapp

 

Du kan redigera tabellen efter att du har ställt in antalet kolumner och rad.

 

avancerad-tabell

 

Därefter kan du skriva in text, eller justera rader och kolumner från redigeraren själv strax ovanför tabellen. Fler inställningar kan ändras i den högra panelen.

  • Styles

    • Standard

    • Stripes

 

style-tabellen

 

  • Tabellinställningar

    • Maximal bredd: Ställ detta på 0 för att få maximal bredd som motsvarar 100%

    • Fast breddstabellceller

    • Tabellhuvud, sidfot

    • Gränsen kollapsade

 

advanced-table-settings1

 

  • Cellinställningar

    • Färginställningar: Bakgrundsfärg, Textfärg

    • Gräns: gränsstil, färg och bredd

    • Stoppning: topp, botten, vänster och höger polstring

    • Textjustering: horisontell och vertikal inriktning

 

enkel-celler-settings

 

Du kan till och med slå samman celler (med Shift-knappen) och dela samman sammanslagna celler med Avancerat tabell blockera.

10. Avancerat dragspelblock

Du kan skapa en Avancerad dragspel när du behöver visa mer innehåll i ett mindre område genom att klicka på Avancerad Dragspel -knappen i Advanced Gutenberg-kategorin. Efter det kommer det att finnas två gruppspelspelelement som visas som standard.

 

adv-dragspels blocket

 

När du väl har skapats kan du justera huvud-, kropps- eller kantalternativen i den högra panelen.

  • Accordion Settings:

    • Bottenavstånd: Definiera utrymme mellan varje dragspel (endast frontendvy)

    • Inledande kollaps: Gör alla dragspel kollapsade som standard.

  • Header-inställningar

    • Header Icon Style

    • Färginställningar: Bakgrundsfärg, textfärg och ikonfärg

 

adv-dragspels header

 

  • Inställningar för kroppsfärg

    • Bakgrundsfärg

    • Text färg

  • Gränsinställningar

    • Border Style: fast, streckad eller prickad

    • Färginställningar

    • Gränsbredd, radie

 

adv-dragspel-settings

 

11. Avancerat flikar block

På samma sätt kan du skapa en avancerad Flik blockera när du behöver visa mer innehåll i ett mindre område. För att infoga en, klicka på Avancerad flik knappen i kategorin Advanced Gutenberg.

 

tab-blocket

 

Därefter kan du justera fliken, kropps- eller kantalternativen i den högra panelen.

  • Flikar stil
    • Skrivbord, surfplatta eller mobil
    • Horisontellt eller vertikalt
  • Inställningar för flikar
    • Inledande öppen flik

 

adv-tab-settings

 

  • Flikfärger

    • Bakgrundsfärg

    • Text färg

    • Aktiv flik Bakgrundsfärg

    • Textfärg för aktiv flik

 

tab-settings

 

  • Kroppsfärger

    • Bakgrundsfärg

    • Text färg

  • Gränsinställningar

    • Stil: ingen, solid, streckad eller prickad

    • Färg

    • Gränsbredd, radie

 

tab-settings1

 

Du kan dela dina sociala länkar mycket enkelt med hjälp av Sociala länkar block, som kan skapas genom att klicka på knappen i kategorin Advanced Gutenberg.

 

social länkar

 

Du kan använda den färdiga ikonen eller ladda upp din egen ikon och justera några fler alternativ från den högra panelen.

  • Förinställda ikoner: Du kan ladda upp din anpassade ikon

  • Förinställd ikonfärg

  • Ikoner inställningar

    • Ikonstorlek, utrymme

 

social länkar-inställningar

 

13. Block av senaste inlägg

Det finns 3 layouter som är tillgängliga för att visa dina senaste inlägg: Grid, List och Slider-vyerna. Du kan skapa någon av dessa åsikter genom att klicka på Nya Inlägg knappen i kategorin Advanced Gutenberg.

 

senaste-inlägg block

 

Du kan se hur blocken kommer att visas i fronten på bilden ovan eller i vår Advanced Gutenberg Demo.

Från den högra panelen kan du justera inställningarna för varje layout:

  • Sortera efter

sortera efter

 

  • Kategori

  • Antal objekt

  • kolumner (endast för rutnät)

  • Visa aktuell bild

  • Visa postförfattare

  • Visa inläggsdatum

  • Visa Läs mer Länk

  • Läs mer text

  • Visa postutdrag

  • Första posttext som utdrag: visa en del av den första texten som finns i inlägget som utdrag.

 

senaste-stolparna-inställningar

 

14. Woo Products Block

Det finns 2 layouter tillgängliga för Woo Products block: Normal och Slide-vyerna kan visa WooCommerce-produkter på din WordPress-blogg. Du kan infoga detta block genom att klicka på Woo Products knappen i kategorin Advanced Gutenberg.

 

woo-blocket

 

Du kan se hur blocken kommer att visas i fronten på bilden ovan eller i vår Advanced Gutenberg Demo

På den högra panelen kan du justera inställningarna för varje layout:

  • Produkter Inställningar

    • Produktstatus

    • Kategori

  • Layout inställningar

    • kolumner

    • Antal produkter

    • Ordning

 

woo-settings

 

15. Bilder Slider Block

Om du vill visa ett antal bilder som en bild, klickar du på Bilder Slider knappen i kategorin Advanced Gutenberg.

 

ny-image-reglaget

 

Sedan trycker du på Lägg till bilder knappen för att välja dina bilder som visas i bilden. Därefter kan du skriva in texten Titel och Text beskrivning för varje bild.

 

bild-reglaget

 

Du kan redigera inställningarna för reglaget på den högra panelen.

Bildinställningar

  • Åtgärd på klick: Inget, Öppna bild i lightbox och Öppna anpassad länk

  • Full bredd

  • Automatisk höjd

  • Visa alltid överlagring

Färginställningar

  • Hover Färg

  • Titel Färg

  • Text färg

 

slide-settings-1

 

Textjustering

  • Vertikal anpassning

    • Topp

    • Centrum

    • Botten

  • Horisontell linjering

    • Vänster

    • Centrum

    • Höger

slide-settings-2

 

16. Kontaktformulärblock

Du kan få kundens e-postadressmeddelande med det här blocket. Du kan skapa det formuläret genom att klicka på Kontaktformulär knappen i kategorin Advanced Gutenberg.

 

Kontaktformulär

 

Du kan redigera inställningarna för Kontaktformulär på den högra panelen.

  • Lägga märke till: Det visas inte om du aktiverar reCAPTCHA-alternativet i Inställningar.

  • E-post avsändare: Du kan ändra i Inställningar. Ett e-postmeddelande skickas till admin-e-postmeddelandet (som standard) när en kontaktformulär skickas.

  • Textetikett:

    • Namn inmatningsplatshållare

    • E-postinmatningsplatshållare

    • Inmatningsplatshållare

    • Skicka in text

    • Tom fältvarningstext

    • Skicka in succétext

 

contact-settings1

 

  • Inmatningsfärg: Bakgrundsfärg och Textfärg

  • Gränsinställningar: Border Color, Border Style och Border Radius

  • Skicka knappinställningar:

    • Färginställningar: Gräns ​​och text, bakgrund

    • Knappgränsradie

    • Knappposition: Vänster, Center och Right

contact-settings2

 

17. Nyhetsbrevblock

För att få klient Email kan du skapa e-postblocket genom att klicka på Nyhetsbrev knappen i kategorin Advanced Gutenberg.

 

nyhetsbrev

 

Du kan redigera inställningarna för nyhetsbrevet på den högra panelen.

  • Lägga märke till: Det visas inte om du aktiverar reCAPTCHA-alternativet i Inställningar.

  • Form Inställningar:

    • Formstil: Standard / Alternativ

    • Formbredd (px)

  • Textetikett:

    • E-postinmatningsplatshållare

    • Skicka in text

    • Tom fältvarningstext

    • Skicka in succétext

 

newsletter-settings1

 

  • Inmatningsfärg: Bakgrundsfärg och Textfärg

  • Gränsinställningar: Border Color, Border Style och Border Radius

  • Skicka knappinställningar:

    • Färginställningar: Gräns ​​och text, bakgrund

    • Knappgränsradie

 

newsletter-settings2

 

18. Block för kolumner

Om du vill skapa ett block som innehåller andra block inuti, bör du välja Kolumner chef i Advanced Gutenberg kategori. Det kommer att visas stilen för blocket när du skapar en ny.

 

add-kolonn-manager-blocket

 

Då kan du lägga till alla typer av block du vill ha i varje kolumn. Här är ett kolumnhanteringsblock innehåller 2 kolumner: den vänstra är Avancerad bild och den högra är Avsnitt, Avancerad lista.

 

kolonn-manager-blocket

 

Och på den högra panelen kan du justera inställningarna i kolumnhanterarens block.

  • Responsive Settings

    • Stil för varje enhetstyp: Skrivbord, Tablet, Mobil

    • Mellanslag mellan kolumner

    • Polstring: Topp, höger, vänster och botten

    • Marginal: överst, höger, vänster och botten

 

column-settings-1

 

 

  • Radinställningar

    • Kolumnerna inslagna: Om dina kolumner överfylls separeras den till en ny rad (t.ex.: Använd detta med kolumneravstånd).

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

    • Innehåll Maxbredd (px vw,%)

    • Innehåll Minhöjd (px, vw, vh)

    • Innehåll Maxhöjd (px, vw, vh)

 

column-settings-2

 

19. Logga in / Registrera formulärblock

Du kan skapa ett inloggningsformulär eller ett registerformulär för din webbplats genom att klicka Logga in / Registrera formulär -knappen i avsnittet Advanced Gutenberg.

 

login-formblocket

 

Och du kan växla från Logga in till Registrera i navigeringsfältet i detta block eller på den högra panelen.

 

logga in-register-formen

 

Och sedan kan du gå till den högra panelen för att justera mer information om formuläret.

  • Initial form: logga in eller registrera dig

  • Omdirigera efter inloggning: Hemsida, instrumentpanel eller anpassad

  • Formbredd (Px)

  • Visa logotyp

  • Logotypbredd (Px)

  • Visa ikon för inmatningsfält

  • Visa register / rubriklänk

  • Header Color

  • Visa förlorat lösenordslänk

 

form-state-setttings

 

  • Ange platshållare

    • Logga in platshållare

    • Användarnamn inmatning platshållare

    • E-postinmatningsplatshållare

  • Text / inmatningsfärg

    • Ange bakgrundsfärg

    • Ange färg

    • Text färg

  • Gränsinställningar

    • Gräns ​​färg

    • Gränsstil

    • Gränsbredd

 

input-placeholder-settings

 

  • Skicka knappinställningar

    • Gräns ​​och text

    • Bakgrund

    • Knappgränsradie

    • Knappens position

  • Skicka in knappen

    • Svävfärger: Bakgrund, text och skugga färg

    • Skugga: Opacitet, övergångshastighet och skugga (H (horisontell) förskjutning, V (vertikal) förskjutning, oskärpa, spridning)

  • Lägga märke till: Vi rekommenderar starkt att aktivera Google reCaptcha för att undvika skräppost. Du kan aktivera det i Form Recaptcha in Adv. Gutenberg> E-post & formulär .

 

submit-button-inställningar

 

20. Sök stapelblock

Du kan skapa en söktext i rutan genom att klicka på Sökruta knappen i kategorin Advanced Gutenberg.

 

search-bar-blocket

 

Du kan justera sökfältets inställningar på den högra panelen.

  • stilar: det finns två fördefinierade stilar: Standard och klassisk

  • Sök Bar State

    • Full bredd: På / Av

    • Bredd

  • Inställningar för sökikon

    • Sökikon till höger: På / Av

    • Sökikon

 

sök-bar-inställningar

 

  • Sökinmatningsinställningar

    • Sök platshållare

    • Inmatningsfärg: Bakgrund och textfärg

 

Sök-input-inställningar

 

  • Sökknappsinställningar

    • Visa knappen Skicka: På / Av

    • Sökknapp till vänster: På / Av

    • Bakgrund och textfärg

    • Borderradie

  • Svävfärger: Bakgrund, text och skugga färg

  • Hover Shadow: Opacitet, övergångshastighet och skugga (H (horisontell) förskjutning, V (vertikal) förskjutning, oskärpa, spridning)

 

search-button-inställningar