EN
Søger...

Knap og ikoner

Ved brug af Knap og links, kan du tilføje enhver type Link (1) til sektionen. Du kan tilføje en knap/tekstlink/billedlink/ikon/separator.

Du kan Dupliker (2) Redigere (3) eller Slette (4) den eksisterende knap/link.

I denne artikel:

  1. Tilføj knapper/links
  2. Stilknapper/links

Tilføj knapper/links

  • For at tilføje en hvilken som helst type link til sektionen skal du klikke på + Tilføj knap valgmulighed.

 + Tilføj knap muligheden giver fire måder at tilføje et link på. Derudover kan du også tilføje Separatorer for at tilføje mellemrum mellem knapper/links. Følgende er mulighederne:

Button

Tilføj en knap til listeelementet.

Du vil være i stand til at opdatere:

  1. Knap label – Angiv synlig tekst på din knap. Det er dette, brugerne vil se og klikke på.
  2. Knaplink – Angiv URL eller handling Knappen skal udløses, når der klikkes på den.
  3. Målvindue – Vælg, om linket åbnes i samme fane eller ny fane.
  4. Knapstil – Vælg knapstilen til at være standard (indstillet i Knapper og links fanen i Design-sektionen), Solid, Outline eller et tekstlink.
    • Standard: Følger dit websteds temaindstillinger.
    • Solid: En fed, udfyldt knap.
    • Outline: Gennemsigtig baggrund med en kant.
    • Tekstlink: Enkel, ren tekststil (ingen knapboks).
  1. Knap form – Indstil a brugerdefineret form for hver enkelt knap inden for sektionen. Dette giver dig mulighed for at tilsidesætte den globale knapform, der er defineret under Designindstillinger, hvilket giver dig mere kontrol over, hvordan hver knap vises. De tilgængelige former er Firkantede, Afrundede og Pilleformede.
  2. Knapfarve – Tilpas knappens farveskema:
    • Standard: Arver temaindstillinger.
    • Invertér: Vender knappens tekst-/baggrundsfarver om.
    • Brugerdefineret: Giver dig mulighed for at vælge specifikke tekst- og baggrundsfarver.
  1. Button Text - Hvis du bruger Brugerdefineret knapfarve, kan du indstille tekst (etiket) farve herfra.
  2. Knapbaggrund – Også tilgængelig under Brugerdefineret, angiver denne knappens baggrundsfarve. Kombiner dette med tekstfarve for maksimal læsbarhed og stil.
  3. Knapikon – Tilføj et ikon ved siden af din knapetiket. Du kan vælge mellem forskellige ikonmuligheder.
  4. Layout – Kontroller placeringen af ikonet i forhold til etiketten. Tilgængelige layoutmuligheder er:
    • Etiket + Ikon: Tekst vises først, efterfulgt af ikonet.
    • Ikon + Etiket: Ikonet vises først, derefter teksten.
    • Etiket + Ikon (Bred): Tekst og ikoner arrangeret med mere margen, egnet til bredere knapper.
    • Ikon + Etiket (Bred): Ikon først, bredere margenlayout.
  1. Ikon farve – Vælg farven på knapikonet. Du kan enten indstille den til Button Text farve eller den Mærke farve.

Indstillinger for knapstil

Du finder disse indstillinger under Fanen Stil af sektioner. Disse indstillinger giver dig mulighed for at finjustere udseendet, afstanden og layoutet af knapper på dit Pixpa-websted for bedre designkontrol og responsivitet:

  1. Knap størrelse – Vælg størrelsen på knappen (f.eks. Lille, Mellem, Stor). Dette justerer margen og skriftstørrelsen, så den passer til dit design.
  2. Mellemrum mellem knapper – Styrer den vandrette afstand mellem flere knapper. Du kan bruge vw (viewport width) enheder til responsiv afstand.
  3. Plads over knapper – Tilføjer lodret afstand over knappen/knapperne. Dette hjælper med at adskille dem fra indholdet ovenfor, målt i %.
  4. Tekstlink – Justerer skriftstørrelsen for tekstlinks på knapper (især nyttigt, når du bruger et "Tekstlink"-format i stedet for en traditionel knap).
  5. Billede som knap (størrelse) – Hvis du bruger et billede i stedet for en traditionel knap, definerer denne indstilling billedets visningsstørrelse (i pixels).
  6. Knapbredde – Vælg hvor bred knappen skal vises:
    • Standard: Standardbredde baseret på knapindhold
    • Stor / Ekstra stor: Bredere knapper for mere fokus
    • Fuld bredde: Knappen strækker sig over hele containerens bredde

Tekstlink

Føj til tekstlink til listepunktet.

Du vil være i stand til at opdatere:

  1. Indstil tekst etiket.
  2. Angiv tekstlink.
  3. Målvindue – Vælg at åbne siden i det samme eller et nyt vindue.

Billede

Tilføj et billede og link det til en hvilken som helst side.

  • Når du har uploadet billedet, vises det på denne måde. Klik på linket for at redigere det.

  • Herfra kan du:
    1. Upload/Skift billedet.
    2. Knaplink – Angiv linket.
    3. Målvindue – Vælg at åbne siden i det samme eller et nyt vindue.

Bemærk

Webstedets titel vil blive brugt som alternativ tekst til knappens billede for at forbedre søgbarheden.

Socialt ikon

  • Tilføj et socialt ikon til listeelementet.

Du kan administrere:

  1. Det sociale ikon, der skal linkes.
  2. Angiv din relevante sociale profilsti.
  3. Målvindue – Vælg at åbne siden i det samme eller et nyt vindue.

Separator

Separator Med denne indstilling kan du indsætte afstand mellem knapper eller links.

Dette er nyttigt til at skabe visuel adskillelse mellem knapper, der er placeret tæt på hinanden. Du kan tilføje en separator fra Knap og links panel, ligesom du tilføjer andre knapper.

  • Afstanden mellem knapperne styres af Polstring – Top indstilling i separatoren. Justering af denne værdi øger eller mindsker den lodrette afstand mellem knapper, der er placeret tæt sammen.

 

Bemærk

  • En separator forbinder ikke nogen steder – den skaber blot lodret rum.
  • Du kan flytte den op eller ned for at justere afstanden mellem elementerne efter behov.

Stilindstillinger for knapper og links

stil muligheder vil være til stede under stil fanen, mens du administrerer sektionen.

Du vil have flere stilindstillinger for knappen og links som følger:

  1. Angiv Mellemrum mellem knap/links der er tilføjet.
  2. Angiv Mellemrum over knap/links.
  3. Vælg den Hover Effekt for knappen/links.

  1. Vælg den størrelsen på normalknappen som du har tilføjet i Knap/Links. 
  2. Angiv højden af ​​billedknappen hvis du har tilføjet et billedlink i Knap/Links. 
  3. Angiv størrelsen på ikonknappen hvis du har tilføjet et socialt ikon i Knap/Links. 

Hvis du har tilføjet et socialt ikon i Knap/Links ovenfor, så:

  1. Vælg den Social ikontype/Form.
  2. Vælg den Social ikon farvestil. Hvis du har valgt Mærke farve, så vil ikonets mærkefarve blive arvet.
    Hvis du har valgt Valgt farve mulighed ovenfor så:
    1. Angiv Social ikon farve.
    2. Angiv Social ikon baggrundsfarve.

Eksempel

Antag, at du har tilføjet et Amazon socialt link i Knap/Links, og specificerede ikonfarve som rød og ikon baggrundsfarve som grøn, så vises ikonet som nedenfor:

Tagged:

Kan du ikke finde det, du leder efter?

Kom i kontakt med en Pixpa-ekspert.

Kontakt os