Mosaic Builder anmeldelse: Vi testede den nye WordPress Page Builder

En ny sidebygger er lige landet i WordPress-rummet, og det ligner ikke de andre. Mosaic Builder tager en klassebaseret, design-system tilgang til at bygge WordPress-websteder, tættere på Webflow end på Elementor. Vi brugte tid med dette, fulgte den officielle getting-started walkthrough og byggede et websted fra bunden for at se, hvad det faktisk gør godt.

Så her er vores fulde Mosaic Builder-anmeldelse: hvad det er, hvordan redaktøren har det, og om du skal stole på det med et rigtigt projekt endnu.

Hurtig note før vi starter: vi bygger Master Addons til Elementor, så vi lever i Elementor økosystemet hver dag. Det giver os en nyttig linse til at bedømme en ny bygherre, og vi vil flag overalt vores perspektiv farver dommen.

Hvad Er Mosaic Builder?

Mosaik er en WordPress sidebygger og tema bygherre rullet ind i en. Dens pitch er enkel: “Træt af design grænser i WordPress? Mød Mosaic.”

I stedet for at droppe widgets på et lærred og style hver enkelt individuelt, er Mosaic bygget op omkring et designsystem. Du får:

• A klassesystem med elementklasser og nytteklasser, svarende til hvordan udviklere skriver CSS
• Stil guider der styrer farver og typografi på tværs af hele webstedet
• Komponenter, genanvendelige elementer, du redigerer én gang og opdaterer overalt
• Masters og skabeloner der håndterer layout på temaniveau (overskrifter, sidefødder, arkiver, enkelte indlæg)
• An interaktionsbygger for scroll, hold markøren og klik på animationer
• A loop builder til dynamisk indhold som blogarkiver og brugerdefinerede indlægstyper

Det leveres med tre starttemaer: Gibraltar (fed, moderne), Monolith (ren, minimalistisk) og Blank til at bygge fra nul. Hvis du har brugt Webflow eller Bricks Builder, vil denne model føles velkendt. Hvis du kommer direkte fra Elementor, skal du forvente et mentalt skift.

Kom godt i gang: Opsætningsguiden

Mosaics onboarding er bedre end de fleste plugins, vi har testet. Efter aktivering fører en fire-trins guide dig gennem Indstillinger, Master, Skabeloner og Sider.

Den smarte del er skinning systemet. Vælg et tema som Monolith, og vælg derefter en farve hud (Cyan, Violet, Rose, Teal, og seks andre) og en skrifttype hud (Neutral, Elegant, Tidløs, Geometrisk, Moderne, Futuristisk). Hele demo site restyles øjeblikkeligt, herunder en lys eller mørk farve mode skifte.

Dette virker, fordi alt i temaet refererer stilvariabler i stedet for hårdkodede værdier. Skift mærkefarven én gang, og hver knap, link og ikon følger. Elementor har Global Colors, der gør noget lignende, men Mosaics implementering går dybere, da starttemaerne er bygget helt på det variable system fra dag ét.

Inden for et par minutter havde vi en fuld demo site installeret: hjemmeside, blog arkiv, blogindlæg, kontakt side med et kort, 404 side, og søgeresultater, alle redigerbare.

Redaktøren: A Structure-First Canvas

Åbn en side i Mosaic, og layoutet er genkendeligt: elementtræ til venstre, levende lærred i midten, stylekontroller til højre. Men filosofien er anderledes end Elementors.

Mosaic's Navigator viser din side som en indlejret struktur: Sektion, Container, Rækker, derefter elementer som overskrifter, afsnit, knapper, ikonbokse og divs. Du vælger elementer fra træet så ofte som fra lærredet. Det højre panel afslører reelle CSS-koncepter: bredde med min/max-værdier, position med z-indeks, flex-kontroller, transformationer (oversæt, skaler, roter), boksskygger og overløb.

For udviklere er dette forfriskende. Kontrollerne kortlægger en-til-en med den CSS, du ville skrive i hånden, så intet føles skjult eller omdøbt. For begyndere er det en stejlere bakke. Elementor lader dig style en overskrift uden at vide, hvad en flexbeholder er. Mosaic antager stille og roligt, at du gør det.

En ting satte vi pris på: Redaktøren forblev lydhør gennem hele vores testbygning, selv med den fulde Monolith-demo indlæst.

Klassesystemet: Mosaikkens største idé

Det er her, Mosaic adskiller sig fra de fleste WordPress sidebyggere. Hvert element kan bære klasser, og klasser kommer i to smagsvarianter:

• Elementklasser definer hvad noget er: Knap, Kort, Nav Link
• Brugsklasser definer enkelte egenskaber, du kan stable: afstand, tekstfarve, størrelse

Klasser også nest. Monolith temaets Knap klasse har Primære og Sekundære varianter, hver med S, M, og L størrelser. Vælg en vilkårlig knap, bytte sin underklasse, og det genstilles øjeblikkeligt. Rediger Primær klasse selv og hver primære knap på webstedet opdateringer.

Hvis du nogensinde har arvet et Elementor-websted, hvor hver knap blev stylet i hånden, lidt anderledes, forstår du det problem, dette løser. Du holder op med at stole på disciplin for at holde stilarter konsistente; strukturen gør det for dig.

Afvejningen er reel, selv om. En klasse system kræver planlægning. Du skal tænke på navngivning, hierarki, og genbrug, før du bygger, hvilket er præcis den slags overhead en freelancer banke ud en fem-siders brochure site måske ikke ønsker.

Komponenter, mestre og temabygning

Mosaic håndterer layout på hele webstedet gennem to forbundne ideer:

Masters er din ydre skal: sidehoved, sidefod og alt, der omslutter hver side. Rediger masteren én gang, og ændringen vises overalt.

Skabeloner live inde i masters og kontrol indholdsområder. Mosaics demo indeholder skabeloner til hjemmesiden, blogarkiv, enkeltindlæg, kontakt, arkiv, 404 og søgeresultater.

Når du opretter en ny side, spørger en dialogboks, om der skal tildeles en ny skabelon, en eksisterende eller en automatisk skabelon, der anvender ændringer på tværs af hver forekomst.

Komponenter er genanvendelige blokke: et priskort, en testimonial, en CTA-sektion. Slip forekomster hvor som helst, rediger komponenten, og alle forekomster synkroniseres.

Dette er ægte temabygning, og det fungerer uden et separat tema. Til sammenligning får Elementor-brugere den samme dækning gennem Master Addons Theme Builder, som tilføjer brugerdefinerede sidehoveder, sidefødder, arkiver, enkeltskabeloner og 404 sider oven på Elementors editor. Slutresultatet er ens; Mosaic bager det bare ind i kerneproduktet i stedet for at behandle det som et tilføjelseslag.

Interaktioner og animationer

Mosaik omfatter en interaktionsbygger med to triggerkategorier:

• Simple triggere: rul ind i visningen, hold markøren, klik, sideindlæsning, rulleretningsændring
• Kontinuerlige udløsere: musen bevæger sig og mens du ruller

Vedhæft en udløser til enhver sektion eller element, og definer derefter, hvad der animerer. Det dækker de moderne-landing-side essentials: fade-ins på rulle, parallakse-stil bevægelse, hover stater ud over simple farve swaps.

Det er et dygtigt system, men ikke revolutionerende. Elementor-brugere har haft lignende muligheder i årevis gennem bevægelseseffekter og tilføjelser. Master Addons alene dækker indgangsanimationer, flydende effekter og rullebaserede bevægelser, plus ekstramateriale som partikel baggrunde. Hvad Mosaic tilbyder er strammere integration: interaktioner lever i samme panel som alt andet i stedet for at være spredt på tværs af faner.

Loops og dynamisk indhold

Loopbyggeren håndterede vores blogarkivtest godt. Du designer ét element (billede, kategori, titel, uddrag, forfatter, dato), og Mosaic gentager det for hvert indlæg, komplet med pagineringskontroller og en “ingen resultater”-tilstand.

Sløjfer forbinder til indlæg, sider og brugerdefinerede indlægstyper, og parrer med skabelonbetingelser, så arkiver, kategorier og søgeresultater hver får det rigtige layout. Kombineret med betinget synlighedslogik kan du vise eller skjule indhold baseret på kontekst, svarende til hvad visningsforhold gør i Elementor.

Hvis du bygger indholdstunge websteder, er dette et af Mosaics stærkeste områder. Opbygning af et brugerdefineret bloglayout føltes hurtigere her end hos de fleste bygherrer, vi har testet. Elementorbrugere rækker typisk ud efter en widget som Blog Element til opbyg en blogside, hvilket får dig der også, men Mosaics tilgang giver dig finere strukturel kontrol over hvert loop-element.

Mosaic Builder Prissætning

Mosaics lanceringspriser er aggressive, klart designet til at opbygge en brugerbase hurtigt:

Et par detaljer, der er værd at vide:

• The gratis første år på Personal og Creator planer er en tidlig-bird tilbud kører til udgangen af 2026. Du betaler intet nu, og abonnementet starter i år to.
• Alle planer omfatter hver Pro-funktion. Niveauerne adskiller sig kun i antal websteder og aktiveringsgrænser (2 om året på Personal, 15 på Creator, ubegrænset på Agency).
• Der er ingen permanent gratis version.

Et gratis år med ubegrænset Pro funktioner er omtrent så lav som barrieren for indrejse får. $ 199 levetid Agency deal er også stærk værdi, hvis produktet overlever og modnes.

Dom: En lovende bygmester, der har brug for tid

Mosaic Builder er en af de mere interessante WordPress-byggere, vi har set lancere i årevis. Klassesystemet er godt udført, onboardingen er fremragende, temabygningen er indbygget i stedet for at bolte på, og prisen på gratis første år fjerner enhver undskyldning for ikke at prøve det.

Vores anbefaling:

• Prøv det på et iscenesættelses- eller sideprojekt, især hvis du kender CSS og kan lide Webflow-modellen. Det frie år gør dette til et nul-risiko eksperiment.
• Hold dig til Elementor hvis du er afhængig af addon-økosystemet, har brug for et gratis niveau eller ønsker den sikreste vej til klientarbejde. En velvalgt stak dækker næsten alt, hvad Mosaic lover i dag, og derfor topper Elementor stadig vores sidebygger sammenligning.

Vi opdaterer denne Mosaic Builder-gennemgang, når en stabil udgivelse afsendes. Hvis klassesystemet holder på rigtige klientwebsteder, vil Elementor have en rival, der er værd at tage alvorligt, og det pres har en tendens til at gøre hver bygherre bedre.

Ofte stillede spørgsmål

Relateret læsning: Hvis du afvejer dine muligheder, se vores roundups af bedste Elementor temaer og bedste letvægts WordPress temaer til Elementor, eller kontrollere hvad er nyt i Master Addons v3.