Rubrik Sektion

Du kan lägga till en Headline § till din sida direkt så att du kan lägga till en beskrivning för sidan. När du vill visa en bild och den relevanta texten mot den kan du använda det här avsnittet.

Bilden som laddas upp här stöder inte ljusbordsläge. Den kan skalas om genom att dra bildhörnen.

Det här avsnittet kan främst användas för en Om mig/oss-sida. Du kan också länka bilden till vilken sida du vill.

Lägg till en rubrik:

Ett avsnitt kan läggas till på en sida. Du kan antingen lägga till ett avsnitt på en redan befintlig sida eller skapa en ny sida på din webbplats.
På din sida, Klicka på blå + ikon att lägga till en Nytt avsnitt till din sida.

Du kommer nu att se sektionskategorier på vänstra sidan.
Välj Hjälteavsnitt (1) alternativ och välj Headline Lagring fliken.

Välj vilken som helst sektionslayout (3) och klicka på den för att lägga till den på din sida.
När avsnittet läggs till kan du redigera texten och ladda upp vilken bild som helst.

Hantera innehållet

När du har lagt till avsnittet:

Klicka på Redigera innehåll (1) -knapp.

Detta öppnar Rubrikpanel (2).

Härifrån kan du:

Ladda upp en primär bild (1) för rubrikblocket.
Ladda upp en sekundär bild (2) för rubrikblocket (endast på utvalda layouter).

Lägg till Titel Lagring, Undertext Lagring, och BESKRIVNING (5) i rubrikblocket. Kontrollera innan du lägger till beskrivningen den här artikeln.

Lägg till vilken typ av Länk (6) till rubriken. Du kan lägga till en knapp/bildlänk/social ikon/textlänk. Läs mer.
Spara (7) dina ändringar.

Hantera element

Rubriken innehåller en Fliken Element som låter dig hantera synligheten för olika element inom sektionen med lätthet. Med enkla växlingsknappar kan du aktivera eller inaktivera specifika element utan att behöva ta bort eller ändra själva elementen.

Klicka på Redigera innehåll (1) -knapp.

Välj Elements (2) flik.
När du har gjort ändringarna, tryck på Spara (3) -knapp.

Objekt Alternativ

Visa bild: Växla synligheten för bilderna.
Visa Titel: Kontrollera om titeln ska visas.
Visa undertext: Aktivera eller inaktivera undertexter.
Visa beskrivning: Hantera synligheten för artikelbeskrivningar.
Visa knappar: Bestäm om knappar för enskilda objekt ska visas.

Ändra layout

Klicka på Redigera innehåll (1) -knapp.

Välj Layout (2) flik.
Välj Lutgåva (3) för din sektion och Spara (4) ändringarna.

Proffstips

För att skapa en sektion i full bredd, välj valfri layout som sträcker sig från 11 till 16.

Autopassa textlayout

Autofit text-sektionen är ett kraftfullt verktyg för att skapa dynamiskt och responsivt textinnehåll på din Pixpa-webbplats.

Detta gör att du kan ställa in en maximal teckenstorlek, och texten kommer automatiskt att ändra storlek enligt tillgänglig skärmstorlek, utrymme och längd på texten, vilket säkerställer optimal läsbarhet och estetisk tilltalande.

Lägg till avsnittet Autopassning på sidan

Klicka på blå + ikon att lägga till en Nytt avsnitt till din sida.
Välj Headline (1) avsnitt och välj från en av layouter (2) markerad i skärmdumpen.
Avsnittet kommer att läggas till på sidan.

Redigera avsnittet Autopassning

Klicka på Redigera Autopass textblock knappen i det övre högra hörnet av avsnittet.
Enligt Innehåll fliken kan du ange textinnehållet för avsnittet med hjälp av 1:a, 2:a och 3:a textfält.
Teckenstorleken på texten kommer automatiskt att justeras efter skärmstorleken och längden på texten. Till sist, Spara (4) ändringarna.

Stil Autofit Sektion

Anpassa stilen på avsnittet från Stil flik. Du hittar följande alternativ här:

Radhöjd: Ange det vertikala avståndet mellan textrader.
Max teckenstorlek: Ställ in den maximala teckenstorlek som texten kan nå.
Textjustering: Justera texten horisontellt inom avsnittet.
Teckensnittsfamilj: Välj teckensnittsfamilj som Rubrik 1, Rubrik 2, Stycke, etc.

Anmärkningar

Textstorleken följer inte designsektionens angivna storlek utan justeras baserat på tillgängligt utrymme och textlängd.

Stilalternativen

Klicka på Redigera innehåll (1) -knapp.

Välj Stil (2) flik.
Ändra stilen för sektionselementen och Spara (3) dina ändringar.

Du kommer att ha flera stilalternativ för avsnittet:

Bildstilsalternativ
Formmask
Alternativ för bildkant
Justering & Färg
Avståndsalternativ
Textstorlek
Knappar och länkar

Bilder

Välj Imålder Gröda för bilden. Du kan ställa in bilden som fyrkantig, cirkel, liggande, stående och dynamisk.
Välj att ha en gemensam hörnradie eller annan hörnradie för varje sida av listobjekten och ange ett nummer (i px) för Hörnradie av listobjektets bilder.
Använda hörnradie fält, kan du skapa olika former av bild. Om du anger 500 px här, kommer bilden att visas i en cirkelform.
Om du har valt delade hörn kan du ställa in olika hörnradie för varje hörn. Veta mer.
Välj att Animera bilder på Hover genom att klicka på Ja.
Välj bland de olika Animation stil för bilder på hover.

När fullbredd rubriklayout används ser du detta ytterligare alternativ:

Ange överläggsfärg: Detta låter dig tillämpa en färgöverlägg över hela rubriksektionen. Du kan välja valfri färg med färgväljaren och kontrollera dess transparens med hjälp av reglaget för opacitet, vilket hjälper dig att förbättra textens synlighet eller skapa en specifik visuell stämning.

Formmask

Formmask: Aktivera den här växlingsknappen för att tillämpa en formmask på bilden i rubriksektionen. När den är aktiverad kommer den valda formen visuellt att klippa bilden till den formen.
Välj form: Välj bland olika fördefinierade former att tillämpa på din bild. Detta låter dig stilisera ditt innehåll kreativt genom att visa bilden i en unik form som rundad, diamant, droppe, etc.

Anmärkningar

Alternativet Formmask är layoutberoende – Det kanske inte visas under layouter där text som titel eller undertext visas över bilden.
Stretch-inställningen beror på flera faktorer – inklusive inställningar för bildstorlek, justering och beskärning som definieras under fliken Stil.
Om Bildbeskärning är inställd på Original, avgör bildens faktiska mått om den sträcks vertikalt eller horisontellt.

Alternativ för bildkant

Aktivera/inaktivera kantlinje runt bilderna genom att växla reglaget.
Välj att ha en gemensam gräns på alla sidor av bilder eller så kan du ange gränser separat för varje sida.
ange bredd av gränsen. Om den är inställd på 0, kommer gränsen inte att visas. Du har också möjlighet att ställa in rambredden individuellt för varje sida av bilden.
Välj Gräns färg från färgväljaren.
Välj en föredragen Gränsstil från rullgardinsmenyn.
Bestäm kantbredd för mobil enheter, justera den med den bredd som valts för skrivbordet.

Justering & Färg

Justera innehållet i rubrikavsnittet horisontellt. Du kan ställa in den att vara vänster-, höger- eller mittjusterad.
Justera innehållet i rubrikavsnittet vertikalt. Du kan ställa in den att vara topp-, botten- eller mittjusterad.
Välj om du vill behålla Basfärg (bakgrundsfärgen på textrutan) till standard eller anpassad.
Om du har valt Custom för grundfärgen får du möjlighet att välj bakgrundsfärg. Du kan också ange opacitet av basfärgen.

Storlek & Utrymme

ange bild~~POS=TRUNC för rubrikblockbilden.
ange Innehållsbredd för rubrikblockets text.
ange Mellanslag eller överlappning mellan textkort och bild (i %).
ange Mellanslag under rubriken (i %).
ange Mellanslag under undertexten (i %).

text

Klicka på Ändra textstil knappen för att besöka Design avsnitt och hantera dina teckenstorlekar och stilar.
Ställ in Titel teckensnittsstil för rubrikblocksektionen.
Ställ in Texta teckensnittsstil för rubrikblocksektionen.
Ställ in standard BESKRIVNING teckensnittsstil för rubrikblocksektionen.
Aktivera det här alternativet för att animera valfria siffror närvarande i Titel och Texta fält. När de är aktiverade visas numeriska värden med en dynamisk räkne-animation, vilket gör dem mer visuellt engagerande.

Knappar och länkar

Du kan lägga till olika typer av knappar till rubriksektionen. De är följande:

Normal knapp (1), Bildknapp (2), och Ikon Knapp (3).

ange Mellanslag mellan olika knappar/länkar.
ange Mellanslag ovanför knapp / länkar inuti textkortet.
Ställ in Knappens bredd inuti textkortet.

Knappstorlek

Ställ in storleken på Normal knapp. Du kan välja mellan tre alternativ: Small, Medium och Large.
ange Höjd på bildknapp i pixlar.
Ställ in Storlek på ikonknappen i pixlar.

Ställ in Ikontyp för ikonknappen.
Välj Färgstil för ikon inuti knappen. Du kan välja ikonens varumärkesfärg eller ange valfri färg.
Ställ in Ikon Färg av ikonknappen. Du kommer bara att se det här alternativet när du aktiverar Vald färg (28) alternativet.
Om du har valt Custom i föregående steg (29) kan du ställa in din föredragen färg för ikon inuti knappen.
Välj Bakgrundsfärg för ikonknappen.

Se hur hörnradien fungerar:

Hittar du inte det du letar efter?

Ta kontakt med en Pixpa-expert.

Kontakta oss