Wenn Sie mehrere ähnlich gestaltete Inhaltsbereiche benötigen, müssen Sie diese im Smart-Editor nicht jedes Mal vollständig neu erstellen.

Sie können bereits vorhandene Blöcke kopieren oder duplizieren und anschließend mit neuen Texten, Bildern und anderen Inhalten versehen.

Dadurch sparen Sie Zeit und sorgen gleichzeitig für ein einheitliches Erscheinungsbild Ihrer Webseite.

In dieser Anleitung erfahren Sie, wie Sie Blöcke duplizieren, auf andere Seiten übertragen und die übernommenen Inhalte anschließend anpassen.

1. Was bedeutet Kopieren und Duplizieren?

Beim Kopieren oder Duplizieren wird aus einem bereits vorhandenen Inhaltsblock eine weitere Version erstellt.

Diese übernimmt grundsätzlich die Gestaltung des ursprünglichen Blocks.

Dazu können beispielsweise gehören:

• Texte und Überschriften,
• Bilder und Hintergrundbilder,
• Schaltflächen und Verlinkungen,
• Container und Raster,
• Farben und Schriftgrößen,
• Abstände und Größenangaben,
• responsive Layouteinstellungen.

Die entstandene Kopie können Sie anschließend verändern, ohne den ursprünglichen Block neu gestalten zu müssen.

Was ist der Unterschied?

Die Funktion Duplizieren erstellt normalerweise direkt eine weitere Version des ausgewählten Blocks auf derselben Seite.

Beim Kopieren und Einfügen übernehmen Sie einen Block zunächst in die Zwischenablage beziehungsweise den dafür vorgesehenen Kopiermechanismus des Editors und fügen ihn anschließend an einer anderen Stelle ein.

Dadurch können Sie Blöcke gegebenenfalls auch auf anderen Seiten wiederverwenden.

Wichtig: Eine duplizierte Kopie ist normalerweise ein eigenständiger Inhaltsbereich. Spätere Änderungen am Original werden nicht automatisch mit der Kopie synchronisiert.

2. Wann ist das Duplizieren eines Blocks sinnvoll?

Das Duplizieren eignet sich besonders für Inhalte, die mehrfach in ähnlicher Gestaltung benötigt werden.

Ein Beispiel ist eine Übersicht verschiedener Dienstleistungen.

Sie gestalten zunächst einen Block mit einer Überschrift, einem Bild, einem Beschreibungstext und einer Schaltfläche.

Wenn Sie anschließend eine weitere Dienstleistung vorstellen möchten, können Sie diesen Block duplizieren und lediglich die enthaltenen Informationen austauschen.

Weitere typische Einsatzmöglichkeiten sind:

• mehrere Leistungsbeschreibungen,
• Produktvorstellungen,
• Team- und Mitarbeitervorstellungen,
• Referenzen und Projektberichte,
• Veranstaltungsankündigungen,
• Informationsbereiche mit einheitlichem Aufbau.

Tipp: Gestalten Sie zunächst einen Block vollständig und überprüfen Sie seine Darstellung auf verschiedenen Bildschirmgrößen. Erst danach sollten Sie ihn mehrfach duplizieren.

3. Einen vorhandenen Block duplizieren

Mit der Duplizierfunktion können Sie eine Kopie eines bereits vorhandenen Inhaltsblocks erstellen.

1. Öffnen Sie die gewünschte Seite im Smart-Editor.
2. Wählen Sie den Block aus, den Sie duplizieren möchten.
3. Öffnen Sie die zugehörigen Blockwerkzeuge beziehungsweise Blockoptionen.
4. Wählen Sie die Funktion Duplizieren beziehungsweise Duplicate.
5. Der Smart-Editor erstellt eine weitere Version des Blocks.
6. Wählen Sie die neue Kopie aus und beginnen Sie mit der Anpassung.

Die Kopie enthält zunächst die übernommenen Inhalte und Gestaltungseinstellungen.

Die genaue Position der Duplizierfunktion kann sich je nach installierter Smart-Editor-Version unterscheiden.

Hinweis: Achten Sie darauf, den vollständigen Block auszuwählen. Wenn lediglich ein einzelnes Textelement oder Bild markiert ist, kann sich die Duplizierfunktion stattdessen auf dieses Element beziehen.

4. Die Kopie an die gewünschte Position verschieben

Ein duplizierter Block wird üblicherweise in der Nähe des ursprünglichen Inhaltsbereichs eingefügt.

Sie können die Kopie anschließend an eine andere Position innerhalb Ihrer Webseite verschieben.

Die Position verändern

1. Wählen Sie den duplizierten Block aus.
2. Öffnen Sie die vorgesehenen Verschiebewerkzeuge.
3. Verschieben Sie den Block an die gewünschte Stelle.
4. Kontrollieren Sie die Reihenfolge der Inhaltsbereiche.

Alternativ können Sie den Seiten-Navigator verwenden, um die Position des kopierten Blocks innerhalb der Seite zu kontrollieren und gegebenenfalls zu verändern.

Tipp: Wenn Sie mehrere ähnliche Blöcke benötigen, kann es sinnvoll sein, diese zunächst direkt untereinander zu duplizieren und anschließend gemeinsam in die gewünschte Reihenfolge zu bringen.

5. Texte in einem duplizierten Block ändern

Nach dem Duplizieren sollten Sie die übernommenen Beispielinhalte durch die gewünschten neuen Informationen ersetzen.

Überschriften bearbeiten

1. Wählen Sie die Überschrift innerhalb des duplizierten Blocks aus.
2. Aktivieren Sie die Textbearbeitung.
3. Ersetzen Sie den bisherigen Text.
4. Kontrollieren Sie die Darstellung.

Beschreibungstexte ändern

Verfahren Sie bei den übrigen Texten entsprechend.

Achten Sie darauf, dass die neuen Texte möglicherweise länger oder kürzer als die ursprünglichen Inhalte sind.

Dadurch können sich Abstände und die benötigte Höhe des Blocks verändern.

Tipp: Wenn Sie mehrere gleichartige Blöcke verwenden, sollten Sie möglichst einheitliche Schriftgrößen und Abstände beibehalten. Die Textlängen müssen dafür jedoch nicht identisch sein.

6. Bilder in kopierten Blöcken austauschen

Wenn Sie einen Block mit Bildern duplizieren, werden zunächst auch die verwendeten Bildmotive übernommen.

Diese können Sie anschließend durch neue Bilder ersetzen.

1. Wählen Sie das betreffende Bild innerhalb der Kopie aus.
2. Öffnen Sie die Funktion zum Austauschen des Bildes.
3. Wählen Sie eine andere vorhandene Bilddatei oder laden Sie ein neues Bild hoch.
4. Übernehmen Sie die Auswahl.
5. Kontrollieren Sie die Größe und den Bildausschnitt.

Das Seitenverhältnis beachten

Besitzt das neue Bild ein anderes Seitenverhältnis, kann sich der sichtbare Ausschnitt verändern.

Ein Hochformatbild benötigt beispielsweise eine andere Darstellung als ein breites Querformatbild.

Wenn mehrere duplizierte Blöcke nebeneinander oder untereinander einheitlich aussehen sollen, empfiehlt es sich, Bilder mit ähnlichen Seitenverhältnissen zu verwenden.

Wichtig: Das Austauschen eines Bildes innerhalb einer Kopie bedeutet nicht automatisch, dass die ursprüngliche Bilddatei vom Server gelöscht wird.

7. Schaltflächen und Verlinkungen überprüfen

Beim Duplizieren eines Blocks werden normalerweise auch die vorhandenen Schaltflächen und deren Verlinkungen übernommen.

Das kann dazu führen, dass eine kopierte Schaltfläche zunächst noch auf dieselbe Zielseite verweist wie im ursprünglichen Block.

Das Linkziel anpassen

1. Wählen Sie die betreffende Schaltfläche aus.
2. Öffnen Sie deren Linkeinstellungen.
3. Überprüfen Sie das eingetragene Ziel.
4. Ersetzen Sie die Verlinkung bei Bedarf.
5. Speichern Sie Ihre Änderungen.

Vergessen Sie nicht, gegebenenfalls auch die Beschriftung der Schaltfläche anzupassen.

Beispiel: Wenn Sie einen Leistungsblock mit der Schaltfläche „Mehr über Webdesign erfahren“ duplizieren, sollte die Schaltfläche im neuen Block nicht weiterhin zur Webdesign-Seite führen, wenn dort eine andere Dienstleistung vorgestellt wird.

Wichtig: Kontrollieren Sie bei jedem duplizierten Block sämtliche vorhandenen Verlinkungen. Dazu gehören auch Links auf Bildern und interne Sprungmarken.

8. Einen Block kopieren und wieder einfügen

Neben dem direkten Duplizieren können Sie Blöcke auch mithilfe einer Kopier- und Einfügefunktion wiederverwenden.

Damit lässt sich ein Inhaltsbereich an eine andere Stelle übertragen.

Einen Block kopieren

1. Wählen Sie den gewünschten Block aus.
2. Öffnen Sie die verfügbaren Blockoptionen.
3. Verwenden Sie die Funktion Kopieren beziehungsweise Copy.

Den Block einfügen

1. Wechseln Sie zur gewünschten Einfügeposition.
2. Verwenden Sie die Einfügefunktion des Smart-Editors.
3. Kontrollieren Sie den eingefügten Inhaltsbereich.
4. Passen Sie gegebenenfalls seine Position und Inhalte an.

Je nach Version kann die Funktion über ein Kontextmenü oder die entsprechenden Tastenkombinationen erreichbar sein.

Hinweis: Verwenden Sie beim Kopieren vollständiger Blöcke möglichst die dafür vorgesehenen Editorfunktionen. Das gewöhnliche Kopieren von markiertem Text ist nicht mit dem Kopieren einer vollständigen Blockstruktur gleichzusetzen.

9. Blöcke auf andere Seiten übertragen

Besonders praktisch ist die Möglichkeit, einen bereits gestalteten Block auf einer anderen Smart-Editor-Seite wiederzuverwenden.

Dadurch können Sie beispielsweise eine aufwendig gestaltete Leistungsübersicht oder einen Kontaktbereich übernehmen, ohne diesen vollständig neu erstellen zu müssen.

Einen Block zwischen Seiten kopieren

1. Öffnen Sie die Seite, auf der sich der gewünschte Block befindet.
2. Wählen Sie den vollständigen Block aus.
3. Verwenden Sie die Kopierfunktion.
4. Öffnen Sie die gewünschte Zielseite im Smart-Editor.
5. Fügen Sie den kopierten Block über die entsprechende Editorfunktion ein.
6. Kontrollieren Sie die übernommene Gestaltung.
7. Speichern Sie die Zielseite.

Abhängig von der Smart-Editor-Version können für diese Funktion bestimmte Kopier- und Einfügewege erforderlich sein.

Was sollte nach dem Einfügen geprüft werden?

Kontrollieren Sie insbesondere:

• die verwendeten Schriftarten,
• Text- und Hintergrundfarben,
• Innen- und Außenabstände,
• Bilder und deren Ausschnitte,
• Schaltflächen und Linkziele,
• die Darstellung auf Smartphones und Tablets.

Wichtig: Ein kopierter Block kann auf einer anderen Seite aufgrund abweichender Gestaltungsbedingungen anders aussehen. Überprüfen Sie deshalb immer das tatsächliche Ergebnis.

10. Einzelne Elemente statt vollständiger Blöcke kopieren

Sie müssen nicht immer einen vollständigen Inhaltsblock kopieren.

Häufig genügt es, einzelne Gestaltungselemente zu duplizieren.

Dazu können beispielsweise gehören:

• Überschriften,
• Texte,
• Bilder,
• Schaltflächen,
• Formen,
• Container und andere Layout-Elemente.

Ein einzelnes Element duplizieren

1. Wählen Sie das gewünschte Element aus.
2. Öffnen Sie die entsprechenden Elementoptionen.
3. Verwenden Sie die Funktion zum Duplizieren.
4. Positionieren Sie die entstandene Kopie.
5. Passen Sie die Inhalte beziehungsweise Eigenschaften an.

Das ist besonders hilfreich, wenn Sie innerhalb desselben Blocks mehrere ähnlich gestaltete Elemente benötigen.

Container mit mehreren Elementen kopieren

Wenn Sie einen Container duplizieren, können dadurch auch die darin enthaltenen Elemente übernommen werden.

Sie erhalten auf diese Weise eine weitere zusammengehörige Gestaltungseinheit.

Tipp: Wenn mehrere Elemente gemeinsam kopiert werden sollen, kann es einfacher sein, ihren übergeordneten Container zu duplizieren, statt jedes Element einzeln zu kopieren.

11. Kopierte Blöcke und responsive Gestaltung

Ein wesentlicher Vorteil des Kopierens besteht darin, dass die bereits angelegten Layouteinstellungen als Grundlage übernommen werden können.

Das betrifft auch die Darstellung auf verschiedenen Bildschirmgrößen.

Allerdings bedeutet dies nicht, dass ein kopierter Block nach jeder Inhaltsänderung automatisch auf allen Geräten optimal aussieht.

Längere Texte

Wenn Sie die ursprünglichen Texte durch deutlich längere Inhalte ersetzen, kann zusätzlicher Platz erforderlich sein.

Andere Bilder

Neue Bilder können andere Seitenverhältnisse besitzen und dadurch einen veränderten Bildausschnitt erfordern.

Veränderte Elementpositionen

Wenn Sie Elemente innerhalb der Kopie verschieben, sollten Sie die Auswirkungen auf die anderen Bildschirmansichten überprüfen.

Die Darstellung kontrollieren

1. Bearbeiten Sie den kopierten Block.
2. Wechseln Sie zur Tablet-Ansicht.
3. Prüfen Sie die Anordnung der Inhalte.
4. Kontrollieren Sie anschließend die Smartphone-Ansichten.
5. Korrigieren Sie bei Bedarf ungewöhnliche Abstände oder überlagerte Elemente.
6. Prüfen Sie abschließend erneut die übrigen Bildschirmansichten.

Wichtig: Besonders bei komplexen Layouts mit frei positionierten Elementen kann das Austauschen von Inhalten zusätzliche Anpassungen erforderlich machen.

12. Warum sind kopierte Blöcke nicht automatisch miteinander verbunden?

Wenn Sie einen Block duplizieren oder kopieren, entsteht normalerweise eine eigenständige Kopie seiner Gestaltung.

Diese ist nicht automatisch mit dem ursprünglichen Block verbunden.

Wenn Sie später den Originalblock verändern, wird die Änderung deshalb nicht selbstständig auf sämtliche Kopien übertragen.

Ein Beispiel

Sie erstellen einen Kontaktblock mit Ihrer Anschrift und Telefonnummer.

Anschließend kopieren Sie diesen Block auf fünf verschiedene Seiten.

Wenn sich Ihre Telefonnummer ändert, müssen Sie die betreffenden Kopien einzeln aktualisieren.

Gemeinsam verwendete Inhalte in Joomla

Joomla bietet Möglichkeiten, bestimmte Inhalte zentral zu verwalten und auf mehreren Seiten auszugeben.

Dazu gehören beispielsweise Joomla-Module.

Wenn Informationen auf zahlreichen Seiten identisch erscheinen und regelmäßig aktualisiert werden müssen, kann eine solche zentrale Verwaltung sinnvoller sein als das wiederholte Kopieren derselben Inhalte.

Tipp: Verwenden Sie duplizierte Blöcke für ähnlich gestaltete, aber inhaltlich unterschiedliche Bereiche. Für dauerhaft identische Informationen auf vielen Seiten kann eine zentrale Joomla-Lösung die bessere Wahl sein.

13. Gibt es eine eigene Blockbibliothek?

Die Desktop-Anwendung von Nicepage bietet eine Funktion, mit der eigene Blöcke dauerhaft in einer persönlichen Bibliothek gespeichert werden können.

Diese Funktion steht in der Joomla-Version des Smart-Editors nicht in gleicher Weise zur Verfügung.

Sie können deshalb nicht ohne Weiteres eine persönliche Sammlung selbst gestalteter Blöcke innerhalb der Joomla-Weboberfläche anlegen und dauerhaft daraus auswählen.

Welche Möglichkeiten gibt es stattdessen?

Sie können vorhandene Blöcke innerhalb einer Seite duplizieren oder mithilfe der unterstützten Kopierfunktionen auf andere Seiten übertragen.

Wenn Sie häufig bestimmte Gestaltungen benötigen, kann es außerdem sinnvoll sein, einen eigenen unveröffentlichten Joomla-Beitrag als Sammlung vorbereiteter Inhaltsbereiche anzulegen.

Von dort können Sie bei Bedarf geeignete Blöcke kopieren und auf anderen Smart-Editor-Seiten wiederverwenden.

Hinweis: Ein solcher Sammelbeitrag ersetzt keine echte Blockbibliothek mit zentraler Verwaltung. Er kann jedoch eine praktische organisatorische Hilfe sein.

14. Häufige Fehler beim Kopieren vermeiden

Mit einigen einfachen Vorgehensweisen lassen sich typische Probleme vermeiden.

• Das richtige Objekt auswählen: Prüfen Sie, ob Sie einen vollständigen Block, einen Container oder nur ein einzelnes Element kopieren.
• Gestaltung zuerst fertigstellen: Duplizieren Sie wiederkehrende Inhaltsbereiche möglichst erst nach der grundlegenden Gestaltung.
• Beispieltexte ersetzen: Achten Sie darauf, keine alten Inhalte in der Kopie zu belassen.
• Bilder kontrollieren: Neue Bilder können andere Seitenverhältnisse besitzen.
• Verlinkungen überprüfen: Kopierte Schaltflächen übernehmen möglicherweise die bisherigen Linkziele.
• Responsive Ansichten prüfen: Veränderte Inhalte können zusätzliche Anpassungen erforderlich machen.
• Kopien nicht mit zentralen Inhalten verwechseln: Änderungen an einem Block werden normalerweise nicht automatisch auf seine Kopien übertragen.
• Regelmäßig speichern: Sichern Sie Ihre Arbeit nach abgeschlossenen Bearbeitungsschritten.
• Frontend überprüfen: Kontrollieren Sie die fertige Gestaltung auf der tatsächlichen Webseite.

15. Wie geht es weiter?

Sie wissen jetzt, wie Sie bereits gestaltete Blöcke im Smart-Editor duplizieren, kopieren und auf anderen Seiten wiederverwenden können.

Dadurch lassen sich wiederkehrende Gestaltungen schneller erstellen und einheitlich aufbauen.

Sie haben außerdem gelernt, warum kopierte Inhaltsbereiche normalerweise unabhängig voneinander bearbeitet werden und wann eine zentrale Verwaltung über Joomla sinnvoller sein kann.

Als Nächstes empfehlen wir Ihnen die Anleitung „Blöcke löschen und wiederherstellen“. Dort erfahren Sie, wie Sie nicht mehr benötigte Inhaltsbereiche entfernen und versehentliche Änderungen rückgängig machen.