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. Det 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å att du enkelt kan skapa professionellt designade sidor och till och med hela WordPress-webbplatser.

Den har till och med mallpaket för webbplatser, som är idealiska för webbutvecklingsbyråer för WordPress, 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.

Det här gratis tillägget 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, siddesigner och webbplatsmallar, behöver du uppgradera till premium-tillägget. Premium sidbyggaren stöder också animationer och dynamiskt innehåll, så att du kan skapa mer engagerande designer.

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

Med rätt sidbyggar-tillägg 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. Det 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 minifierad och optimerad. 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 mobil 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. Till exempel kan du 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 få veta att Spectra har en rad mallpaket.

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 mat-tema. Kitet kommer 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 inuti WordPress innehållsredigerare. Detta inkluderar många block som är viktiga för att bygga landningssidor med hög konvertering, 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. Genom att gå längre kan du definiera exakt var varje element kommer att visas inom rutnätet. Detta är perfekt för att bygga bildgallerier, fotoportfolier eller 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. Till exempel kanske du låter användare 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 webbutik kan du omdirigera kunder till din butiksida 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.

Blocket How-To tillhandahåller färdiga fält där du kan skriva in viktig information, såsom verktyg och material 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 detta block 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:er 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 Review Schema-block 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 schemamarkeringar kan Spectra optimera din WordPress-SEO på några viktiga sätt. Till att börja med formaterar den dina rubriker med rätt rubrik-taggar, så att sökmotorrobotar bättre kan förstå hur ditt innehåll är strukturerat.

Spectra har också ett block för innehållsförteckning som genererar en tabell baserad på sidans rubriker och underrubriker. Robotar 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.

Slutligen kan du visa dina inlägg eller sidor som en tidslinje. Detta låter dig välja exakt vilket innehåll som ska visas i tidslinjen, såsom framhävda bilder, författarnamn och inläggsexcerpt. 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 svävar-effekter till dess olika block. Detta fungerar särskilt bra för block som användare kan interagera med. Du kan till exempel ändra en CTA-knapps bakgrundsfärg eller textfärg 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 med tusentals varumärkeslogotyper, bockar, sociala medieikoner 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 varor 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 din engagemang och konverteringsgrad.

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 sociala block. Till att börja med har den ett Social Share-block som gör det enkelt för besökare att dela dina blogginlägg och sidor över alla stora plattformar.

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

Då 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 karusell-layout, 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 hämtar den automatiskt nya inlägg från ditt Instagram-konto och visar 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 sociala bevis på din webbplats? Då har Spectra ett block för kundrecensioner som låter dig visa kundens namn, företag och avatar i en snygg layout, tillsammans med deras recensionstext.

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 Maps-karta på din webbplats utan att behöva skapa en 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ålgrupp. 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 information om detta ämne, se vår guide om hur man lägger till vackra händelsetidslinjer.

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 länkar till sociala medier, så att besökare och potentiella kunder kan lära sig mer om varje medarbetare.

24. Flikindelat innehåll

Innehåll i flikar ä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? Till exempel kanske du driver en fotoportfölj eller säljer bilder online.

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

Ibland kanske du vill visa större versioner av bilderna i ett galleri. I så fall kan Spectra visa ditt innehåll i en lightbox-popup, som visas ovanpå 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 teckensnitt.

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 med färdiga modala designer, eller skapa din egen 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 dig till 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ärgschema 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 standardredigeraren för WordPress-block. Det innebär att du kan designa sidor med det gränssnitt du redan är bekant med, och utan att behöva skriva en enda kodrad.

Men rätt webbdesign kan ge dig mer trafik, anmälningar till e-postlistor, 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 ner till utvecklardokumentation.

Det finns också videohandledningar och en Facebook-grupp där du kan få hjälp från andra Spectra-användare. Dessutom kan du besöka Spectra-bloggen för designtips om hur du skapar landningssidor med hög konvertering, 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 skriver i 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 information om detta ämne, se vår guide om hur du 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 varierar dock beroende på antalet webbplatser där du vill använda Spectra.

Om du driver en enskild blogg, webbplats eller online-marknadsplats, kostar en licens 49 USD.

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

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 du väljer den bästa programvaran för webbdesign, eller se vårt expertval av de bästa analyslösningarna för WordPress-användare.

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