6.4 Seitentexte, Bilder und Links bearbeiten

Gestalte eine Inhaltsseite mit Absätzen, Zwischenüberschrift, Bild und internem Link. Prüfe nach dem Speichern, ob Inhalt und Formatierung erhalten geblieben sind.

Im Backoffice
  1. Design
  2. Seiten
  3. Inhaltsseite öffnen

Vorbereitung

Voraussetzungen

  • Du bist im Backoffice angemeldet und darfst die gezeigten Seitenfunktionen bearbeiten.
  • Die Änderungen sind intern abgestimmt und freigegeben.

Ausgangssituation

Der Entwurf T-Shirt richtig pflegen ist vorhanden. Ein freigegebenes Demo-Bild liegt bereits in der lokalen CMS-Medienablage.

Wir verwenden eigene Demo-Inhalte im lokalen Lernshop. Bestehende Seiten und Rechtstexte bleiben unverändert. Es wird nichts auf dem echten Shop veröffentlicht.

1.5

Text im Editor überarbeiten

Öffne den Entwurf und bearbeite Inhalt der Seite. Verwende kurze Absätze, konkrete Formulierungen und freigegebene Angaben.

Wir ergänzen den Hinweis auf das Pflegeetikett und einen zweiten Absatz zu den Herstellerangaben. Übernimm keine fremden Formatierungen ungeprüft aus Textverarbeitungsprogrammen.

Text im Editor überarbeiten am eigenen Demo-Seitenentwurf in PrestaShop
PrestaShop 9: Text im Editor überarbeiten.

Ergebnis prüfen: Der Seiteninhalt enthält die vorgesehenen Absätze.

▶ Diesen Schritt im Video ansehen
2.5

Zwischenüberschrift formatieren

Setze So findest du die passenden Hinweise als Zwischenüberschrift im Format Überschrift 2. Die Hauptüberschrift wird bereits aus dem Seitenfeld Überschrift erzeugt.

Verwende echte Überschriften statt ausschließlich größerer oder fetter Schrift. Listen sind für mehrere gleichartige Punkte geeignet; Ausrichtung, Tabellen und Medien verwendest du nur bei Bedarf.

Zwischenüberschrift formatieren am eigenen Demo-Seitenentwurf in PrestaShop
PrestaShop 9: Zwischenüberschrift formatieren.

Ergebnis prüfen: Die Zwischenüberschrift ist als H2 formatiert.

▶ Diesen Schritt im Video ansehen
4.5

Vorhandenes Bild mit Beschreibung einfügen

Öffne Bild einfügen und verwende die vorbereitete Bildadresse /img/cms/handbuch-tshirt.jpg aus der Shop-Medienablage. Trage Schwarzes T-Shirt als Bildbeschreibung ein.

Setze die Breite auf 320 Pixel und behalte das Seitenverhältnis bei. Das Bild muss zum Inhalt passen; prüfe später die Darstellung auf schmalen Bildschirmen. Die Demo-Datei liegt bereits vor, ein Upload wird hier nicht gezeigt.

Vorhandenes Bild mit Beschreibung einfügen am eigenen Demo-Seitenentwurf in PrestaShop
PrestaShop 9: Vorhandenes Bild mit Beschreibung einfügen.

Ergebnis prüfen: Bildquelle, Beschreibung und Abmessungen sind passend eingetragen.

▶ Diesen Schritt im Video ansehen
5.5

Inhalt speichern und Formatierung kontrollieren

Speichere und öffne den Entwurf erneut. Kontrolliere Absätze, H2-Zwischenüberschrift, Link und Bild.

In der Quelltextansicht bearbeitest du den HTML-Code der Seite direkt. Für die übliche Textpflege genügt der visuelle Editor, in dem du Text und Formatierung siehst. Die Seite bleibt weiterhin deaktiviert.

Inhalt speichern und Formatierung kontrollieren am eigenen Demo-Seitenentwurf in PrestaShop
PrestaShop 9: Inhalt speichern und Formatierung kontrollieren.

Ergebnis prüfen: Text, Überschrift, Link und Bild sind gespeichert; der Entwurf bleibt deaktiviert.

▶ Diesen Schritt im Video ansehen

Abschlusskontrolle

  • Der Seiteninhalt enthält die vorgesehenen Absätze.
  • Die Zwischenüberschrift ist als H2 formatiert.
  • Der Link hat ein passendes Ziel und einen verständlichen Linktext.
  • Bildquelle, Beschreibung und Abmessungen sind passend eingetragen.
  • Text, Überschrift, Link und Bild sind gespeichert; der Entwurf bleibt deaktiviert.

Fragen und Antworten

Wurde im Video auch ein Bild hochgeladen?

Nein. Das Beispielbild ist bereits in der Dateiablage für Inhaltsseiten gespeichert. Das Video zeigt, wie du es über die Bildadresse einfügst und Beschreibung und Größe festlegst.

NÄCHSTE ANLEITUNG

Weiterführende Anleitungen

WEITER MIT KAPITEL 6.56.5 SEO-Angaben und Seitenvorschau prüfen →

← 6.3 Inhaltsseite als Entwurf anlegen

WIR HELFEN DIR WEITER

Unterstützung bei Inhalten und Seiten

Wir unterstützen dich im Rahmen unserer Supportpläne auch bei redaktionellen Aufgaben im Shop. Die passenden Angebote findest du auf presta.at.

Supportpläne auf presta.at

6.4 Seitentexte, Bilder und Links bearbeiten – Video

Deutsche Untertitel kannst du bei Bedarf im Player einschalten.

Wenn du das Video schließt, kannst du an derselben Stelle weiterlesen.

Handbuch durchsuchen

Suche in allen Kapiteln und Anleitungen.

    Abbildung vergrößern

    Originaldatei öffnen