1. Opret et nyt magasin
Start med at oprette et nyt magasin på landingssiden på neweditor.nextprint.io.
Giv dit magasin et passende navn, men bare rolig, det kan omdøbes senere. Når du har oprettet dit magasin, skal du klikke på "Edit" for at komme ind i nextPrints editor.
2. Velkommen til nextPrints editor
Dette er nextPrint-editoren.
Til venstre har du BlockManager, hvor du kan vælge blokke til at bygge dit magasin med.
Til højre har du tre primære menuer: "Layers", "Styles" og "Traits".
Layers giver dig et overblik over de blokke, der aktuelt er i dit magasin.
Styles giver dig mulighed for at redigere stylingen af den aktuelt valgte blok.
Traits indeholder ekstra felter til særlige blokke, f.eks. er det her, du angiver kilden til Image-blokken.
3. Begynd at bygge dit katalog
Lad os starte med at indstille størrelsen på vores katalogsider.
Vælg en side i editoren eller i Layers, og gå til styling for at se bredden og højden på din side. Juster værdierne manuelt ved at redigere dem i Styles, eller ændr størrelsen på siden ved at trække i fanerne på siderne af den valgte blok.
Kataloget i dette eksempel har en bredde på 1400 px og en højde på 720 px. Hvis du foretrækker procenter eller rems, kan du ændre enheder ved at klikke på den aktuelle enhed "px" i Styles.
Når vi ændrer størrelsen på den valgte side, tilpasser alle andre sider sig, da de alle har en "pagesize"-klasse, som kan ses nederst på Styles-fanen.
Vi kan give forsiden en sort baggrund uden at anvende den på resten af siderne ved at fjerne fluebenet ud for "pagesize", klikke på "Extra" og indstille "Background Color" til sort. Når vi er færdige, sætter vi fluebenet tilbage ved "pagesize".
Lad os tilføje et billede ved at trække en Image-blok fra blockmanageren ind på den første side. For at indstille billedkilden skal du klikke på billedet og gå til fanen Traits og indsætte et link til det billede, du vil bruge. Hvis du ikke allerede har et billede tilgængeligt et sted, kan du uploade det til nextPrints ImagesManager (Klik her).
4. Gem dit katalog
Vi har endnu ikke gemt vores katalog, men det er sket i baggrunden. Efter en række trin gemmer editoren automatisk kataloget på vores onlinelager, hvilket betyder, at det er tilgængeligt overalt, så længe du er logget ind på din konto, og at det ikke går tabt.
Ud over at gemme, hver gang du har udført en bestemt mængde arbejde, gemmer editoren også med jævne mellemrum, og den viser en nedtælling siden din sidste gemning i nederste højre hjørne, hvis der er gået et stykke tid. Det er også her, du manuelt kan gemme dit katalog.
5. Tilføjelse af layout
På den anden side vil vi have et mere avanceret layout, så vi starter med at tilføje en Flexbox fra layouts, som skaber en boks med to kolonner. Tilføj en tredje kolonne ved at klikke på plusset på værktøjslinjen, når flexbox-elementet er valgt.
Indstil flexboxen til en højde på 100 %, og hold derefter shift nede, mens du klikker på de tre kolonner inde i boksen, og indstil også deres højde til 100 %, når alle tre kolonner er valgt.
Tilføj en flexstack inde i den første kolonne, tilpas størrelsen, så den nederste række kun fylder ca. 1/4 af kolonnen, og brug derefter ctrl c og ctrl v til at kopiere og indsætte flexstacken i de andre kolonner.
Tilføj derefter noget indhold til de tre øverste rækker, og tilføj derefter tekst til de nederste rækker. Tilføj en klasse til hvert tekstelement, og ændr skriftstørrelserne.
Vi kan tilføje en brugerdefineret skrifttype med knappen Font øverst i højre menu ved at indsætte et link til en Google-skrifttype, f.eks. kan vi tilføje skrifttypen Inter ved at indtaste følgende link https://fonts.google.com/specimen/Inter
Inter er nu tilgængelig som et valg i dropdown-menuen Fonts under Styles.
6. Del dit katalog
Når du er færdig med at redigere, skal du gå til magasinet oversigtssiden og klikke på View for at få et link til dit magasin.
Del denne side med dine kunder/brugere, eller brug den i en iframe for at integrere den på din hjemmeside!