Spectra

Letar du efter en Spectra-recension som hjälper dig att avgöra om det är rätt WordPress-webbplatsbyggare för dig?

Detta plugin utökar standardinnehållseditor i WordPress med nya block och inställningar, så att du kan designa mer avancerade layouter med ett bekant gränssnitt. Det levereras också med en mängd fördesignade sidor, mönster och webbplatskit, så att du kan skapa professionella designer, snabbt.

I denna Spectra-recension kommer vi att titta på denna populära webbplatsbyggare för att se om den är rätt för dig.

Spectra-recension: Varför använda det i WordPress?

Spectra är en webbplats- och sidbyggare som integreras sömlöst med WordPress blockredigerare. Detta innebär att du kan designa sidor och till och med hela webbplatser med ett gränssnitt du redan är bekant med.

Spectra levereras med över 30 extra Gutenberg-block och över 100 färdiga mallar, så du kan skapa professionellt designade sidor och till och med hela WordPress-webbplatser med lätthet.

Den har till och med webbplatsmallar, som är idealiska för WordPress-utvecklingsbyråer, frilansare eller alla som regelbundet skapar nya webbplatser.

Om du precis har börjat eller har en begränsad budget, kan du ladda ner en lite-version av Spectra från WordPress.org.

Denna gratis plugin levereras med en användarvänlig sidbyggare, så att du enkelt kan designa alla typer av landningssidor, säljsidor och anpassade startsidor.

Den har också massor av block och förinställningar som du kan lägga till på din webbplats med bara några få klick.

Men om du vill ha hela utbudet av mönster, sidlayouter och webbplatskit, då behöver du uppgradera till premiumpluginet. Premium sidbyggaren stöder också animationer och dynamiskt innehåll, så du kan skapa mer engagerande designer.

Spectra-recension: Är det rätt webbplatsbyggare för dig?

Med rätt sidbyggarplugin kan du designa en iögonfallande och högkonverterande webbplats som utan problem konverterar besökare till e-postprenumeranter och kunder.

Med det sagt, i denna Spectra-recension kommer vi att se om det är rätt plugin för WordPress-sidbyggare för dig.

1. Kompatibel med alla WordPress-teman

Spectra är kompatibel med alla standardiserade WordPress-teman inklusive Astra, GeneratePress, Neve och Hestia. Detta innebär att du kan använda vilket tema du vill, eller byta tema utan att förlora dina Spectra-designer.

2. Optimerad för prestanda

Spectra erbjuder effektiv kod, en modulär arkitektur och prestandafokuserade funktioner som kan hjälpa dina designer att laddas snabbt.

Dessutom integreras det med den inbyggda WordPress-editorn, så det har inget beroende av extern kod. Det använder också en just-in-time markup-kompilator som laddar resurser dynamiskt vid behov.

Slutligen är all dess HTML, CSS och JavaScript minifierat och optimerat. Med det sagt kommer Spectra inte att sakta ner din webbplats, och kan till och med öka dess prestanda.

3. Mobilanpassad

Enligt vår statistik över internetanvändning står mobilt internettrafik för nästan 55 % av den totala webbtrafiken. Med det i åtanke bör din webbplats se lika bra ut på smartphones och surfplattor som på stationära datorer.

Lyckligtvis är allt innehåll du skapar med Spectra mobilresponsivt som standard. Med det sagt kommer alla sidor du designar att se bra ut, oavsett vilken enhet besökaren använder.

Utöver det kan du dölja innehåll baserat på om besökaren använder en stationär dator, smartphone eller surfplatta.

Du kan också designa olika layouter för olika enheter. Du kan till exempel använda en layout med en kolumn för smartphones eftersom de vanligtvis har mindre skärmar, och en layout med flera kolumner för stationära datorer.

Genom att gå ett steg längre kan du definiera olika textstorlekar, ikonstorlekar och bakgrundsstorlekar, för olika enheter.

4. Över 100 färdiga mallar

Spectra levereras med över 100 professionellt designade webbplats-, sida- och blockmallar.

Du kan importera dessa mallar till din webbplats och sedan anpassa dem med Spectras dra-och-släpp-redigerare.

På så sätt kan du designa vackra sidor och till och med hela WordPress-webbplatser, utan att behöva skriva en enda rad kod.

5. Webbplatsmallar

Driver du en WordPress-utvecklingsbyrå eller designar webbplatser åt andra? Då kommer du att bli glad att veta att Spectra har en rad mallkit.

Dessa är en utmärkt utgångspunkt för dina klientprojekt och kan spara dig massor av tid och ansträngning. Välj helt enkelt det kit som mest liknar klientens brief och anpassa det sedan med Spectras kodfria verktyg.

Till exempel har Spectra ett Flavio Restaurant-kit som är perfekt för webbplatser med mattema. Kitet levereras till och med med färdiga designer för Vår meny och Kontakt som du enkelt kan anpassa för att passa alla restaurangwebbplatser.

6. 30+ ytterligare block

Spectra levereras med över 30 block som du kan använda i WordPress innehållsredigerare. Detta inkluderar många block som är väsentliga för att bygga högkonverterande landningssidor, såsom Call To Action, Nedräkning och Rubrik.

Om du driver en WordPress-blogg kan Spectra visa dina inlägg på iögonfallande sätt, med hjälp av block som Post Carousel, Post Grid och Post Timeline.

7. Avancerade blockförinställningar 

Är du osäker på hur du konfigurerar ett visst block?

Då kommer du att bli glad att få veta att Spectra erbjuder en rad förinställda block som är optimerade för att se bra ut och driva konverteringar. Till exempel kommer deras Knappblock med 8 förinställda stilar som du kan applicera med ett enda klick.

8. Flexibla CSS-rutnät

Med Spectra kan du skapa flexibla CSS-rutnätslayouter och sedan placera element i både horisontella rader och vertikala kolumner. Dessutom kan du definiera exakt var varje element ska visas inom rutnätet. Detta är perfekt för att bygga bildgallerier, fotoportfolier eller för att visa upp dina bästa produkter och inlägg.

Spectra har ett användarvänligt gränssnitt så att du kan definiera komplexa rutnätsstrukturer och layouter inklusive rutnätsområden, kapslade rutnät och rutnätslinjer, utan att behöva skriva en enda rad kod.

Du kan också använda detta visuella gränssnitt för att hantera brytpunkter, så att du exakt kan styra hur layouten kommer att se ut på stationära datorer, smartphones och mobila enheter.

9. Formulärbyggare

Ett kontaktformulär är viktigt för de flesta WordPress-webbplatser, men du kan också behöva andra typer av formulär. Du kan till exempel tillåta användare att registrera sig på din webbplats, prenumerera på ditt e-postnyhetsbrev, eller skicka feedback och förslag.

Med det sagt har Spectra ett formulärblock som låter dig bygga alla typer av formulär.

Spectra har mer än 10 olika formulärfält inklusive textrutor, rullgardinsmenyer och radioknappar, så att du kan samla exakt den information du behöver.

Varje gång en användare skickar in ett formulär kan Spectra skicka dig en e-postavisering. Detta hjälper dig att granska inlämningen och svara direkt.

Utöver det erbjuder Spectra formulärvalidering så att du kan kontrollera att du samlar in korrekt data. Det stöder också reCAPTCHA för att skydda dina formulär från hackare, botar och spamregistreringar.

10. Inloggnings- och registreringsformulär

Spectra stöder användarregistrering och inloggningsformulär, så du kan skapa en enkel medlemskapswebbplats.

Varje gång någon loggar in kan Spectra automatiskt omdirigera den användaren till den sida du väljer. Till exempel, om du driver en onlinebutik kan du omdirigera kunder till din butiksfasad så att de kan börja handla direkt.

11. Lägg till korrekt schema-markup

Spectra har flera block som är utformade för att förbättra din WordPress SEO. Till att börja med finns det How-To-schema-blocket, som ger sökmotorer mer information om dina handledningar.

Hur-man-blocket ger färdiga fält där du kan skriva in viktig information, som verktyg och förnödenheter som läsaren behöver, hur mycket dessa material kommer att kosta och hur lång tid handledningen kommer att ta att slutföra.

Det här blocket hjälper sökmotorer att förstå ditt innehåll och visa det för personer som letar efter handledningar precis som dina. Sökmotorer kan också använda det här blocket för att skapa rich snippets, som sticker ut i SERP:erna.

Precis som de andra Spectra-blocken är Hur-man-blocket helt anpassningsbart så att du kan styra exakt hur detta innehåll ser ut på din WordPress-webbplats.

På samma sätt finns det ett FAQ-block som kan visa dina vanliga frågor i en snygg layout.

Efter att ha lagt till detta FAQ-schema kan Google skapa ett förbättrat sökresultat som visar FAQ direkt under din webbplats namn.

Återigen, detta hjälper dig att sticka ut i SERP:erna, vilket ofta kommer att öka din bloggtrafik.

Slutligen finns det ett block för recensionsschema som presenterar varje recensions titel, författare och stjärnbetyg på ett sätt som är lätt för sökmotorer att förstå.

12. Förbättra din SEO

Utöver schema-markup kan Spectra optimera din WordPress SEO på några viktiga sätt. Till att börja med kommer den att formatera dina rubriker med rätt rubrik-taggar, så att sökmotorer bättre kan förstå hur ditt innehåll är strukturerat.

Spectra har också ett innehållsförteckningsblock som genererar en tabell baserad på sidans rubriker och underrubriker. Botar kan använda denna tabell för att förstå och indexera ditt innehåll.

Som en extra bonus hjälper detta block besökare att hitta runt i längre artiklar genom att automatiskt skapa ankarlänkar för de olika sektionerna.

13. Anpassningsbara layouter för sidor och inlägg 

Spectras Post Grid låter dig visa inlägg, sidor, media eller andra anpassade inläggstyper, i en snygg layout.

Du kan också filtrera detta innehåll baserat på kategori eller taggar, för att skapa rutnät som visar specifika ämnen. Därefter kan du ordna inläggen baserat på titel, datum, alfabetiskt eller slumpmässigt.

Alternativt kan du visa dina inlägg, sidor eller produkter i Spectras Post Carousel-block, som också kan filtrera detta innehåll baserat på kategori eller tagg.

Om du visar ditt innehåll som en karusell kan du välja mellan automatisk och manuell navigering, justera scrollningshastigheten och välja hur många inlägg som ska visas.

Äntligen kan du visa dina inlägg eller sidor som en tidslinje. Detta gör att du kan välja exakt vilket innehåll som ska visas i tidslinjen, till exempel utvalda bilder, författarnamn och inläggsutdrag. Du kan också uppmuntra besökare att engagera sig i ditt innehåll genom att lägga till en knapp för uppmaning till handling, som 'Läs mer'.

14. Inbyggt animationsbibliotek

Spectra levereras med en rad animationer, inklusive zoom in, flip, fade och slide. Du kan finjustera dessa animationer genom att ändra standardfördröjning och varaktighet, och sedan välja om de ska spelas bara en gång eller loopas kontinuerligt.

Ännu bättre, du kan applicera dessa animationer på vilket Spectra-block som helst.

15. Hover-effekter

Spectra låter dig lägga till hover-effekter till dess olika block. Detta fungerar särskilt bra för block som användare kan interagera med. Du kan till exempel ändra bakgrundsfärgen på en CTA-knapp eller textfärgen när användaren för muspekaren över den.

16. Ikonbibliotek

Ikoner kan hjälpa till att fånga besökarens uppmärksamhet och kommunicera viktig information snabbt. Du kan till exempel använda ikoner i dina funktionsrutor, tjänstesektioner eller för att markera steg i en handledning.

Spectra levereras med ett inbyggt ikonbibliotek som innehåller tusentals varumärkeslogotyper, bockar, ikoner för sociala medier och mer.

Ännu bättre, dessa ikoner är helt anpassningsbara så att du kan uppdatera dem för att använda ditt eget färgschema, ändra storleken, lägga till en hover-effekt och göra andra viktiga ändringar.

Du kan använda dessa ikoner i alla typer av Spectra-block, inklusive ikonlistan, infoboxen, knapparna och FAQ-blocket.

17. E-handelsblock

Vill du sälja digitala nedladdningar eller fysiska produkter online?

Spectra kan skapa iögonfallande och informativa produktlistningar, tack vare block som Stjärnbetyg, Recension och prislistor.

Du kan också visa dina produkter i Spectras bildspel, och sedan tilldela en unik navigeringsslug till de enskilda bilderna. På så sätt kan kunderna hoppa direkt till varje produkt som visas i Spectra-bildspelet.

18. Skapa dynamiskt innehåll

Dynamiskt innehåll ger en mer personlig upplevelse, vilket kan öka ditt engagemang och dina konverteringsgrader.

Det kan också hålla ditt innehåll fräscht och engagerande, även för återkommande besökare. Du kan till exempel visa olika blogginlägg, utvalda bilder eller produkter.

Med det i åtanke kommer du att bli glad att veta att Spectra kan visa olika innehåll baserat på faktorer som datum, kategori, sida eller inlägg. Du kan också definiera fallback-innehåll, som Spectra kommer att visa när dynamisk information inte är tillgänglig.

Ännu bättre, om du uppdaterar källinnehållet kommer Spectra automatiskt att uppdatera alla dina dynamiska block för att återspegla dessa ändringar.

19. Sociala medieblock

Spectra har en rad socialt fokuserade block. Till att börja med har det ett Social Share-block som gör det enkelt för besökare att dela dina blogginlägg och sidor på alla stora plattformar.

Lägger du regelbundet ut vackra foton, bilder eller digital konst och grafik på Instagram?

Sedan kan du bädda in detta innehåll på din webbplats med hjälp av Instagram-flödesblocket. Du kan också välja mellan ett rutnät eller karusellformat, visa hashtags och bildtexter, och till och med kombinera flöden från flera Instagram-konton till ett enda anpassat fotoflöde i WordPress.

Ännu bättre, om du uppgraderar till Spectra Pro kommer den automatiskt att hämta nya inlägg från ditt Instagram-konto och visa dem på din WordPress-blogg eller webbplats. På så sätt kan du vara säker på att besökarna alltid ser ditt allra senaste innehåll.

20. Visa kundfeedback

Vill du visa socialt bevis på din webbplats? Spectra har då ett block för vittnesmål som låter dig visa kundens namn, företag och avatar i en snygg layout, tillsammans med deras vittnesmålstext.

Om du presenterar denna kundfeedback som en slider kan du välja hur många vittnesmål som ska inkluderas, och även anpassa hastigheten och riktningen på slidaren.

21. Google Maps-integration

Skapar du en webbplats för en plats, som ett bed and breakfast, eller en hotellwebbplats? Alternativt kanske du vill visa närliggande turistattraktioner eller hjälpa kunder att hitta ditt kontor. Med Spectra kan du lägga till en Google Map på din webbplats utan att behöva skapa din egen API-nyckel.

Du kan sedan placera ett obegränsat antal markörer på kartan.

När det är gjort kan du ställa in kartans språk så att det matchar din webbplats målanvändare. Detta är särskilt användbart om du skapar en flerspråkig WordPress-webbplats eller riktar dig till en internationell publik.

22. Händelsetimelines

Historia kan vara komplicerad, särskilt när det finns många olika datum, fakta och annan information att förstå. 

Med Spectra kan du skapa en visuell tidslinje som är perfekt för att visa händelser, berättelser eller annan kronologisk information.

För mer om detta ämne, se vår guide om hur man lägger till vackra händelsetimelines.

23. Skapa vackra personalprofiler

Skapar du en företagswebbplats? I så fall kan du visa upp dina anställda med Spectras Team-block.

Detta gör att du kan visa varje anställds namn, profilbild och biografi i en organiserad layout. Dessutom kan du lägga till sociala medier-länkar, så att besökare och potentiella kunder kan lära sig mer om varje medarbetare.

24. Flikindelat innehåll

Flikindelat innehåll är ett utmärkt sätt att visa mycket information på en liten yta, utan att överväldiga läsaren. Med det i åtanke är Spectras flikblock idealiskt för att visa produktfunktioner, tjänstealternativ och annan viktig information.

25. Stöd för Lottie-animationer

Lottie är ett populärt JSON-baserat animationsformat som kan skalas upp eller ner utan pixelering.

Om du använder Lottie-animationer, har Spectra ett Lottie Animations-block som kan visa dessa animationer. Du kan också ställa in animationerna att spelas upp vid scrollning, svävning eller klick, och välja om animationen loopar kontinuerligt eller spelas upp en gång.

26. Gallerier och Lightbox

Utgör bilder en stor del av din webbplats? Du kanske till exempel driver en fotoportfölj eller säljer bilder online.

Med Spectra kan du visa grafik i flera layouter med ett galleriblock.

Ibland vill du kanske visa större versioner av bilderna i ett galleri. I så fall kan Spectra visa ditt innehåll i ett lightbox-popup, som visas över sidan eller inlägget.

27. Fullt anpassningsbar text

Text är en stor del av de flesta webbplatser, och Spectra gör det enkelt att skapa anpassade rubriker, underrubriker, paragrafstilar och mer. Du kan till exempel använda gradienter, textskuggor, animationer och till och med anpassade typsnitt.

Du kan också ändra storlek, färg och justering.

Detta kan hjälpa till att stärka ditt varumärke, eller till och med dra besökarens uppmärksamhet mot en sidans viktigaste text.

28. Popup-byggare

Spectra levereras med en användarvänlig popup-byggare som låter dig visa viktig information eller CTA:er på ett iögonfallande sätt. Du kan välja från Spectras bibliotek av färdiga modal-designer, eller skapa dina egna från grunden.

När det är gjort kan du utlösa dessa popup-fönster baserat på besökares beteende, som vid sidladdning eller avsikt att lämna, eller använda en anpassad åtgärd. På så sätt kan du visa rätt popup för rätt person, vid rätt tidpunkt.

Oavsett hur du visar popupen kan du välja mellan en rad ingångsanimationer inklusive toningar, studsningar och zoomningar.

Om du uppgraderar till Spectra Pro finns det också ett off-canvas-visningsalternativ som låter dig skjuta in innehåll från sidan, och som ofta är mindre störande för besökare.

När du är nöjd med hur popupen är konfigurerad kan du styra exakt var den visas på din webbplats. Du kan till exempel rikta in dig på specifika landningssidor eller exkludera vissa sidor så att dina popups aldrig visas på det innehållet.

29. Återanvändbara blockstilar och layouter

Ibland kanske du använder samma stil på flera platser. Du kanske till exempel vill använda samma anpassade teckensnitt, färgpalett och avstånd för varje FAQ-block.

I så fall låter Spectra dig kopiera/klistra in exakt samma design på ett annat block. Dessutom stöder Spectra kopiering/inklistring mellan webbplatser, så du kan kopiera en hel anpassad layout till vilken annan webbplats som helst där Spectra är installerat.

30. Gemenskaps- och professionellt stöd

Till skillnad från vissa andra webbplatsbyggare, integreras Spectra sömlöst med standard WordPress blockredigerare. Det betyder att du kan designa sidor med det gränssnitt du redan är bekant med, och utan att behöva skriva en enda rad kod.

Men rätt webbdesign kan ge dig mer trafik, registreringar till e-postlistan, försäljning och övergripande konverteringar. Med så höga insatser kanske du vill ha lite extra hjälp för att få ut mesta möjliga av Spectra. Till att börja med finns det en detaljerad kunskapsdatabas som du kan komma åt dygnet runt.

Här hittar du steg-för-steg-instruktioner om hur du installerar och aktiverar Spectra, ända fram till utvecklardokumentationen.

Det finns också videoguider och en Facebook-grupp där du kan få hjälp från andra Spectra-användare. Utöver det kan du besöka Spectra-bloggen för designtips om hur du skapar högkonverterande landningssidor, informativa kommande sidor och mycket mer.

Om du använder gratispluginet kan du posta på Spectra-forumet på WordPress.org och få svar på grundläggande frågor.

När du postar på supportforum bör du inkludera så mycket information som möjligt, eftersom det hjälper experterna att snabbt förstå ditt problem och ge ett hjälpsamt svar. För mer om detta ämne, se vår guide om hur man korrekt ber om WordPress-support.

Slutligen, om du uppgraderar till premium-pluginet, får du också professionell support så att du kan skicka en biljett och få hjälp direkt från Spectra-teamet.

Spectra-recension: Prissättning och planer

Om du precis har börjat eller har en begränsad budget, kan du ladda ner lite-versionen av Spectra från WordPress.org.

Detta gratis plugin inkluderar ett urval av ytterligare widgets, mönster, sidlayouter och mallar. Det integreras också med WordPress blockredigerare, så du kan använda dessa designer i ett bekant gränssnitt. Men om du vill låsa upp hela samlingen av widgets, layouter, mallar och webbplatskit, då behöver du uppgradera till premium-pluginet.

Till skillnad från vissa andra WordPress-plugins, finns det en enda Spectra Pro-licens som inkluderar alla funktioner och designer. Kostnaden kommer dock att variera beroende på antalet webbplatser där du vill använda Spectra.

Om du driver en enskild blogg, webbplats eller online-marknadsplats, kommer en licens att kosta 49 dollar.

Äger du flera webbplatser som flera bloggar i ett affiliate marketing-nätverk? I så fall kan du installera Spectra på upp till 10 webbplatser för 59 dollar.

Slutligen, om du driver en WordPress-utvecklingsbyrå, kan du installera Spectra på upp till 10 000 webbplatser för 69 dollar.

Spectra-recension: Är det rätt webbplatsbyggare för dig?

Efter att ha granskat funktionerna, supporten och prisalternativen är vi övertygade om att Spectra är ett utmärkt sidbyggarplugin. Det lägger till nya block, mallar och funktioner till standard WordPress-blockredigeraren, så att du kan skapa mer avancerade designer.

Den är också helt responsiv för mobila enheter och låter dig visa olika innehåll på stationära datorer, smartphones och surfplattor. Du kan också skapa dynamiskt innehåll, popup-fönster, WooCommerce-produktgallerier och mycket mer utan att behöva skriva en enda rad kod.

Vi hoppas att denna Spectra-recension hjälpte dig att avgöra om det är rätt webbplatsbyggare för dig. Du kan också kolla in vår guide om hur man väljer den bästa programvaran för webbdesign, eller se vårt expertval av bästa analyslösningar för WordPress-användare.

Om du gillade den här artikeln, prenumerera då på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.