Page Builder Workspace
När Page Builder är aktiverat ändras avsnittet Content och processen för att skapa innehåll så att du kan utnyttja de avancerade Page Builder verktygen för CMS-sidorna ,, product och category , blocks och dynamiska block. Det här avsnittet innehåller ett_ fält för innehållsrubrik _, en förhandsgranskning av innehållet och enkel åtkomst till arbetsytan för helskärmsläge Page Builder.
Innehållsrubrik
Eftersom sökmotorer söker efter rubriker på nivå ett (H1) är det enkelt att lägga till en rubrik på nivå ett för att säkerställa att sidan indexeras korrekt.
Du bör lämna fältet Content Heading tomt och använda innehållstypen Page Builder Rubrik för att få bästa kontroll över placering och format för rubriker på alla nivåer.
Förhandsgranska
När du expanderar avsnittet Content och det finns befintligt innehåll som skapats med Page Builder visas en förhandsgranskning av innehållet så som det skulle visas på en sida. Klicka på Edit with Page Builder eller i förhandsvisningsområdet för innehåll för att öppna arbetsytan i Page Builder, där du kan göra nödvändiga uppdateringar.
Scen
När du öppnar arbetsytan Page Builder från förhandsgranskningen är scenen den primära arbetsytan där du kan skapa och formatera innehåll, och till och med göra snabba redigeringar av direktinnehåll. Inledningsvis är scenen tom, vilket ger den designyta där du kan dra rader, kolumner och tabbar från den vänstra panelen.
Vieports
En visningsruta är det synliga området på en webbsida som en användare ser. I helskärmsläge visas vyportsknapparna ovanför scenen Page Builder för att visa innehållet när webbplatsanvändaren ser det i butiken.
Page Builder definierar också brytpunkter för visningsrutor. Brytpunkter definierar den minsta och största bredden som vissa format används i. Page Builder-vyportarna innehåller följande innehållsbrytpunkter:
- Skrivbordsbrytpunkt—
min-width: 1024px. Den här brytpunkten tillämpar format som har definierats för visningsrutebredder som mäter 1 024 pixlar och bredare. - Mobile breakpoints—
max-width: 768px, min-width: 640px. Dessa brytpunkter tillämpar format som är definierade för visningsrutans bredd mellan 768 pixlar och 640 pixlar.
Page Builder-visningsrutor har två funktioner: förhandsvisning av innehåll och brytpunktsinställningar.
Förhandsgranskning av innehåll
Som standard har Page Builder två visningsrutor:
-
Skrivbord - Visar innehållsförhandsvisningen utan en fördefinierad bredd. Skrivbordsdefinierade format (med en minsta brytpunktsbredd på 1 024 pixlar) används fortfarande på sidan. Bredden på skrivbordsvyn definieras av inställningarna för behållarinnehållstyper, som rader. När du väljer skrivbordsvyn visas hur innehållet är formaterat på butiken när webbläsarens sidbredd är 1 024 pixlar och bredare.
-
Mobil - Visar förhandsvisningen av innehållet med en fördefinierad bredd på 768 pixlar. Till skillnad från skrivbordsvyn visar visningsrutan Mobilt sidinnehåll vid en bredd på 768 pixlar, tillsammans med de format som är definierade för brytpunktsbredderna 768 pixlar (maximalt) och 640 pixlar (minst).
Brytpunktsinställningar
Visningsknapparna har också möjlighet att tillämpa olika brytpunktsformat på innehållstyper baserat på den valda visningsrutan. Som standard innehåller Page Builder brytpunktsinställningar för fälten Minimum Height för rader, kolumner, flikar, flikobjekt, banderoller, reglage och bildrutor. När du väljer visningsrutan för mobila enheter och sedan öppnar du redigeraren för någon av dessa innehållstyper kan du ange fältvärden som är specifika för brytpunkterna för visningsrutan för mobila enheter. I innehållstypfält som tillåter särskilda brytpunktsinställningar visas en ikon till höger om fältet, som i följande exempel för en rad:
Panel
Panelen Page Builder finns till vänster om scenen och innehåller innehållstyper som kan dras till scenen. En behållare som är specifik för innehållstypen visas sedan med en verktygslåda med alternativ. Innehållstyperna är ordnade på panelen enligt följande:
Layout
Avsnittet Layout på panelen Page Builder används för att lägga till rader, kolumner eller flikar på scenen. När du drar en innehållstyp från panelen till scenen visas en behållare med en verktygslåda med alternativ som är specifika för innehållstypen.
Som standard är scenen Page Builder tom. När du drar layoutinnehållstyper från panelen till scenen kan du placera dem ovanför, under eller inuti andra layoutbehållare på sidan. Rader kan bara läggas till direkt på scenen.
Panelen
Element
Använd avsnittet Elements på panelen Page Builder för att lägga till text, rubriker, knappar, avgränsare och HTML-kod i en layoutbehållare på Page Builder scenen. När du drar en innehållstyp från panelen till en rad eller kolumn, eller till en tabbuppsättning på scenen, visas en behållare. Använd verktygslådan för innehållstyp för att komma åt inställningar som är specifika för typen.
Panelen
Media
Använd avsnittet Media på panelen Page Builder för att lägga till bilder, video, banners, skjutreglage och Google Maps i en layoutbehållare på Page Builder scenen. När en mediainnehållstyp dras från panelen till scenen, visas en behållare med en verktygslåda med alternativ som är specifika för innehållstypen.
Lägg till innehåll
Använd avsnittet Add Content på panelen Page Builder för att lägga till befintligt innehåll på Page Builder scenen. När du drar en mediainnehållstyp från panelen till scenen visas en behållare. Använd verktygslådan för innehållstyp för att komma åt de_ inställningar _som är specifika för typen.
Panelen
Toolbox
Varje innehållsbehållare på scenen har en verktygslåda med alternativ. Alternativen varierar beroende på innehållstyp, men omfattar vanligtvis Flytta, Inställningar, Dölj/Visa, Duplicera och Ta bort.
Visa verktygslådan
Håll pekaren över behållaren för att visa verktygslådan och välja ett alternativ.
Alternativ för verktygslådan
