Sidetekstredigereren

sider lar deg lage alle slags informasjonsbaserte sider ved hjelp av 100+ innholdsblokker med Pixpas enkle dra-og-slipp-sidebygger.

Du kan organisere, rediger og tilpass disse innholdsblokkene for å lage unike sider for å vise innholdet ditt.
Sjekk også: Forstå seksjoner og tekstutdrag.


I sidebyggeren kan du enkelt legge til seksjoner og dra-og-slipp snutter fra venstre sidefelt til sidelerretsområdet.

Etter å ha plassert en del på siden din, kan du redigere individuelle tekstutdrag (tekst, bilder, knapper) i den.

Bare flytt markøren på sidelerretsområdet, alle individuelle utdrag vil bli uthevet når du holder musepekeren. Klikk deretter på en kodebit for å redigere den.

Se hvordan du redigerer innholdet i aksjon: 


Her er hva du kan gjøre i området for sidelerret: 

  1. Sekvenser utdragene.
  2. Dupliser utdragene.
  3. Slett en bestemt kodebit.
  4. Angre de siste endringene.
  5. Bruk fet/kursiv/understreking og annen formatering på teksten.
  6. Endre tekstfargen og tekstutdragets bakgrunnsfarge.
  7. Bruk tekstformateringen eller endre skriftstilen.
  8. Endre tekst Justering.
  9. Lag ordnede og uordnede lister.
  10. Bruk en hyperkobling til teksten.
  11. Legg til et symbol.
  12. Fjern forhåndstekstformatering.
  13. Rediger HTML-en til en hel side.

Snippet Tool Box og Editing Tool Bar

Når du klikker på en kodebit, vil du se Snippet Tool Box av den enkelte kodebiten på høyre side og Redigeringsverktøylinje på toppen.

Det er 4 alternativer i tekstutdragsverktøylinjen: 

  • Dra ( ) – Brukes til å sekvensere utdragene ved å dra og slippe.
  • Dupliser – Brukes til å duplisere kodebiten.
  • Elementverktøy – Brukes til å vise alternativet for å legge til ny kodebit, duplisere en kodebit, flytte kodebiten opp/ned og slette for en individuell kodebit.
  • Delete – Brukes til å slette kodebiten.

 


1. Sekvensere tekstutdragene

  • Du kan sekvensere kodebiten din ved å dra og slippe. Bare hold dra ikonet og dra kodebiten over alle blokkene på en side og slipp den på ønsket posisjon.
Se sekvenseringsbiter i aksjon:

2. Dupliser kodebiten din

  • Du kan duplisere en eksisterende kodebit ved å klikke på duplikatikonet.
Se duplisering av tekstutdrag i aksjon:

3. Slett kodebiten din

  • Du kan slette hvilken som helst kodebit fra siden din ved å klikke på sletteikonet.
Se hvordan du sletter tekstutdrag:

4. Angre de siste endringene

  • Du kan angre de siste tekstbaserte endringene ved å trykke Ctrl (Windows) eller ⌘ (mac) + Z. 

5. Fet / Kursiv / Understreking / Gjennomstreking etc

  • Du kan enkelt redigere tekstutdraget ved å klikke på det. Bare velg teksten og klikk på redigeringsverktøylinjeikonet til henholdsvis fet, kursiv, understreking.

 

Se i aksjon:

6. Tekstfarge / Tekstbakgrunn og Seksjonsbakgrunnsfarge

Du kan velge en farge for tekst og tekstbakgrunn på to måter:

  1. Palette
  2. Tilpasset farge

Palette

Innenfor denne fanen vil de tilgjengelige fargealternativene speile de for den valgte fargepaletten fra Designseksjon.

De vil automatisk bli hentet og oppdatert hver gang du gjør endringer i fargepaletten for nettstedet ditt. Les mer om fargepaletter.

Tilpasset farge

Her finner du en fargevelger der du kan velge en farge og velge mellom ulike tilgjengelige nyanser.

I tillegg kan du legge inn en Hex-fargekode og også finjustere opasiteten til fargen.

Følg trinnene nevnt nedenfor for å velge en farge for tekst og tekstbakgrunn:

  • Klikk på en bestemt kodebit, velg teksten og klikk på FARGE (1) ikon. Du vil se et popup-vindu der du kan velge å velge en farge fra Palett Fargealternativer eller en Tilpasset farge (2).
  • Velg en Tekstfarge og Fyllfarge (3) dvs. tekstbakgrunnsfargen.
  • Juster opacity (4) av fargen ved å bruke glidebryteren.
  • Du kan også bruke skriv inn en hex-fargekode (5) og bruke det samme på teksten/tekstbakgrunnen.
  • Endelig, Spar (6) endringene.

  • De Sseksjon Bakgrunnsfarge (7) kan endres fra Fargestil alternativet.

  • Du kan også endre eller fjerne den påførte fargen/stylingen. Bare velg teksten og klikk på Ren ikon (8) for å fjerne det eksisterende fargeskjemaet.
  • Spar (9) endringene.


Se i aksjon:

7. Tekstfontstil

  • Du kan bruke fire forskjellige typer av skriftstiler på sidene dine (om gangen) som vil bli spesifisert i Designseksjon. Dette er en vanlig designstil som brukes på alle sidene.
    • Topptekst 1 Stil → Overskriftsskrift og stil → stikkord
    • Topptekst 2 Stil → Tittelskrift og stil → stikkord
    • Topptekst 3 Stil → Tekstskrift og stil → stikkord
    • Topptekst 4 Stil → Undertittel / Bylines font og stil → stikkord
    • Avsnittstekst Stil → Avsnitt font og stil → stikkord

  • Når du har spesifisert skriftstilen i utforming kan du bruke dem effektivt på tvers av siden. Bare velg teksten og bruk formateringen i sideredigeringsprogrammet.
    Sjekk også: Tekststil på nettstedet.
  • Systemet vil automatisk bruke skrifttype, farge, størrelse og vekt for den aktuelle skriftstilen på den valgte teksten. Du kan se det samme på live-siden og redaktøren.

 


Se i aksjon:

Når du arbeider med tekstredigering, trykk ENTER (Windows) eller RETURN (mac) for å lage et nytt avsnitt, for å sette inn en ny linje uten å tvinge et nytt avsnitt, trykk og hold inne SHIFT tasten, og trykk deretter enter eller retur.


8. Justering av teksten

  • Du kan administrere tekstutdragets justering – Venstre / Senter / Høyre og rettferdiggjøre ved å klikke på justeringsikonet i redigeringsverktøylinjen.

 


Se i aksjon:

9. Liste – Ordnet og uordnet / Innrykk / Utrykk

  • Du kan enkelt konvertere teksten til lister med innrykk og organisere dem.
    • innrykk – Et uthevet tekstområde vil bli rykket inn.
    • Utent – Et uthevet tekstområde vil bli fjernet. For å stikke ut, klikk på ikonet for uordnet/ordnet liste som du har brukt før.
    • Uordnet liste – Uthevet tekst vil bli formatert som en punktliste. I HTML bruker dette et sett med og tagger.
    • Bestilt liste – Uthevet tekst vil bli formatert som en nummerert liste. I HTML bruker dette et sett med og tagger.

 


Se i aksjon:

OBS: Du kan fjerne innrykk ved å klikke på samme liste/innrykk-ikonet igjen.

  • Du kan enkelt legge til en lenke til teksten din (hyperlink/ankertag).
  • Marker teksten og trykk på link knappen i redigeringsverktøylinjen. Du kan koble til eksisterende nettsider eller andre nettsider/blogg/PDF-er osv.
  • Når du klikker, vil du se et popup-vindu der du kan skrive inn URL eller slug (1), velge om du vil åpne i et nytt vindu (2), lenke/knapptekst (3), Tittel – brukes i tilfelle av kun bilder (4).

 

Merk:

  • For å koble til en ekstern nettside som er utenfor Pixpa-siden din, skriv inn http://etterfulgt av nettadressen, for eksempel http://www.example.com.
  • For å koble til et galleri eller en butikkkategori eller en side på nettstedet ditt, skriv inn URL-slugen, for eksempel /gallery
  • For å opprette en kobling som åpner en e-postklient, skriv inn mailto: etterfulgt av for eksempel e-postadressen mailto:example@example.com.
  • For å opprette en kobling som foretar en telefonsamtale, skriv inn tel:, etterfulgt av telefonnummeret med landskode, for eksempel tel:+0-123-456-7890
  • For å opprette en lenke som åpner WhatsApp, skriv inn https://wa.me/<number> hvor i <number> er et fullstendig telefonnummer i internasjonalt format. Utelat eventuelle nuller, parenteser eller bindestreker når du legger til telefonnummeret i internasjonalt format. For eksempel: Bruk https://wa.me/15551234567 i stedet https://wa.me/+001-(555)1234567. Vite mer.
  • For å koble til PDF-filen din eller annen fil som er lastet opp i fildelen, skriv inn den kopierte lenken her. Vite mer.

Sjekk også: Koblingstekst/knapp.


11. Legg til et symbol

  • Du kan enkelt legge til eller erstatte et symbol (sosial, kunst, tall, osv.) i sideredigeringsprogrammet.
  • Gå til en kodebit og klikk der du vil legge til det nye symbolet ditt, eller klikk på et eksisterende symbol for å erstatte det samme.
  • Deretter klikker du på Emoji symbol og legg til symbolene fra høyre skuff.

 


Se hvordan du legger til ulike typer symboler på siden din:

12. Fjern forhåndsformatering fra den limte teksten

  • Hvis du kopierer forhåndsformatert tekst direkte fra Word, Powerpoint eller en hvilken som helst internettside, har sideredigeringsprogrammet en tendens til å rote til teksten.
  • Så du må fjerne forhåndsformatering fra teksten din først, slik at du kan bruke Pixpa-skriftstilen som er angitt i utforming seksjon.
  • Bare velg hele teksten i tekstutdraget og trykk på ren knapp.
  • Det vil fjerne forhåndsformateringen og bruke avsnittstekststilen på all teksten i de fleste tilfeller.
    Vite mer.

 


13. HTML-kode for alle utdrag

  • Du kan kopiere eller redigere HTML-koden til alle utdragene på en side på én gang.
  • Det vil hjelpe deg å duplisere din eksisterende blokk på en side.

 

Sjekk også: Rediger HTML på siden.


Se hvordan du viser HTML-koden til en side:

Finner du ikke det du leter etter?

Ta kontakt med en Pixpa-ekspert.