Bygg

Knappen Bygg är exakt som det låter som – den innehåller alla komponenter du behöver för att bygga din webbplats. Om du klickar på Bygg visas alla element som du kan använda dig av i det vänstra sidofältet, organiserade i kategorier.

Sidor

Knappen Sidor innehåller alla de sidor du har lagt till på din webbplats och låter dig lägga till fler, ordna om, kopiera, radera och redigera dem. Om du klickar på valfri sida här laddar du den sidan på höger sida av skärmen så att du enkelt kan börja redigera.

Teman

Knappen Teman har två viktiga funktioner relaterade till hur din webbplats ser ut:

• Du kan bläddra, förhandsgranska och välja ett annat tema. Du kan välja olika typsnitt för de olika textbaserade elementen på din webbplats.
• Via knappen Teman kan du också komma åt kodredigeraren för att ändra HTML och CSS för ett tema, och du kan slå på och av guiderna. Vad gör guiderna? De är vertikala och horisontella gränslinjer som hjälper dig att justera element jämnt på dina sidor när du arbetar i redigeraren. Testa dem nästa gång du placerar element på dina sidor!

Butik

Knappen Butik är exakt vad det låter som – en plats att skapa och hantera alla aspekter av en online butik. Vad händer om du inte har en butik och inte planerar att starta en? Oroa dig inte – du behöver inte göra någonting med knappen Butik om du inte planerar att sälja något från din webbplats.

Appar

Via knappen Appar kan du söka, bläddra, installera och hantera appar från Weebly App Center. Vad kan du göra med appar på din webbplats? Det finns praktiskt taget ingen gräns – Weebly har hundratals användbara appar som kommer att lägga till funktionalitet och stil på din webbplats.

Inställningar

Sist men inte minst är knappen Inställningar där du kan konfigurera ett antal globala egenskaper för din webbplats, inklusive webbplatsadressen, lösenord med mera.

Ladda upp endast en bild – använd bildelementet

Ta fram bildelementet

Dra bildelementet till en sida på fliken Bygg. Klicka sedan på elementet för att öppna dialogrutan för bildval.

Ladda upp en bildfil

Här kan du ladda upp en bild från din dator genom att dra filen från en mapp direkt till detta fönster eller genom att klicka på den gröna uppladdningsknappen och hitta filen på din dator.

Justera storlek

Storleken på bilden som den visas på din webbplats kan vara lite annorlunda än du förväntat dig, men du kan enkelt ändra storleken. Hovra med markören över bilden och en liten blå ruta i det nedre högra hörnet visas. Klicka och dra på den blå rutan här för att ändra storlek på bilden

Justera bildinställningar

Om du klickar på ett foto kommer elementinställningarna att visas

Förutom knapparna Redigera och Byt ut bild är följande alternativ tillgängliga:

• Länk: Med det här alternativet kan du lägga till en länk till bilden.
• Lightbox: Om du aktiverar lightbox-funktionen visas bilden i full storlek i ett fönster som överlappar sidan när någon klickar på bilden på sidan.
• Avstånd: Klicka på detta för att justera storleken på den vita ramen runt bilden.
• Bildtext: Klicka här för att ange bildtexter som visas under bilden.
• Avancerat: Den här menyn innehåller alternativ för att välja kantstil, färg och ange Alt-text för bilden.

Knappen Redigera bild öppnar en bildredigerare med flera alternativ. Från vänster till höger i ovanstående bild:

• Beskära: Klipp eller rotera bilden
• Filter: Lägg till ett av flera filter, liknande det du kanske känner till från populära foto-applikationer
• Justera: Gör justeringar av bildens ljusstyrka, mättnad och kontrast
• Text: Lägg till text i ett lager ovanpå bilden
• Fokus: Lägg till en linjär eller radiell fokus i bilden

Använd ångra-knappen för att ta bort alla ändringar du inte gillar och klicka på spara när du har redigerat klart.

Bild i linje med text

Du kan även lägga till en bild direkt i ett textelement och låta texten lindas runt bilden. För att göra detta, dra ett bildelement till ett befintligt textelement.

Ladda sedan upp en bild enligt beskrivningen ovan. Du kan justera storleken på bilden med den blå dragkontrollen i nedre högra hörnet på bilden. Du kan även hantera samma inställningar som är tillgängliga för ett fristående bildelement, t.ex. bildtexter och avstånd, och ändra position från vänster till höger. Observera att du bara kan placera en bild i ett textelement. Om du vill skapa en serie texter med inbäddade bilder kan du använda flera textelement och lägga till en bild till var och en.

Ladda upp flera bilder – använd galleri eller bildspel

Om du vill lägga till och visa flera bilder på din hemsida finns det två enkla sätt att göra det på: gallerielementet och bildspelelementet. Vilken ska du använda? Det beror på hur du vill visa dina bilder.

Bildspel: Visar en serie foton en i taget. Du kan ställa in bildspelet att bläddra igenom bilderna automatiskt eller låta besökare klicka på fotona i sin egen takt. Varje bild kan ha sin egen bildtext, länk och alt-text.

Galleri: Visar en grupp foton som miniatyrer i ett rutnät som sträcker sig från 2 till 6 kolumner i bredd. Om du klickar på en miniatyrbild öppnas hela bilden i “lightbox” -skärmen. Du kan lägga till bildtexter, alt-text och länkar till varje miniatyrbild, men om du lägger till en länk tas ”lightbox” funktionalitet bort från den bilden.

Lägg till ett Bildspel

Om du vill lägga till ett bildspel drar du elementet till en sida på din hemsida. Detta öppnar en dialogruta där det finns flera olika navigationsstilar att välja mellan. Klicka på en av stilarna för att öppna uppladdningsfönstret, du kan ändra navigationsstilen senare om du önskar! Klicka på knappen på uppladdningsskärmen för att hitta och ladda upp dina bilder.

När dina bilder är uppladdade kommer du att kunna ordna om dem och lägga till text eller länkar. För att flytta en bild, klicka på miniatyren, dra den till en ny plats och släpp den på plats. Från vänster till höger kan du med ikonerna ovanför varje bild:

Lägg till en länk till bilden Lägg till en bildtext till bilden Lägg till alt-text till bilden för ökad tillgänglighet Ta bort fotot från bildspelet

Om du behöver lägga till fler bilder, använd knappen längst upp till höger. När du är klar klickar du på spara för att visa ditt bildspel på hemsidan och justera inställningarna.

Klicka på bildspelselementet för att öppna inställningspanelen. Knappen längst upp tar dig tillbaka till bildspelets bildskärm där du kan lägga till och ta bort bilder och bildtexter, alt-text eller länkar.

De andra alternativen innehåller följande funktioner:

• Övergångsstil: Ändra animationen som används när en bild går till nästa
• Navigering: Välj en annan navigationsstil för bildspelet. Obs: “Ingen” är den “enkla” layouten som visas på bilderna ovan.
• Hastighet: Bestäm hur länge varje bild ska visas när du använder Spela upp automatiskt.
• Mellanrum: Ställ in de övre och undre marginalerna för bildspelelementet.
• Bildtextplats: Växla bildtextplacering från över (Topp) eller under (Botten) för alla bilder.
• Avancerat: Ändra inställningarna för bildförhållande och Spela upp automatiskt.

Testa olika alternativ för att se vad som fungerar bäst för dina ändamål och glöm inte att publicera när du är klar!

Obs: Bildspelelementet utvidgas automatiskt till bredden på det område där du har placerat det. Om du vill göra bildspelet smalare kan du lägga det i en kolumn genom att dra ett Avstånds-element till endera sidan av det. Mer information finns i artikeln om att arbeta med kolumner.

Lägg till ett Galleri

Dra galleri-elementet till en sida och klicka för att ladda upp dina bilder. Du kan välja flera bilder från din dator för att lägga till dem samtidigt. När bilderna är överförda kommer de att visas i galleriet på sidan.

Klicka inuti elementet för att öppna inställningarna:

• Lägg till bilder: Ladda upp fler bilder till galleriet.
• Kolumner: Ändra antalet kolumner som galleriet visar.
• Avstånd: Justera övre- och nedre marginalerna för elementet.
• Bildtext: Välj en visningsstil för bildtexter (visa endast i lightbox, visa längst ner på miniatyrbilderna eller visa ovanpå miniatyrerna i ett genomskinligt överlägg) och aktivera alternativet för att visa miniatyrbildtexter bara när man för markören över bilden.
• Avancerat: Ställ in avståndet mellan varje bild i galleriet och välj en kantstil mellan bilderna.

Klicka på vilken bild som helst för att lägga till en länk, bildtext eller alt-text för ökad tillgänglighet. För att ordna bilder, klicka på en miniatyrbild och dra den till en ny position. Om du har många bilder i galleriet kan du prova att använda flera kolumner – detta kommer att minska miniatyrerna så att fler kan få plats i en rad.

Obs! Om du lägger till en länk till en galleri-miniatyr inaktiveras lightbox funktionen för den bilden.

1. Ta fram elementet Ljud

Du hittar elementet i Media-avsnittet på fliken Bygg. Dra den till en sida för att komma igång.

2. Ladda upp en ljudfil

Klicka var som helst på elementet för att öppna inställningspanelen och klicka sedan på ”Ladda upp fil” för att välja en MP3-fil från din dator.

Det kan ta några minuter att ladda upp filen beroende på filstorlek och din anslutningshastighet, men du kan stänga uppladdningsfönstret och övervaka status via uppladdningsfältet.

3. Justera ljudinställningar

När uppladdningen är klar expanderar spelaren för att visa artisten och spårinfo om denna information är inbäddad i filen. Klicka igen på elementet för att öppna inställningspanelen och justera spelarens placering och färg (ljus eller mörk). Du kan också ange information om artist och spår här om det saknas i din fil.

Ljudspelaren erbjuder för närvarande bara möjlighet att ladda upp en enda MP3-fil. Om du vill lägga till en fullständig spellista kan du vill söka i Weebly App Center – det finns flera olika ljud-appar som har specialfunktioner.

Välj ikoner

Det finns några få ikoner aktiverade som standard, men du kan aktivera eller inaktivera alla tillgängliga ikoner genom att klicka på elementet och sedan på Hantera ikoner.

Visa eller dölj ikoner

Du kommer att se en lista över de aktiva och inaktiva ikonerna – klicka på någon av dem för att visa eller dölja den och ange adressen till din profil.

Välj ordning och spara

När du har valt de ikoner du vill ha och skrivit in din information kan du ändra ordningen de visas i. Klicka på elementet för att få fram inställningarna och klicka sedan på Ändra ordning. Dra ikonerna i den ordning du föredrar och klicka på Klart för att spara ändringarna. Du kan också justera placeringen och avståndet för elementet från inställningarna.

Obs: Glöm inte att lägga till länkarna till dina profiler – ikonerna dyker inte upp på din publicerade hemsida om du inte har angett en länk.

1. Öppna ditt Weebly konto – Logga in till ditt kundkonto på Svenska Domäner och öppna Mina Tjänster. Välj domänen och klicka på Gå till Weebly hemsidebyggare (eller Gå till hemsidebyggare om du redan börjat bygga i Weebly) 
2. Klicka på Redigera sida
3. Även om du redan har appen installerad, klicka på Ladda ner i App Store/ Ladda ner i Google Play Store. Detta kopplar dig via Svenska Domäner så du får åtkomst till din hemsida och kan börja redigera.

Välj ett tema som har färgpalettalternativet

När du bläddrar i teman i galleriet kan du klicka på en temabild för att se en lista med funktioner och annan information om temat. Du kan också förhandsgranska temat och välja det till din hemsida härifrån.

Använd hexkoden eller välj färgruta

Klicka på fliken Teman för att se färgpalettvalen för det tema du använder. Välj en av de inbyggda färgparen eller lägg till din egen – du kan ange hexkoden för en färg eller använda färgrutorna och reglaget för att skapa praktiskt taget vilken färg som helst.

Primär- och accentfärgerna kommer att gälla för olika aspekter av din hemsida, beroende på tema. I temat som visas ovan (skymning) används accentfärgen för knappar och sociala ikoner. Experimentera med olika teman och färger för att ge din hemsida ett nytt utseende!

Ta fram video-elementet 

HD Video-elementet finns i Media-avsnittet på fliken Bygg. Dra den till din sida för att komma igång.

Ladda upp din fil

Klicka på elementet för att öppna alternativen och starta en uppladdning. De flesta vanliga videofilformat stöds (MP4, MPG, MOV, WMV) och du kan ladda upp videor upp till 1 GB i storlek.

Vänta på uppladdningen

Beroende på storleken på din video och din internetanslutning kan det ta lite tid innan uppladdningen slutförs. Du kommer se ett statusfält som visar uppladdningsprocessen, medan du väntar kan du gå vidare och arbeta på andra delar av din hemsida.

När din video laddas upp kodar vi den automatiskt för optimal uppspelning. Det kan också ta lite tid att slutföra, men du kan fortsätta arbeta på resten av din hemsida medan du väntar. När kodningen är klar är du klar!

Justera visningsinställningarna

Du kan även justera placeringen, visningsstorleken och avståndet till närliggande element för din video, eller låta besökarna ladda ner en kopia av filen om du vill.

Du kanske har lagt märke till att det inte finns någon spara-knapp i Weebly hemsidebyggaren. Det beror på att allt sparas automatiskt för dig medan du arbetar, så du behöver inte publicera eller göra något speciellt för att spara. När du är redo att ta en paus från arbetet på din webbplats kan du bara stänga hemsidebyggaren – när du är redo att fortsätta arbetet med din hemsida behöver du bara öppna hemsidebyggaren och fortsätta där du slutade.

Hur är det med blogginlägg? 

Ett blogginlägg behöver du dock spara för att kunna fortsätta med det och det gör du genom att klicka på Spara knappen enligt bilden nedan.

Ta fram avsnittselementet: Del

Dra avsnittelementet från fliken Bygg till din sida. Avsnittet kommer att fylla hela bredden på sidan där du placerar den, så välj en plats ovanför eller under andra element på sidan. Om du använder sidotypen Splash kan du inte lägga till flera avsnitt eftersom den här sidotypen är utformad för att visa en begränsad mängd innehåll med en enda bakgrundsbild.

Fyll ditt avsnitt med innehåll

Därefter kan du börja lägga till innehåll i ditt avsnitt. Vi har satt ihop några förberedda, anpassningsbara layouter för att hjälpa dig att snabbt börja bygga snygga avsnitt.

Förhandsgranska och spara

Klicka på någon av layoutstilarna för att se en förhandsgranskning av hur det kommer att se ut på din sida. Om du gillar det du ser, gå vidare och spara. Du kan sedan ordna om, lägga till eller ta bort något av elementen i layouten och anpassa dem med ditt eget innehåll.

Skräddarsy layouten

Om du inte gillar någon av de fördefinierade layouterna kan du lägga till element du vill använda manuellt! Klicka bara utanför layoutpanelen för att avbryta och börja dra in de element du vill ha.

Formatera bakgrund på avsnittet

Varje avsnitt på en sida kan ha sin unika bakgrundsfärg eller bild och om du är en Pro-prenumerant kan du till och med lägga till en videobakgrund. Klicka på avsnittet och sedan på Redigera bakgrund.

Välja bakgrundsfärg

Bakgrundsfärger kan väljas med skjutreglaget eller genom att ange den specifika hexkoden för den färg du vill ha.

Välj bildbakgrund eller videobakgrund

För bild- och videobakgrunder kan du ladda upp din egen eller välja en från våra inbyggda gallerier.

Ändra storlek

Vill du göra ett avsnitt högre eller kortare? Klicka på avsnittet och dra den blå raden upp eller ner för att justera höjden, som visas i pixlar när du flyttar fältet. Om “Auto” visas betyder det att avsnittet inte kan göras kortare, så du måste ta bort element från avsnittet först om du vill krympa det ytterligare.

Ändra placering

Du kan också ändra den vertikala justeringen av alla element i ett avsnitt genom att klicka på Redigera bakgrund och sedan Avancerat. Element kan placeras mot toppen, mitten eller botten av ett avsnitt.

Flytta och kopiera avsnitt

Behöver du flytta eller kopiera ett avsnitt till en annan sida? Klicka på avsnittet och sedan på Flytta. Du kan flytta ett avsnitt upp eller ner på samma sida, flytta det från en sida till en annan eller kopiera avsnittet till en annan sida eller till samma sida.