Pixpa WYSIWYG (Vad du ser är vad du får) Redaktör tillhandahåller en kraftfullt och intuitivt gränssnitt för att lägga till och formatera innehåll över sidor, bloggar och andra avsnitt av din webbplats. Med den senaste uppdateringen har redigeraren förbättrats avsevärt och erbjuder nya innehållselement, AI-drivna skrivverktyg, förbättrade layoutalternativ och interaktiva formateringskontroller.

Den här guiden leder dig genom redaktörsgränssnitt, hur du använder dess funktioner och hur du optimerar innehållet för din webbplats.

I den här artikeln:

• Plus-knappen (+)
• AI-verktyg
• Format – Ändra teckensnitt
• Fet/kursivt
• Linje – Lägg till en rad
• Fler formateringsalternativ
• Justering
• Text färg
• Lista – Bullet / Numbered
• Länk – Lägg till länkar
• Bild – Lägg till bilder
• Emoji
• Tabell – Lägg till tabeller
• Infoga innehållsförteckning
• Ankare
• HTML-kodvy
• Avsnitt Specifika alternativ

---

Lägga till element med hjälp av "+"-knappen

En av de största förbättringarna i den nya editorn är “+” -Knappen, som öppnar en meny med en mängd olika innehållselement som kan infogas i textområdet.

Element tillgängliga under "+"-knappen:

• AI-verktyg: Använd AI-driven skrivhjälp för att generera innehållsidéer, skriva om text eller skapa innehåll snabbt. Läs mer.
• Text: Lägg till standard stycketext.
• Rubrik: Infoga olika rubriknivåer (H1, H2, H3 osv.) för bättre innehållshierarki.
• Bild: Ladda upp och infoga bilder direkt i texten.
  • Du kan ladda upp bilder eller infoga bilderna genom att ange en URL.
• Att göra lista: Skapa checklistor med interaktiva kryssrutor.
• Lista: Lägg till kulapunkter or numrerade listor för strukturerat innehåll.
• Bädda in: Infoga externt innehåll som t.ex videor, kartor, ljudfiler och iframes.
• Tabell: Lägg till tabeller för strukturerad datarepresentation. Under tabellalternativet hittar du följande ytterligare alternativ.
  • Lägg till huvud – Infogar en rubrikrad överst i tabellen, som kan användas för kolumntitlar.
  • Lägg till kolumn innan – Lägger till en ny kolumn till vänster om den valda kolumnen.
  • Lägg till kolumn efter – Lägger till en ny kolumn till höger om den valda kolumnen.
  • Lägg till rad nedan – Infoga en ny rad under den valda raden.
  • Lägg till rad ovan – Infoga en ny rad ovanför den valda raden.
  • Ta bort huvudet – Tar bort rubrikraden från tabellen.
  • Ta bort kolumn – Tar bort den valda kolumnen.
  • Ta bort raden – Tar bort den valda raden.
  • Ta bort tabell – Tar bort hela tabellen från redigeraren.
• Citationstecken: Markera text som en Block citat för betoning. Detta skapar ett distinkt textblock med en vertikal linje till vänster, som visuellt separerar det från resten av innehållet för att markera citerad text.
• Kodavsnitt: Infoga och formatera HTML, CSS, JavaScript eller andra programmeringsspråk inom innehållet.
• Linje: Lägg till horisontell avdelare för att separera innehållssektioner.

• Layout: Använda Layout alternativet kan du organisera innehåll i horisontella block över flera sektioner. Detta möjliggör flexibel strukturering och bättre visuell hierarki på din webbsida. Nedan är de viktigaste funktionerna:

  • Flera kolumnlayouter: Välj mellan enkla, två, tre eller fyra kolumner för att ordna innehåll på olika sätt.
  • Anpassade delningsförhållanden: Välj fördefinierade förhållanden som 60/40 eller 40/60 för att styra bredden på varje sektion.
  • Kapslade block: Du kan välja ett block och skapa flera separata block inom det för bättre organisation.
• Omslag: Gruppera flera element tillsammans för bättre organisation.
• Infoga innehållsförteckning: Skapa en innehållsförteckning baserad på dokumentrubriker, vilket gör navigeringen enklare. Det är användbart för bloggar, handledningar och långa artiklar, eftersom det gör det möjligt för läsare att snabbt hoppa till avsnitt.

Detta modulära tillvägagångssätt gör det enkelt att anpassa layouten och lägga till olika innehållselement effektivt.

---

AI-verktyg

Funktionen AI Tools i Pixpa Text Editor låter dig förbättra ditt innehåll med AI-driven assistans. Här är de tillgängliga alternativen:

• Omformulera – Ändra den markerade texten samtidigt som den ursprungliga betydelsen behålls. Detta hjälper till att förbättra läsbarheten eller omformulera meningar för bättre tydlighet.
• Förkorta – Kondensera den markerade texten för att göra den mer kortfattad samtidigt som nyckelinformationen behålls.
• Förlänga – Utöka den markerade texten genom att lägga till relevanta detaljer för att göra den mer beskrivande och informativ.
• Förenkla – Skriv om texten med ett enklare språk, vilket gör den lättare att förstå samtidigt som den ursprungliga avsikten bevaras.
• Korrekt grammatik – Kontrollera och åtgärda grammatiska fel automatiskt i den valda texten, vilket förbättrar dess noggrannhet och läsbarhet.
• översätta – Översätt den valda texten till ett annat språk, så att du enkelt kan skapa flerspråkigt innehåll.

Dessa AI-drivna funktioner hjälper till att effektivisera innehållsskapandet, vilket gör det snabbare och mer effektivt.

---

Format – Ändra teckensnitt

Du kan använda olika typer teckensnittsstilar på din webbplats (i taget) som skulle specificeras i Design avsnitt. Detta är en vanlig designstil som används på hela webbplatsen.

Alla typsnittsstilar anges i design avsnitt. Du kan också klicka på Hantera teckensnitt, vilket är det sista alternativet i rullgardinsmenyn när du klickar på text knapp. Du kan nu se och ställa in följande typsnitt och redigera typsnittsstil, storlek, färg, vikt, radhöjd och bokstavsavstånd:

• Rubrik 1
• Rubrik 2
• Rubrik 3
• Rubrik 4
• Stycketext (liten och stor)
• Rubrik 1 Extra Large

Här är en skärmdump av stilen Rubrik 1. Du kan redigera de andra rubrikernas stycketeckensnitt här också.

När du har angett teckensnittsstilen i designsektionen kan du effektivt använda dem på hela webbplatsen. Markera bara texten och använd formateringen. Systemet kommer automatiskt att tillämpa teckensnittens färg, storlek och vikt för den specifika stilen på den valda texten. Du kan recensera detsamma på hemsidan.

---

Fet/kursivt

• Fet – Markerad text blir fet när du klickar på den. I HTML använder detta en tagg.
• Kursiv – Markerad text blir kursiv när du klickar på den. I HTML använder detta

---

Linje – Lägg till en rad

Editorn låter dig lägga till en horisontell linje. Genom att klicka på denna ikon läggs en rad till där markören är placerad.

---

Fler formateringsalternativ

Menyn Mer formatering i Pixpa Text Editor ger ytterligare textstilsalternativ för att förbättra utseendet och strukturen på ditt innehåll. Så här gör varje alternativ:

• Koda – Formaterar den markerade texten som inline-kod eller ett kodavsnitt. Detta är användbart för att visa programmering eller tekniskt innehåll.
• stryka – Lägger till en understrykning till den markerade texten för att framhäva.
• Ankare – Lägger till ett namngivet ankare till den markerade texten, vilket gör att du kan skapa interna länkar som hoppar direkt till det specifika avsnittet på samma sida. Användbart för att skapa innehållsförteckningar eller navigering på sidan.
• upphöjd – Visar den markerade texten något ovanför den normala textens baslinje (t.ex. X²). Används vanligtvis för matematiska uttryck och fotnoter.
• nedsänkt – Visar den markerade texten något under den normala textens baslinje (t.ex. H₂O). Användbar för kemiska formler och andra speciella beteckningar.
• Framhäva – Markerar den valda texten med en bakgrundsfärg för att uppmärksamma viktigt innehåll.
• Raderad – Sträcker igenom den markerade texten för att indikera radering eller korrigeringar.
• Rensa alla stilar – Tar bort all tillämpad formatering från den markerade texten och återställer den till standardformatet.

---

Justering

Du kan justera din text som vänster, höger, centrerad och justerad. Markera texten och välj justering från rullgardinsmenyn.

---

Text färg

Som standard kommer systemet att tillämpa teckensnittsfärgen som anges i design avsnitt. Du kan dock åsidosätta global färg med det här verktyget. Välj texten och klicka på färgikonen, en standardpalett med färger kommer att dyka upp som du kan välja mellan.

Utöver detta kan du också ange en bakgrundsfärg för den valda texten härifrån.

Obs: Du kan ange vilken annan anpassad färg som helst som inte är tillgänglig i färgpaletten från Ställ in färg alternativet genom att ange Hexkod av färgen.

---

Lista

Du kan enkelt konvertera din text till listor med indrag för att organisera dem.

• Bullet List – Markerad text kommer att formateras som en punktlista. I HTML använder detta en uppsättning av och taggar.
• numrerad lista – Markerad text kommer att formateras som en numrerad lista. I HTML använder detta en uppsättning av och taggar.

---

Länk – Lägg till en länk till din text

Editorn låter dig infoga en länk till vilken text som helst. Du kan ansluta dina befintliga webbsidor eller någon annan webbplats/blogg/PDF-fil etc.

Om du markerar text och klickar på den här knappen öppnas ett litet modalt fönster där du kan ange måladressen, välja om du vill öppna i ett nytt fönster eller inte, eller välja att länka till en annan sida på sin egen webbplats. I HTML är taggen som används Länktext

---

Bild – Lägg till en bild

Du kan enkelt lägga till bilder till ditt innehåll med alternativet Lägg till bild i Pixpas textredigerare. Oavsett om du vill ladda upp bilder från din enhet eller infoga dem via en URL, ger den här funktionen ett sömlöst sätt att förbättra dina inlägg med bilder.

• Infoga bild via URL – Du kan klistra in webbadressen till en bild och klicka på knappen Infoga för att lägga till den direkt på sidan.
• Ladda upp bild från enheten – Du kan dra och släppa en bild i den avsedda uppladdningsrutan eller klicka inuti rutan för att välja en bild från din enhet.

---

Emoji

Emoji-alternativet i Pixpa textredigerare låter dig förbättra ditt innehåll med en mängd olika emojis. Emojis kan användas för att göra ditt innehåll mer uttrycksfullt, lägga till betoning eller förmedla känslor på ett roligt och kreativt sätt.

---

Bord

Alternativet Tabell låter dig infoga tabeller direkt i textredigeraren. När den väl har lagts till kan du anpassa strukturen och innehållet i tabellen med hjälp av flera formateringsalternativ.

Alternativ för tabellredigering:

• Lägg till huvud – Lägger till en rubrikrad överst i tabellen för att markera kolumntitlar.
• Lägg till kolumn före – Infogar en ny kolumn till vänster om den valda kolumnen.
• Lägg till kolumn efter – Infogar en ny kolumn till höger om den valda kolumnen.
• Lägg till rad nedan – Infogar en ny rad under den valda raden.
• Lägg till rad ovan – Infogar en ny rad ovanför den valda raden.
• Ta bort huvudet – Tar bort tabellhuvudet om en sådan läggs till.
• Ta bort kolumn – Tar bort den valda kolumnen från tabellen.
• Ta bort rad – Tar bort den markerade raden från tabellen.
• Ta bort tabell – Tar bort tabellen helt från redigeraren.

---

Infoga innehållsförteckning

Skapa en innehållsförteckning baserad på dokumentrubriker, vilket gör navigeringen enklare. Det är användbart för bloggar, handledningar och långa artiklar, eftersom det gör det möjligt för läsare att snabbt hoppa till avsnitt.

---

Ankare

Ocuco-landskapet Ankarverktyg låter dig lägga till ett unikt HTML-ID till ett avsnitt eller stycke i ditt inlägg. Detta är användbart för att skapa interna sidlänkar (hopplänkar), vilket gör att besökare kan klicka på en länk och komma direkt till en specifik del av sidan.

Hur man använder det:

1. Klicka var som helst i stycket eller avsnittet som du vill förankra.
2. I verktygsfältet klickar du på Ankarikon.
3. En popup-ruta med titeln kommer att visas "Ankare".
4. I "Lägg till eller ändra ID" fältet, ange ett unikt ID (t.ex. paragraph-2).
5. Klicka Spara.

Viktiga anteckningar:

• ID-numret ska vara små bokstäver, innehålla Inga mellanrumoch användning bindestreck om det behövs.
• När det är konfigurerat kan du länka till detta ankare med hjälp av #your-id i slutet av din URL.
  • Exempel: https://yourwebsite.com/page#paragraph-2

Den här funktionen är utmärkt för långa inlägg eller artiklar med en innehållsförteckning, vilket gör att läsarna snabbt kan navigera till specifika avsnitt.

---

HTML-kodvy

Editor-fönstret kan fungera som en Visual Editor (WYSIWYG) eller som en HTML-redigerare.

Du kan dock byta till HTML-redigerare genom att klicka på den. Du kan ändra vad som helst från kodvyn om du vet hur du gör det eller så kan du också pinga Pixpa supportteam om du behöver hjälp.

---

Avsnitt Specifika alternativ

Varje avsnitt som läggs till i textredigeraren kommer med ytterligare anpassningsalternativ, så att du kan ändra dess utseende och funktionalitet. Du kan komma åt dessa inställningar genom att klicka på de två horisontella linjerna bredvid avsnittet, som öppnar en rullgardinsmeny med olika kontroller.

• Lägg till – Infoga ett nytt innehållsblock under det aktuella för att snabbt lägga till mer text, bilder eller andra element.
• Format – Låter dig växla mellan olika textblocksstilar som stycke, rubrik eller citat.

• Ankare – Lägger till ett ankar-ID i blocket så att du kan skapa länkar på sidan som hoppar direkt till det här avsnittet.
• Flytta upp / Flytta ner – Ordna om avsnittets position i ditt innehåll genom att flytta det uppåt eller nedåt.
• Färg – Ändra textfärgen för det valda blocket.
• Bakgrundsfärg – Ställ in en bakgrundsfärg bakom texten i blocket för betoning eller kontrast.
• Border – Lägg till eller ändra kanter runt avsnittet för att strukturera ditt innehåll mer effektivt.

• Förband – Justerar utfyllnaden runt blocket, inklusive toppen, botten och sidorna, så att du kan kontrollera avstånd och layout mer exakt.

• duplicera – Klona avsnittet för att bibehålla konsistens i formatering och struktur över olika delar av ditt innehåll.
• Radera – Ta bort sektionen helt om den inte längre behövs.

Dessa inställningar låter dig kontrollera innehållsstrukturen fullt ut, vilket säkerställer en välorganiserad och visuellt tilltalande layout.

---

Slutsats

Ocuco-landskapet Pixpa WYSIWYG Editor ger en modern, funktionsrik och intuitiv erfarenhet av innehållsredigering. Med dess förbättrade innehållselement, AI-verktyg, mediainbäddning och strukturerad formatering, att skapa engagerande sidor och blogginlägg är nu effektivare än någonsin.

Genom att använda dessa funktioner kan du förbättra ditt innehåll, förbättra användarengagemang, och skapa en sömlös webbplatsupplevelse.