Individualisieren Sie das Design Ihres CMS oder Ihres Onlineshops noch mehr nach Ihren Wünschen mittels externer Stylesheets und heben Sie sich mit Ihrem personalisierten Design von Ihrer Konkurrenz ab!

Bitte beachten Sie: Diese Anleitung behandelt nur die Integration eines Stylesheets in Rent-a-Shop. Um mit einem Stylesheet das Design anzupassen, benötigen Sie Erfahrung in der Webentwicklung und insbesondere mit CSS.

Bei Rent-a-Shop können Sie bei Bedarf externe Stylesheets verwenden. Auf diese Weise können Sie das Design Ihres CMS oder Ihres Onlineshops noch mehr nach Ihren Wünschen individualisieren. Und noch wichtiger: Mit einem eigenen Design können Sie sich von Ihrer Konkurrenz abheben!

Um ein externes Stylesheet einzubinden, gehen Sie wie folgt vor:

  1. Gehen Sie über «Konto» zum «Dateimanager».
  2. Wählen Sie einen Ordner aus oder legen Sie einen neuen Ordner an.



  3. Legen Sie in diesem Ordner eine neue Datei an, z. B. design.css. Diese muss vom Dateityp .css sein!



  4. Klicken Sie auf diese Datei, fügen Sie Ihren CSS-Style ein und klicken Sie den Button «Speichern».



  5. Suchen Sie in der Dateiliste erneut nach Ihrer CSS-Datei und klicken Sie auf das dazugehörige Zahnrad rechts.
  6. Kopieren Sie die dort hinterlegte URL. Diese baut meistens auf diesem Schema auf: /files/ORDNERNAME/DATEINAME.



  7. Binden Sie die Datei als Stylesheet in den Headcode ein: <link rel="stylesheet" type="text/css" href="/files/ORDNERNAME/DATEINAME" media="screen" />
    Die ID nach /files/ kann dabei weggelassen werden.



  8. Gehen Sie wieder über «Konto» zum «Dateimanager». Bearbeiten Sie erneut Ihre CSS-Datei und klicken Sie den Button «Speichern». Die Änderungen sind direkt live zu sehen.

Styling von bestimmten Widgets

Um Styles auf bestimmte Widgets anzuwenden, haben Sie die Möglichkeit diesen in den Widget-Einstellungen eine CSS-Klasse zuzuweisen. Mehr dazu hier.

Ähnliche Beiträge

Produkt
Verleihen Sie dem Aussehen Ihres CMS oder Onlineshops einen besonderen Charakter und binden Sie Google Fonts ein.
Mit dem Site-Editor von Rent-a-Shop erstellen Sie im Nu neue Seiten und bearbeiten unkompliziert bestehende Seiten.
Gestalten Sie Ihren Shop oder Ihre Webseite nach Ihren Vorstellungen. Definieren Sie beliebig viele Templates mit unterschiedlichen Designs und setzen Sie Ihre Design-Vorlagen jederzeit bei Bedarf ein.

Bist du bereit durchzustarten?

Banner-Partner1.png
Banner-Partner2.png