Guider/Skapa innehåll/Mönster/Använd blockmönster

Använd blockmönster

Blockmönster är färdiga layouter som du kan lägga till på din webbplats i WordPress-redigeraren med bara några klick. Den här guiden visar hur du lägger till blockmönster på din webbplats och anpassar dem med ditt eget innehåll.

Videoguide

I det här videoklippet lär du dig hur du använder blockmönster på din WordPress.com-webbplats. Det går igenom hur du lägger till ett färdigt mönster från Infogaren, redigerar dess innehåll och layout samt återanvänder mönster som du själv har skapat.

Den här videon är på engelska.
YouTube har automatiska översättningsfunktioner så att du kan se videon på ditt eget språk:

För att visa undertexter med automatisk översättning:

  1. Spela upp videon.
  2. Klicka på ⚙️ Inställningar (längst ner till höger i videon).
  3. Välj Undertexter/CC.
  4. Välj Automatisk översättning.
  5. Välj önskat språk.

För att lyssna med automatisk dubbning (experimentell):

  1. Klicka på ⚙️ Inställningar.
  2. Välj Ljudspår.
  3. Välj språket du vill lyssna på:

ℹ️ Översättningar och dubbning genereras automatiskt av Google, kan innehålla fel och den automatiska dubbningen är fortfarande under test, så den är inte tillgänglig för alla språk.

Lägg till ett blockmönster

Så här bläddrar du bland och lägger till blockmönster på din webbplats:

  1. Gå till din webbplats adminpanel.
  2. Redigera den sida, det inlägg eller den mall där du vill lägga till ett mönster.
  3. Klicka på + Infogaren uppe till vänster i redigeraren:
En ruta ritad runt blockinfogaren (+) uppe till vänster i det övre verktygsfältet.
  1. Klicka på fliken Mönster.
  2. Bläddra bland tillgängliga mönster. Du kan visa samlingar efter kategori, till exempel startinnehåll, Kontakt, Galleri, Blogginlägg med mera.
    • Klicka på knappen ”Utforska alla mönster” längst ner i sektionen för att visa alla mönster i ett större fönster.
  3. Klicka på ett mönster för att lägga till det där markören står på sidan.

När du har lagt till ett blockmönster på din webbplats blir det en del av ditt innehåll. Eventuella framtida uppdateringar eller borttagningar av mönster från biblioteket påverkar inte mönster som redan lagts till på dina sidor eller i dina inlägg.

📌

Bilderna i blockmönster och startinnehåll är fria att använda, men de lagras externt och sparas inte i ditt mediabibliotek. De kan komma att ändras eller tas bort i framtiden. För bästa resultat bör du ersätta dem med dina egna bilder.

Bläddra i mönsterbiblioteket

Om du vill förhandsgranska mönster i olika skärmstorlekar och kontrollera hur responsiva de är kan du använda WordPress.com-mönsterbiblioteket. Där kan du bläddra, söka och förhandsgranska mönster och sedan kopiera och klistra in dem i blockredigeraren:

  1. Besök mönsterbiblioteket.
  2. Använd kategorinavigeringen eller sök efter funktioner eller nyckelord för att hitta mönster.
  3. När du hittar ett mönster som du vill använda klickar du på knappen ”Kopiera mönster”.
    • Om du inte är inloggad kan du bara kopiera de tre första mönstren i varje kategori. Klicka på ”Få åtkomst” och logga in eller skapa ett gratis WordPress.com-konto för att kopiera fler.
  4. Gå till redigeraren för ett inlägg, en sida eller en mall på din WordPress.com-webbplats. Klistra in mönstret med Command + V (Mac) eller CTRL + V (Windows), eller högerklicka och välj Klistra in.
  5. Redigera innehållet (till exempel bilder, text eller länkar) efter behov. Stilar som ställts in i webbplatsredigeraren tillämpas automatiskt på det inklistrade mönstret.

Redigera ett blockmönster

Ett blockmönster har två redigeringslägen. Du kan växla mellan dem beroende på vad du vill ändra i mönstret:

  • Läget Endast innehåll (standard): Byt ut text, bilder och länkar i mönstret. Layouten förblir låst så att du inte av misstag flyttar eller tar bort de block som håller ihop mönstret.
  • Fullständigt redigeringsläge: Ändra själva layouten. Lägg till, ta bort, flytta eller ändra utseendet på valfritt block i mönstret.

När du lägger till ett mönster på en sida eller i ett inlägg öppnas det i läget Endast innehåll. I följande avsnitt beskrivs varje läge i tur och ordning.

Redigera innehållet i ett blockmönster

När du lägger till ett blockmönster på en sida eller i ett inlägg öppnas mönstret i läget Endast innehåll. Det här läget låser blockmönstrets layout så att du tryggt kan redigera text och bilder utan att av misstag ändra layouten eller ta bort ett block helt.

I läget Endast innehåll visas bara det du kan redigera:

  • Listvy visar bara innehållsblocken i mönstret – rubriker, stycken, bilder och knappar. De strukturella blocken som styr layouten (kolumner, grupper och rader) är dolda tills du klickar på knappen ”Redigera mönster”.
  • I blockets sidopanel finns fliken Innehåll med redigerbara fält för det valda blocket, alternativet Listvy där du kan lägga till eller ta bort enskilda objekt i ett mönster och fliken Stilar med olika utseendealternativ.
  • Blockets verktygsfält innehåller en knapp, ”Redigera mönster”, för att växla till fullständig strukturell redigering och en knapp, ”Blanda om”, (visas som en droppikon) för att prova olika stilvarianter (om sådana finns).
Listvyn, sidopanelen Innehåll och alternativet för att redigera mönster markerade.

Klicka på ett synligt innehållsblock för att redigera det direkt – välj en rubrik för att ändra texten, klicka på en bild för att byta ut den eller uppdatera en länk med en ny URL.

Redigera enskilda objekt i ett mönster

Vissa block i ett mönster innehåller objekt som kan upprepas, som knappblocket och blocket för sociala ikoner. Du kan lägga till eller ta bort enskilda objekt utan att lämna läget Endast innehåll.

Så här redigerar du de här blocken i läget Endast innehåll:

  1. Klicka på mönstret i redigeraren.
  2. Öppna sidopanelen för blockinställningar.
  3. Klicka på ikonen Listvy i sidopanelen för blockinställningar.
  4. Klicka på + Infogaren för att lägga till ett objekt till av samma blocktyp (t.ex. en enskild knapp, social ikon eller länk).
  5. Klicka på trepunktsmenyn (⋮) till höger om valfritt block för att välja bland följande alternativ:
    • Flytta upp/ned: Flytta det specifika objektet uppåt eller nedåt i blocket.
    • Duplicera: Skapa en exakt kopia av det specifika objektet.
    • Lägg till före/efter: Lägg till en ny knapp, länk eller social ikon före eller efter den befintliga.
    • Lägg till anteckning: Lägg till en blockanteckning på objektet.
    • Ta bort: Ta bort objektet från det överordnade blocket.
Listvyn öppen i sidopanelen för blockinställningar för ett blockmönster.

Redigera layouten i ett blockmönster

Om du vill ändra layouten i ett blockmönster byter du från läget Endast innehåll till fullständigt redigeringsläge. När du är klar byter du tillbaka till läget Endast innehåll så att layouten förblir låst medan du fortsätter att redigera text och bilder.

Gör så här för att redigera layouten i ett blockmönster:

  1. Klicka på mönstret i redigeraren.
  2. Klicka på knappen ”Redigera mönster” i verktygsfältet eller i sidopanelen för inställningar:
Alternativet "Redigera mönster" markerat i blockets verktygsfält.
Verktygsfält
Alternativet "Redigera mönster" markerat i blockets sidopanel.
Sidopanel
  1. Gör dina strukturella ändringar – du kan flytta, ta bort eller lägga till block.
  2. Klicka på knappen ”Avsluta mönster” i sidopanelen för blockinställningar eller i blockets verktygsfält för att återgå till läget Endast innehåll.
Listvyn, sidopanelen för blockinställningar och alternativet för att lämna mönstret markerade.

Använd dina egna mönster

Mönster som du har skapat visas också i sektionen Mönster i Infogaren. Gör så här för att lägga till ett mönster du har skapat:

  1. Gå till din adminpanel.
  2. Gå till Sidor eller Inlägg och välj en sida eller ett inlägg att redigera, eller öppna webbplatsredigeraren via Utseende → Redigerare.
  3. Klicka på + Infogaren uppe till vänster i redigeraren.
  4. Klicka på fliken Mönster.
  5. Välj kategorin ”Mina mönster”.
  6. Klicka en gång på ett mönster för att lägga till det i ditt innehåll, eller dra det dit du vill att det ska visas.
En pil från sektionen "Mönster" till kategorin "Mina mönster".

Läs om hur du redigerar och hanterar dina egna mönster.

Copied to clipboard!