Framer och WordPress är båda kraftfulla plattformar, men de tjänar väldigt olika syften. Framer är känt för sina vackra, interaktiva designfunktioner, som ofta används för att skapa landningssidor eller eleganta mikrosajter. WordPress, å andra sidan, är ett komplett innehållshanteringssystem som används av miljontals människor för att driva allt från personliga bloggar till stora e- handelswebbplatser.
Tänk dig nu detta. Du har redan en WordPress-webbplats live, men du har precis byggt en fantastisk landningssida i Framer. Du älskar hur den ser ut och känns. Den är snabb, responsiv och designad precis som du vill. Nästa fråga som dyker upp är enkel men viktig.
Kan du få den där Framer-sajten att finnas live på din WordPress-domän?
Den här frågan har ställts mer och mer på sistone i takt med att designers och webbutvecklare letar efter kreativa sätt att kombinera verktyg de älskar. Det låter enkelt, men svaret är inte så enkelt som man kanske tror. Det finns flera sätt att få det att hända, och vart och ett har sina fördelar, begränsningar och tekniska steg.
I den här guiden kommer vi att gå igenom allt. Du kommer att lära dig hur du pekar din WordPress-domän eller underdomän till ett Framer-projekt, vad du ska se upp med och vilken metod som fungerar bäst i verkliga situationer.
Låt oss börja.
Kan du verkligen koppla WordPress som en anpassad domän för framers?
Ja, du kan koppla din WordPress-domän till ett Framer-projekt, men med ett litet förtydligande.
Du kombinerar inte de två plattformarna i traditionell bemärkelse. Framer är en webbhotellsbaserad webbplatsbyggare och WordPress är ett innehållshanteringssystem som vanligtvis körs på en egen server. Det du egentligen gör är att dirigera trafik från en domän eller underdomän som för närvarande används eller registreras via WordPress till enwebbplats som hostas av Framer.
Det här innebär att du kan tilldela en anpassad domän eller underdomän som en gång var kopplad till WordPress och peka den till Framer genom att ändra dess DNS-inställningar. Du installerar inte WordPress inuti Framer eller vice versa. Istället använder du DNS-poster som A-poster eller CNAME för att tala om för internet vart den ska gå när någon besöker din domän.
Det fungerar bra för att lansera kampanjsidor, testa nya designer eller vara värd för en Framer-prototyp utan att påverka din huvudsakliga WordPress-webbplats.
Behöver du hjälp med att koppla ihop Framer och WordPress på rätt sätt?
På Seahawk hjälper vi varumärken att koppla samman Framer med WordPress via underdomäner, omvänd proxy eller inbäddningar utan att det skadar din webbplats.
Vad du behöver innan du börjar
Innan du börjar peka din WordPress-webbplats eller underdomän mot ett Framer-projekt finns det några saker du bör ha på plats.
Se först till att du har tillgång till din domänregistrator eller webbhotellleverantör där dina DNS-inställningar kan uppdateras. Det är här du lägger till eller ändrar A-poster och CNAME-poster.
För det andra, se till att ditt Framer-projekt är klart att publiceras. Du måste öppna domänavsnittet i dina projektinställningar för att ansluta en anpassad domän.
Slutligen, kom ihåg att DNS-ändringar kan ta tid att implementera. Var beredd på att vänta några timmar, och ibland upp till 48 timmar, innan din webbplats publiceras med den nya konfigurationen.
Att ha dessa delar redo gör anslutningen smidig och undviker onödiga förseningar.
Alternativ A: Anslut Framer till en WordPress-underdomän (steg för steg)
Det enklaste och mest pålitliga sättet att koppla ett Framer -projekt till en WordPress- webbplats är att använda en underdomän. Detta håller båda plattformarna separata men anslutna via samma huvuddomän. Du kan till exempel använda en underdomän som launch.yoursite.com eller design.yoursite.com för att visa din Framer-webbplats.
Så här konfigurerar du det:
Steg 1: Skapa en underdomän
Logga in på din domänregistrator eller webbhotellsdashboard. De flesta leverantörer låter dig skapa en underdomän under DNS-inställningar. Du kan se det här alternativet märkt som "Hantering av underdomäner" eller helt enkelt i avsnittet om DNS-poster.
Lägg till den underdomän du vill använda och peka den till din DNS-hanterare.
Steg 2: Öppna ditt ramprojekt
Gå till webbplatsen du vill publicera i din Framer-instrumentpanel. Klicka på fliken "Inställningar" och gå sedan till "Domäner". Välj alternativet för att ansluta en anpassad domän.
Ange din fullständiga underdomän. Till exempel promo.dinsajt.com.
Steg 3: Lägg till DNS-poster
Framer kommer att förse dig med de DNS-värden som ska användas. Vanligtvis innebär detta att man lägger till en CNAME-post så här:
| Namn | Typ | Värde |
|---|---|---|
| kampanj | CNAME | sites.framer.app |
Lägg till detta i dina DNS-poster i ditt domänregistrarkonto. Spara ändringarna.
Steg 4: Vänta och publicera
DNS-ändringar kan ta allt från några minuter till några timmar. När posten är aktiv går du tillbaka till ditt Framer-projekt och klickar på "Publicera". Din Framer-webbplats visas nu på den underdomän du har konfigurerat.
Att använda en underdomän håller din huvudsakliga WordPress-webbplats orörd samtidigt som du får utrymme att lansera oberoende landningssidor, portföljer eller prototyper.
Alternativ B: Använd omvänd proxy för att maskera Framer på din huvudsakliga WordPress-domän
Om du vill att ditt Framer-projekt ska visas direkt på din huvudsakliga WordPress-domän, inte en underdomän, måste du använda en metod som kallas reverse proxy. Den här metoden låter dig visa innehåll från Framer samtidigt som domänen behålls som yoursite.com.
Den här konfigurationen är mer avancerad och fungerar bäst om du är bekant med serverkonfiguration.
Steg 1: Förstå vad en omvänd proxy gör
En omvänd proxy fungerar som en mellanhand. När någon besöker din domän hämtar den innehåll från din Framer-webbplats och visar det som om det kommer från din huvudsakliga WordPress-server. På så sätt ser besökarna din Framer-sida medan URL:en förblir densamma.
Steg 2: Peka din domän till en server du kontrollerar
Du behöver hosta din WordPress-webbplats eller åtminstone hantera dess serverkonfiguration. Om din webbplats använder delad hosting kanske det här steget inte är möjligt. Du behöver tillgång till serverfiler eller verktyg som NGINX eller Apache.
Steg 3: Konfigurera proxyregler
Här är ett enkelt exempel med NGINX:
plats / { proxy_pass https://din-framer-site.framer.website; proxy_set_header Värd $host; proxy_set_header X-Real-IP $remote_addr; }Detta anger att din server ska visa innehåll från Framer samtidigt som din domän bibehålls intakt.
Steg 4: Testa allt
När du har sparat dina ändringar, rensa cachen och försök besöka din domän. Du bör se Framer-projektet laddas på yoursite.com.
Begränsningar att tänka på
- SEO kan påverkas om proxyn inte hanteras korrekt
- Insticksprogram eller serveromdirigeringar kan komma i konflikt
- Inte nybörjarvänlig och kan kräva kontinuerligt underhåll
Den här metoden är kraftfull men riskabel om den inte hanteras korrekt. Den används ofta för korta kampanjer eller tillfälliga hemsidor.
WordPress och Framer på samma domän: Är det värt det?
Att försöka kombinera WordPress och Framer på samma domän kan kännas som att blanda två olika världar. Ibland fungerar det utmärkt, och andra gånger skapar det mer komplexitet än det löser.
Om ditt mål är att driva en komplett webbplats med innehåll, e-handel och bloggande, bör din WordPress-webbplats vara grunden. Framer, å andra sidan, är perfekt för designorienterade sidor som portfolios, kampanjsidor eller visuella presentationer.
Installationen är värd besväret när du vill starta ett fristående Framer-projekt utan att ändra din huvudsakliga WordPress-webbplats. Att använda en underdomän är det enklaste och mest pålitliga sättet.
Att peka din huvuddomän till Framer med hjälp av en omvänd proxy är dock bara meningsfullt för kortsiktiga behov eller splash-sidor. Det kräver mer ansträngning, medför större risker och kan störa funktionaliteten på din WordPress-webbplats.
I de flesta fall är det smartare att hålla dem separerade men sammankopplade.
Alternativ: Bädda in Framer-projekt i WordPress
Om det känns för tekniskt att ansluta en anpassad domän eller konfigurera en omvänd proxy finns det en mycket enklare väg. Du kan bädda in ett Framer-projekt direkt på din WordPress-webbplats med hjälp av en iframe.
Den här metoden håller båda plattformarna igång separat. Ditt Framer-projekt förblir hostat på sin egen URL, och WordPress hanterar resten av ditt innehåll.
Hur man gör det
Publicera först ditt Framer-projekt till en aktiv URL. Kopiera sedan den URL:en.
sedan WordPress-instrumentpaneltill sidan eller inlägget där du vill att Framer-projektet ska visas
<iframe src="https://din-framer-sida.framer.webbplats" bredd="100%" höjd="600" frameborder="0">Justera höjden efter behov för din design.
Detta är utmärkt för att visa upp en portfolio, produktmockup eller interaktiv design utan att behöva röra dina DNS-inställningar. Även om du inte får full SEO-kontroll är den här metoden snabb, säker och perfekt för att visa upp designarbete på din befintliga WordPress-webbplats.
Slutsats: Hitta rätt uppställning för dina mål
Framer och WordPress bidrar båda med något värdefullt. Den ena erbjuder visuell frihet och moderna layouter. Den andra ger dig full kontroll över innehåll, funktionalitet och SEO. Den verkliga fördelen kommer när du vet hur du använder båda på ett sätt som fungerar för din uppsättning.
För de flesta användare är det den renaste lösningen att peka en underdomän till ett Framer-projekt. Det är enkelt att hantera, fungerar bra med befintliga DNS-poster och skyddar din huvudsakliga WordPress-webbplats från misstag. Omvänd proxy ger dig mer kontroll, men det kräver ett skickligt team och teknisk erfarenhet. Att bädda in med iframes är ett annat sätt att visa Framer-design utan att röra resten av din webbplats.
Varje designer, utvecklare och företag har olika mål. Nyckeln är att fokusera på vad din webbplats behöver nu och bygga rätt process kring det.
Vanliga frågor: Snabba svar på dina frågor
Är det möjligt att bädda in Framer i WordPress utan att det påverkar min webbplats?
Ja. Du kan använda en iframe för att bädda in ett Framer-projekt utan att ändra något på din befintliga WordPress-webbplats.
Kan jag använda min huvuddomän för både WordPress och Framer?
Endast om du använder en omvänd proxy, vilket är komplext. Det säkrare valet är att använda en underdomän för ditt Framer-projekt.
Kan jag hosta Framer direkt på min WordPress-webbplats?
Nej. Framer är en separat plattform och körs inte inuti WordPress. Du kan bara ansluta till den med DNS-poster eller bädda in den som en inramad sektion.
