Sidtextredigeraren

sidor låter dig skapa vilken typ av informationsbaserad sida som helst med hjälp av 100+ innehållsblock med Pixpas enkla dra-och-släpp-sidbyggare.

Du kan anordna, redigera och anpassa dessa innehållsblock för att skapa unika sidor för att visa ditt innehåll.
Kontrollera även: Förstå avsnitt och utdrag.

I sidbyggaren kan du enkelt lägga till sektioner och dra-och-släpp snippets från det vänstra sidofältet till sidans arbetsyta.

När du har placerat ett avsnitt på din sida kan du redigera enskilda utdrag (text, bilder, knappar) i den.

Flytta helt enkelt markören på sidans arbetsyta, alla individuella utdrag kommer att markeras när du håller musen. Klicka sedan på valfritt utdrag för att redigera detsamma.

Se hur du redigerar innehållet i aktion: 

Så här kan du göra i området för sidduk: 

1. Sekvensera utdragen.
2. Duplicera utdragen.
3. Ta bort ett specifikt utdrag.
4. Ångra de senaste ändringarna.
5. Använd fet/kursiv/understruken och annan formatering på texten.
6. Ändra textfärgen och utdragets bakgrundsfärg.
7. Använd textformateringen eller ändra teckensnittsstilen.
8. Ändra text inriktning.
9. Skapa ordnade och oordnade listor.
10. Lägg till en hyperlänk på texten.
11. Lägg till en symbol.
12. Ta bort företextformatering.
13. Redigera HTML-koden för en hel sida.

Utdragsverktygslåda och redigeringsverktygsfält

När du klickar på ett utdrag ser du Snippets verktygslåda av det enskilda utdraget på höger sida och Redigera verktygsfält på toppen.

Det finns fyra alternativ i utdragsverktygsfältet: 

• Dra ( ✥ ) – Används för att sekvensera utdragen genom att dra och släppa.
• duplicera – Används för att duplicera kodavsnittet.
• Elementverktyg – Används för att visa alternativet lägg till nytt kodavsnitt, duplicera ett utdrag, flytta utdrag uppåt/nedåt och ta bort alternativet för ett enskilt utdrag.
• Radera – Används för att radera kodavsnittet.

1. Sekvensera kodavsnitten

• Du kan sekvensera ditt utdrag genom att dra och släppa. Håll bara i Dra ikonen och dra utdraget över alla block på en sida och släpp det på önskad plats.

Se sekvensavsnitt i aktion:

2. Duplicera ditt kodavsnitt

• Du kan duplicera vilket befintligt utdrag genom att klicka på dupliceringsikonen.

Se hur duplicerar utdrag:

3. Ta bort ditt kodavsnitt

• Du kan ta bort valfritt utdrag från din sida genom att klicka på raderingsikonen.

Se hur du tar bort utdrag:

4. Ångra de senaste ändringarna

• Du kan ångra de senaste textbaserade ändringarna genom att trycka på ctrl (Windows) eller ⌘ (mac) + Z. 

5. Fet / Kursiv / Understrykning / Genomstruken etc

• Du kan enkelt redigera din utdragstext genom att klicka på den. Markera bara texten och klicka på ikonen för redigeringsverktygsfältet till Fet, Kursiv, Understruken respektive.

Se i aktion:

6. Textfärg / Textbakgrund och avsnittsbakgrundsfärg

Du kan välja en färg för text och textbakgrund på två sätt:

1. Palette
2. Anpassad färg

Palette

På den här fliken kommer de tillgängliga färgalternativen att spegla de för den valda färgpaletten från Design avsnitt.

De kommer automatiskt att hämtas och uppdateras när du gör ändringar i färgpaletten för din webbplats. LÄR DIG MER om färgpaletter.

Anpassad färg

Här hittar du en färgväljare där du kan välja en färg och välja bland olika tillgängliga nyanser.

Dessutom kan du mata in en Hex-färgkod och även finjustera opaciteten för färgen.

Följ stegen nedan för att välja en färg för text och textbakgrund:

• Klicka på ett visst utdrag, välj texten och klicka på Färg (1) ikon. Du kommer att se ett popup-fönster där du kan välja att välja en färg från Palett Färgalternativ eller ett Anpassad färg (2).
• Välj en Text färg och Fyllningsfärg (3) dvs textens bakgrundsfärg.
• Justera Opacitet (4) av färgen med hjälp av reglaget.
• Du kan också använda ange en hex-färgkod (5) och tillämpa samma på texten/textbakgrunden.
• Slutligen Save (6) ändringarna.

• Smakämnen Ssektion Bakgrundsfärg (7) kan ändras från Färgstil alternativ.

• Du kan också ändra eller ta bort den applicerade färgen/stylingen. Markera bara texten och klicka på Ren ikon (8) för att ta bort det befintliga färgschemat.
• Save (9) ändringarna.

Se i aktion:

7. Texttypsnittsstil

• Du kan använda fyra olika typer teckensnittsstilar på dina sidor (i taget) som skulle specificeras i Design avsnitt. Detta är en vanlig designstil som används på alla sidor.
  • Rubrik 1 Stil → Teckensnitt för rubrik och stil → märka
  • Rubrik 2 Stil → Typsnitt för titel och stil → märka
  • Rubrik 3 Stil → Textningstypsnitt och stil → märka
  • Rubrik 4 Stil → Texta / Bylines teckensnitt och stil → märka
  • Stycketext Stil → Styckesnitt och stil → märka

• När du har angett teckensnittsstilen i Designa kan du effektivt använda dem över hela sidan. Markera bara texten och använd formateringen i sidredigeraren.
  Kontrollera även: Webbplats textstil.
• Systemet kommer automatiskt att tillämpa teckensnitt, färg, storlek och vikt för den specifika teckensnittsstilen på den valda texten. Du kan recensera detsamma på livesajten och editorn.

Se i aktion:

8. Justering av texten

• Du kan hantera din justering av textavsnittet – Vänster/Centrera/Höger och justera genom att klicka på justeringsikonen i redigeringsverktygsfältet.

Se i aktion:

9. Lista – Ordnade och oordnade / Indrag / Utdrag

• Du kan enkelt konvertera din text till listor med indrag och organisera dem.
  • strecksatsen – Ett markerat textområde dras in.
  • Överdriven – Ett markerat textområde kommer att tas bort. För att outdenta, klicka på den oordnade/ordnade listikonen som du har använt tidigare.
  • Oordnad lista – Markerad text kommer att formateras som en punktlista. I HTML använder detta en uppsättning av och taggar.
  • Beställd lista – Markerad text kommer att formateras som en numrerad lista. I HTML använder detta en uppsättning av och taggar.

Se i aktion:

10. Lägg till en länk

• Du kan enkelt lägga till en länk till din text (hyperlänk/ankartagg).
• Markera texten och tryck på länk knappen i redigeringsverktygsfältet. Du kan ansluta dina befintliga webbsidor eller någon annan webbplats/blogg/PDF-fil etc.
• När du klickar, ser du ett popup-fönster där du kan ange URL eller slug (1), välja om du vill öppna i ett nytt fönster (2), länk/knapptext (3), Titel – används i fallet med endast bilder (4).

Kontrollera även: Länkande text/knapp.

11. Lägg till en symbol

• Du kan enkelt lägga till eller ersätta en symbol (social, konst, nummer, etc) i sidredigeraren.
• Gå till valfritt utdrag och klicka där du vill lägga till din nya symbol eller klicka på en befintlig symbol för att ersätta densamma.
• Klicka sedan på Emoji symbol och lägg till symbolerna från den högra lådan.

Se hur du lägger till olika typer av symboler på din sida:

12. Ta bort förformatering från den inklistrade texten

• Om du kopierar förformaterad text direkt från Word, Powerpoint eller någon annan internetsida, tenderar sidredigeraren att förstöra texten.
• Så du måste först ta bort förformatering från din text så att du kan använda Pixpa-teckensnittsstilen som är inställd i Designa sektion.
• Markera helt enkelt hela textavsnittet och tryck på rena knapp.
• Det tar bort förformateringen och tillämpar stycketextstilen på all text i de flesta fall.
  Veta mer.

13. HTML-kod för alla utdrag

• Du kan kopiera eller redigera HTML-koden för alla utdrag av en sida på en gång.
• Det skulle hjälpa dig att duplicera ditt befintliga block på en sida.

Kontrollera även: Redigera sidans HTML.

Se hur du visar HTML-koden för en sida:

Relaterade artiklar:

• Inställningar.
• Avsnitt – Innehållsstil.
• Typer av sektioner.