Pixpas WYSIWYG-editor (What You See Is What You Get) gir et kraftig og intuitivt grensesnitt for å legge til og formatere innhold på tvers av sider, blogger og andre deler av nettstedet ditt. Med den siste oppdateringen har editoren blitt betydelig forbedret, og tilbyr nye innholdselementer, AI-drevne skriveverktøy, forbedrede layoutalternativer og interaktive formateringskontroller.

Denne veiledningen veileder deg gjennom redigeringsgrensesnittet , hvordan du bruker funksjonene og hvordan du optimaliserer innhold for nettstedet ditt.

I denne artikkelen:

• Pluss (+) knapp
• AI-verktøy
• Format – Endre skriftstil
• Fet / kursiv
• Linje – Legg til en linje
• Flere formateringsalternativer
• Justering
• Tekstfarge
• Liste – Punkt/nummerert
• Link – Legg til lenker
• Bilde – Legg til bilder
• Emoji
• Tabell – Legg til tabeller
• Sett inn ToC
• Anchor
• HTML-kodevisning
• Seksjonsspesifikke alternativer

---

Legge til elementer ved å bruke "+"-knappen

En av de største forbedringene i den nye editoren er «+»-knappen , som åpner en meny med en rekke innholdselementer som kan settes inn i tekstområdet.

Elementer tilgjengelig under "+"-knappen:

• AI-verktøy: Bruk AI-drevet skrivehjelp for å generere innholdsideer, omskrive tekst eller lage innhold raskt. Les mer.
• tekst: Legg til standard avsnittstekst.
• Overskrift: Sett inn forskjellige overskriftsnivåer (H1, H2, H3 osv.) for bedre innholdshierarki.
• Bilde: Last opp og sett inn bilder direkte i teksten.
  • Du kan laste opp bilder eller sette inn bildene ved å skrive inn en URL.
• Gjøremålsliste: Opprett sjekklister med interaktive avmerkingsbokser.
• Liste: Legg til nøkkelpunkter or nummererte lister for strukturert innhold.
• Bygg inn: Sett inn eksternt innhold som f.eks videoer, kart, lydfiler og iframes.
• Bord: Legg til tabeller for strukturert datarepresentasjon. Under tabellalternativet finner du følgende tilleggsalternativer.
  • Legg til hode – Setter inn en overskriftsrad øverst i tabellen, som kan brukes til kolonnetitler.
  • Legg til kolonne før – Legger til en ny kolonne til venstre for den valgte kolonnen.
  • Legg til kolonne etter – Legger til en ny kolonne til høyre for den valgte kolonnen.
  • Legg til rad nedenfor – Sett inn en ny rad under den valgte raden.
  • Legg til rad over – Sett inn en ny rad over den valgte raden.
  • Fjern hodet – Fjerner overskriftsraden fra tabellen.
  • Fjern kolonne – Sletter den valgte kolonnen.
  • Fjern rad – Sletter den valgte raden.
  • Slett tabell – Fjerner hele tabellen fra editoren.
• Sitat: Fremhev tekst som en blokk sitat for vektlegging. Dette skaper en distinkt tekstblokk med en vertikal linje til venstre, som visuelt skiller den fra resten av innholdet for å fremheve sitert tekst.
• Kodebit: Sett inn og formater HTML, CSS, JavaScript eller andre programmeringsspråk innenfor innhold.
• Linje: legge en horisontal skillevegg for å skille innholdsseksjoner.

• Oppsett: Ved å bruke oppsettalternativet kan du organisere innhold i horisontale blokker på tvers av flere seksjoner. Dette gir fleksibel strukturering og bedre visuelt hierarki på nettsiden din. Nedenfor er hovedfunksjonene:

  • Flere kolonneoppsett: Velg mellom enkelt, to, tre eller fire kolonner for å ordne innhold på forskjellige måter.
  • Egendefinerte fordelingsforhold: Velg forhåndsdefinerte forhold som 60/40 eller 40/60 for å kontrollere bredden på hver seksjon.
  • Nestede blokker: Du kan velge en blokk og opprette flere separate blokker i den for bedre organisering.
• Innpakning: Grupper flere elementer sammen for bedre organisering.
• Sett inn ToC: Lag en innholdsfortegnelse basert på dokumentoverskrifter, noe som gjør navigeringen enklere. Det er nyttig for blogger, opplæringsprogrammer og lange artikler, slik at leserne raskt kan hoppe til seksjoner.

Denne modulære tilnærmingen gjør det enkelt å tilpasse layouten og legge til forskjellige innholdselementer effektivt.

---

AI-verktøy

AI Tools-funksjonen i Pixpa Text Editor lar deg forbedre innholdet ditt med AI-drevet assistanse. Her er de tilgjengelige alternativene:

• Omformulere – Endre den valgte teksten mens du beholder den opprinnelige betydningen intakt. Dette bidrar til å forbedre lesbarheten eller omformulere setninger for bedre klarhet.
• Forkorte – Kondenser den valgte teksten for å gjøre den mer kortfattet samtidig som du beholder nøkkelinformasjonen.
• Forlenge – Utvid den valgte teksten ved å legge til relevante detaljer for å gjøre den mer beskrivende og informativ.
• Forenkle – Skriv om teksten ved å bruke enklere språk, noe som gjør den lettere å forstå samtidig som den opprinnelige hensikten bevares.
• Riktig grammatikk – Sjekk og reparer automatisk grammatiske feil i den valgte teksten, og forbedrer nøyaktigheten og lesbarheten.
• Oversette – Oversett den valgte teksten til et annet språk, slik at du enkelt kan lage flerspråklig innhold.

Disse AI-drevne funksjonene bidrar til å strømlinjeforme innholdsskaping, noe som gjør det raskere og mer effektivt.

---

Format – Endre skriftstilen

Du kan bruke forskjellige typer skriftstiler på nettstedet ditt (om gangen), som vil bli spesifisert i Design-delen . Dette er en vanlig designstil som brukes på hele nettstedet.

Alle skriftstiler er spesifisert i designdelen . Du kan også klikke på Administrer skrifter , som er det siste alternativet i rullegardinmenyen når du klikker på Tekst- knappen. Du kan nå se og angi følgende skrifter og redigere skriftstil, størrelse, farge, tykkelse, linjehøyde og bokstavavstand:

• Overskrift 1
• Overskrift 2
• Overskrift 3
• Overskrift 4
• Avsnittstekst (liten og stor)
• Overskrift 1 Ekstra stor

Her er et skjermbilde av Overskrift 1-stil. Du kan redigere de andre avsnittsskriftene for overskriftene her også.

Når du har spesifisert skriftstilen i designdelen, kan du bruke dem effektivt på hele nettstedet. Bare velg teksten og bruk formateringen. Systemet vil automatisk bruke skriftfarge, størrelse og vekt for den aktuelle stilen på den valgte teksten. Du kan anmelde det samme på nettsiden.

---

Fet/kursiv

• Fet – Uthevet tekst blir fet når du klikker på denne. I HTML bruker dette en tag.
• Kursiv – Uthevet tekst vil bli kursiv når dette klikkes. I HTML bruker denne

---

Linje – Legg til en linje

Editoren lar deg legge til en horisontal linje. Ved å klikke på dette ikonet legges det til en linje der markøren er plassert.

---

Flere formateringsalternativer

Mer formatering-menyen i Pixpa Text Editor gir flere alternativer for tekststil for å forbedre utseendet og strukturen til innholdet ditt. Her er hva hvert alternativ gjør:

• Kode – Formaterer den valgte teksten som innebygd kode eller en kodebit. Dette er nyttig for å vise programmering eller teknisk innhold.
• Understreking – Legger til en understreking i den valgte teksten for fremheving.
• Anchor – Legger til et navngitt anker til den valgte teksten, slik at du kan lage interne lenker som hopper direkte til den spesifikke delen på samme side. Nyttig for å lage innholdsfortegnelse eller navigering på siden.
• Hevet – Viser den valgte teksten litt over den normale tekstgrunnlinjen (f.eks. X²). Vanligvis brukt for matematiske uttrykk og fotnoter.
• Senket – Viser den valgte teksten litt under normal tekstgrunnlinje (f.eks. H₂O). Nyttig for kjemiske formler og andre spesielle notasjoner.
• Uthev – Fremhever den valgte teksten med en bakgrunnsfarge for å trekke oppmerksomhet til viktig innhold.
• Slettet – Stryker gjennom den valgte teksten for å indikere sletting eller rettelser.
• Fjern alle stiler – Fjerner all anvendt formatering fra den valgte teksten, og gjenoppretter den til standardstilen.

---

Justering

Du kan justere teksten som venstre, høyre, midtstilt og justert. Velg teksten og velg justeringen fra rullegardinmenyen.

---

Tekstfarge

Som standard vil systemet bruke skriftfargen som er angitt i designdelen . Du kan imidlertid overstyre den globale fargen med dette verktøyet. Merk teksten og klikk på fargeikonet. En standard fargepalett vil vises som du kan velge mellom.

Bortsett fra dette kan du også angi en bakgrunnsfarge for den valgte teksten herfra.

Merk: Du kan angi en hvilken som helst annen tilpasset farge som ikke er tilgjengelig i fargepaletten fra alternativet Angi farge ved å skrive inn heksadesimalkoden for fargen.

---

Liste

Du kan enkelt konvertere teksten til lister med innrykk for å organisere dem.

• punktliste – Uthevet tekst vil bli formatert som en punktliste. I HTML bruker dette et sett med og tagger.
• nummerert liste – Uthevet tekst vil bli formatert som en nummerert liste. I HTML bruker dette et sett med og tagger.

---

Link – Legg til en lenke til teksten din

Editoren lar deg sette inn en lenke til hvilken som helst tekst. Du kan koble til eksisterende nettsider eller andre nettsider/blogg/PDF-er osv.

Ved å utheve tekst og klikke på denne knappen åpnes et lite modalt vindu der du kan skrive inn destinasjonsadressen, velge om du vil åpne i et nytt vindu eller ikke, eller velge å koble til en annen side på deres eget nettsted. I HTML er koden som brukes Link Text

---

Bilde – Legg til et bilde

Du kan enkelt legge til bilder i innholdet ditt ved å bruke alternativet Legg til bilde i Pixpa-tekstredigeringsprogrammet. Enten du vil laste opp bilder fra enheten eller sette dem inn via en URL, gir denne funksjonen en sømløs måte å forbedre innleggene dine med visuelle elementer.

• Sett inn bilde via URL – Du kan lime inn URL-en til et bilde og klikke på Sett inn-knappen for å legge det direkte til siden.
• Last opp bilde fra enheten – Du kan dra og slippe et bilde i den angitte opplastingsboksen eller klikke inne i boksen for å velge et bilde fra enheten din.

---

Emoji

Emoji-alternativet i Pixpa-tekstredigeringsprogrammet lar deg forbedre innholdet ditt med en rekke emojier. Emojis kan brukes til å gjøre innholdet ditt mer uttrykksfullt, legge vekt på eller formidle følelser på en morsom og kreativ måte.

---

Bord

Alternativet Tabell lar deg sette inn tabeller direkte i tekstredigeringsprogrammet. Når den er lagt til, kan du tilpasse strukturen og innholdet i tabellen ved å bruke flere formateringsalternativer.

Alternativer for tabellredigering:

• Legg til hode – Legger til en overskriftsrad øverst i tabellen for å fremheve kolonnetitler.
• Legg til kolonne før – Setter inn en ny kolonne til venstre for den valgte kolonnen.
• Legg til kolonne etter – Setter inn en ny kolonne til høyre for den valgte kolonnen.
• Legg til rad nedenfor – Setter inn en ny rad under den valgte raden.
• Legg til rad over – Setter inn en ny rad over den valgte raden.
• Fjern hodet – Fjerner tabelloverskriften hvis en legges til.
• Fjern kolonne – Sletter den valgte kolonnen fra tabellen.
• Fjern rad – Sletter den valgte raden fra tabellen.
• Slett tabell – Fjerner tabellen fullstendig fra editoren.

---

Sett inn ToC

Lag en innholdsfortegnelse basert på dokumentoverskrifter, noe som gjør navigeringen enklere. Det er nyttig for blogger, opplæringsprogrammer og lange artikler, slik at leserne raskt kan hoppe til seksjoner.

---

Anchor

Ankerverktøyet lar deg legge til en unik HTML-ID til en seksjon eller et avsnitt i innlegget ditt. Dette er nyttig for å opprette interne sidelenker (hopplenker), slik at besøkende kan klikke på en lenke og bli tatt direkte til en bestemt del av siden.

Hvordan bruke det:

1. Klikk hvor som helst i avsnittet eller delen du vil forankre.
2. Fra verktøylinjen klikker du på Ankerikon.
3. En popup med tittelen vises "Anker".
4. på "Legg til eller endre ID" feltet, skriv inn en unik ID (f.eks. paragraph-2).
5. Klikk Spar.

Viktige notater:

• ID-en skal være små bokstaver, inneholde ingen mellomrom, og bruk bindestrek hvis nødvendig.
• Når det er satt, kan du koble til dette ankeret ved å bruke #your-id på slutten av nettadressen din.
  • Eksempel: https://yourwebsite.com/page#paragraph-2

Denne funksjonen er flott for lange innlegg eller artikler med innholdsfortegnelse, slik at leserne raskt kan navigere til bestemte seksjoner.

---

HTML-kodevisning

Editor-vinduet kan fungere som en Visual Editor (WYSIWYG), eller som en HTML-editor.

Du kan imidlertid bytte til HTML-redigering ved å klikke på den. Du kan endre alt fra kodevisning hvis du vet hvordan du gjør det, eller du kan også pinge Pixpa-støtteteamet hvis du trenger hjelp.

---

Seksjonsspesifikke alternativer

Hver seksjon som legges til tekstredigereren kommer med flere tilpasningsalternativer, slik at du kan endre utseendet og funksjonaliteten. Du får tilgang til disse innstillingene ved å klikke på de to horisontale linjene ved siden av delen, som åpner en rullegardinmeny med forskjellige kontroller.

• Legg til – Sett inn en ny innholdsblokk under den gjeldende for raskt å legge til mer tekst, bilder eller andre elementer.
• dannet – Lar deg bytte mellom forskjellige tekstblokkstiler som avsnitt, overskrift eller sitat.

• Anchor – Legger til en anker-ID til blokken slik at du kan lage lenker på siden som hopper direkte til denne delen.
• Flytt opp / Flytt ned – Omorganiser delens posisjon i innholdet ditt ved å flytte det opp eller ned.
• FARGE – Endre tekstfargen for den valgte blokken.
• Bakgrunnsfarge – Sett en bakgrunnsfarge bak teksten i blokken for fremheving eller kontrast.
• Border – Legg til eller endre grenser rundt delen for å strukturere innholdet ditt mer effektivt.

• Mellomrom – Justerer polstringen rundt blokken, inkludert toppen, bunnen og sidene, slik at du kan kontrollere avstanden og layouten mer presist.

• Dupliser – Klon delen for å opprettholde konsistens i formatering og struktur på tvers av ulike deler av innholdet ditt.
• Delete – Fjern delen helt hvis den ikke lenger er nødvendig.

Disse innstillingene lar deg kontrollere innholdsstrukturen fullt ut, og sikrer et godt organisert og visuelt tiltalende oppsett.

---

Konklusjon

Pixpa WYSIWYG Editor gir en moderne, funksjonsrik og intuitiv innholdsredigeringsopplevelse. Med forbedrede innholdselementer, AI-verktøy, medieinnbygging og strukturert formatering er det nå mer effektivt enn noensinne å lage engasjerende sider og blogginnlegg.

Ved å bruke disse funksjonene kan du forbedre innholdet ditt , forbedre brukerengasjementet og skape en sømløs nettstedopplevelse.