Editing Content
Texte ändern
Doppelklicke auf einen Text im Canvas und tippe deinen eigenen Inhalt ein.
Bilder austauschen
Klicke das Bild im Canvas oder im Layers-Panel an. Öffne rechts den Tab Style, suche im Bereich Styles die Zeile Fill und klicke auf die Bildvorschau. Wähle dein eigenes Foto aus. Größe und Position bleiben erhalten.
Klicke nicht auf das kleine × neben dem Bild, denn das entfernt die Füllung komplett. Falls das passiert, mach es mit Strg + Z rückgängig.
Bilder, die zu CMS-Inhalten gehören (zum Beispiel bei Speisekarte oder Events), änderst du stattdessen im CMS.
Verwende möglichst Bilder in guter Qualität, aber nicht größer als nötig (Ladezeit).
Farben und Schriften anpassen
Öffne in der linken Seitenleiste Styles. Dort änderst du Farben und Textstile zentral, die Änderung gilt dann automatisch auf der ganzen Website. Die genauen Schriftgrößen und Abstände dieses Templates findest du im Style Guide.
Inhalte im CMS pflegen
Viele Templates nutzen das CMS (z. B. für Speisekarte, Blog oder Events). Öffne in der linken Seitenleiste CMS, wähle eine Sammlung und bearbeite, ergänze oder lösche die Einträge.
Seiten hinzufügen oder entfernen
Im Reiter Pages kannst du Seiten duplizieren, umbenennen oder löschen. Denke daran, danach auch die Navigation zu prüfen.
Mobile Ansicht prüfen
Oben im Canvas kannst du zwischen Desktop, Tablet und Smartphone umschalten. Kontrolliere alle drei Ansichten.
Seiteneinstellungen und SEO
- Öffne die Site Settings (Zahnrad-Symbol).
- Trage unter General den Namen deiner Website ein und lade ein Favicon hoch.
- Wähle bei jeder Seite in den Page Settings einen eigenen Titel und eine Beschreibung. Das ist wichtig für Google.
- Lade ein Social Preview Image hoch. Es wird angezeigt, wenn du den Link teilst.
- Fülle die rechtlichen Pflichtseiten (Impressum, Datenschutzerklärung) mit deinen eigenen Angaben aus.
Impressum und Datenschutzerklärung im Template sind nur Platzhalter. Ersetze sie vor der Veröffentlichung durch deine eigenen, rechtlich geprüften Texte.
Website veröffentlichen
- Klicke oben rechts auf Publish.
- Framer veröffentlicht deine Seite zuerst unter einer kostenlosen Adresse wie
deinprojekt.framer.website. - Bei jeder späteren Änderung klickst du erneut auf Publish, damit sie live geht.
Eigene Domain verbinden
Für eine eigene Domain brauchst du einen kostenpflichtigen Framer-Site-Plan. Die aktuellen Pläne findest du in den Site Settings unter Plans oder auf framer.com/pricing.
- Wähle in den Site Settings einen passenden Site Plan und schließe ihn ab.
- Öffne Domains und klicke auf Add Domain.
- Gib deine Domain ein. Framer zeigt dir die benötigten DNS-Einträge (in der Regel ein A-Eintrag für die Hauptdomain und ein CNAME für
www). - Melde dich bei deinem Domain-Anbieter an (z. B. IONOS, Strato, GoDaddy) und trage dort genau diese Einträge in den DNS-Einstellungen ein.
- Kehre zu Framer zurück und lass die Verbindung prüfen. Die Aktivierung kann einige Minuten bis wenige Stunden dauern.
- Prüfe, dass das HTTPS-Zertifikat aktiv ist (Framer richtet es automatisch ein).