Erstellen eines benutzerdefinierten FeedWind RSS-Widgets mit CSS
FeedWind Pro und Plus Benutzer können benutzerdefinierte Cascading Style Sheets (CSS) einrichten. Dies geschieht durch das Erstellen von benutzerdefinierten CSS-Dateien, die Anweisungen für eine explizitere Kontrolle über das Aussehen, das Gefühl und das Verhalten Ihrer RSS-Feeds enthalten können.- Widget-Einstellungen
-
- Öffnen Sie Ihr Widget zur Bearbeitung (oder erstellen Sie ein neues)
- Erstellen Sie eine neue CSS-Datei auf Ihrem lokalen Server oder in der Cloud (z.B. Dropbox).
- Öffnen Sie die > Erweiterten Einstellungen im Abschnitt Allgemein des Einstellungsbildschirms.
- Fügen Sie die URL Ihrer CSS-Datei in das Feld "Benutzerdefinierter CSS-Link" ein
- Klicken Sie auf die Schaltfläche "Aktualisieren" daneben
- Klicken Sie auf die Schaltfläche Speichern & Code abrufen, um Ihre Änderungen zu speichern
- Fügen Sie den Code in Ihre Webseite ein
Easy Steps
Detaillierte Anweisungen
Hinzufügen einer benutzerdefinierten CSS-Datei
Sie können CSS-Dateien mit jedem einfachen Texteditor erstellen. Oder Sie können IDE verwenden, wenn Sie farbcodierte Parameter wünschen. Eine Anleitung zum Erstellen von CSS-Dateien ist in diesem Dokument nicht enthalten, aber Sie können im Internet viele Anleitungen finden, die für den Anfang ausreichen. Um Ihnen zu helfen, haben wir eine Beispieldatei bereitgestellt, die klar machen soll, wie die CSS-Datei konfiguriert werden sollte. Das Endergebnis sollte wie jede CSS-Datei drei Abschnitte enthalten: Container, Kopfzeile und Inhalt. Wenn Sie eine benutzerdefinierte CSS-Datei erstellt haben, fügen Sie sie auf dem Webserver auf die Art und Weise hinzu, die die Plattform erlaubt. Für den Fall, dass Sie keinen Zugang zu einem Firmen- oder Ihrem persönlichen Webserver haben, ist FeedWind auch mit einigen Dateihosting-Plattformen von Drittanbietern kompatibel, zum Beispiel Dropbox. In beiden Fällen sollten Sie sich die URL der CSS-Datei auf dem Webserver notieren, da diese verwendet wird, um die Datei mit FeedWind zu verknüpfen. Sobald Sie die URL der CSS-Datei haben:- Klicken Sie auf Allgemein > Erweiterte Einstellungen
- Fügen Sie die URL der CSS-Datei in das Feld “Benutzerdefinierter CSS-Link” ein
- Prüfen Sie in der Vorschau auf der rechten Seite des Bildschirms, ob beabsichtigte Änderungen vorgenommen wurden
Erweiterte Themen
Weitere Informationen über benutzerdefinierte CSS und FeedWind finden Sie hier:- CSS-Klassen und Beispiele
- Benutzerdefinierte Schriftarten mit CSS
- Benutzerdefinierte Container mit CSS
- Anpassen des Widget-Stils an das Webseite-Design
- Dateien auf Dropbox hosten
- Benutzerdefiniertes Google-Kalender-Widget mit CSS
- Benutzerdefiniertes Facebook-Widget mit CSS
- Benutzerdefiniertes Twitter-Widget mit FeedWind