Klicken Sie auf dieses Symbol um einen neuen Bereich zu öffnen, der Ihnen erlaubt eine Bilddatei einzufügen, die sich in Ihrem Bilderordner befindet. Dieser neu geöffnete Bereich ist in der nächsten Abbildung dargestellt. (Sie können Bilder über den [[File-Manager]] hochladen.)
----
<div style="padding-left: 100px">
[[Datei:Editor 2.jpg]]
==== Punkt 11) Bild URL (Image URL) einfügen ====
Sie können ein Bild einfügen wie unter Punkt 12 beschrieben, oder Sie kopieren in diese Zeile einfach eine Bild-URL, d.h. eine Adresse eines Bildes im Internet.<br>
Genau wie nach dem Vorgang unter Punkt 12 wird, nachdem Sie hier die Bild-Adresse eingegeben haben, unter Punkt 16 eine Bildvorschau angezeigt.
==== Punkt 12) Bild einfügen ====
Klicken Sie dieses Symbol, um Ihren Bildordner zu öffnen und Bilder auswählen zu können.<br>
Diesen Weg müssen Sie natürlich nicht einschlagen, Sie können in die Zeile "Image URL" (Punkt 1311) auch eine beliebige URL (Bildadresse) eintragen.<br>Sollten Sie jedoch das Symbol anklicken um eine Bilddatei aus Ihrem Bildordner einzufügen, öffnet sich ein neue Bereich, den Sie schon aus dem [[File-Manager]] kenne kennen sollten und in folgender Abbildung dargestellt ist:.
[[Datei:Editor 3.jpg]]==== Punkt 13) Bildbeschreibung ====
===== Punkt 18) Bild auswählen =====Geben Sie eine Bildbeschreibung ein. Diese Information wird von Suchmaschinen ausgewertet.
Sie sehen hier die Übersicht der Bilder, die Sie mit Hilfe des [[File-Manager|File-Managers]] hochgeladen haben. Klicken Sie auf das Bild, welches Sie einfügen möchten.==== Punkt 14) Bildbeschreibung ====
===== Punkt 19) Bildvorschau =====Wenn Sie eine Bilddatei nicht in ihrer Originalgröße darstellen möchten, können Sie hier die Breite und Höhe manuell angeben.
Wenn Sie ein Bild angeklickt haben sehen Sie hier eine Vorschau des Bildes[[Datei:Editor 3. ===== Punkt 20) Einfügen ===== Klicken Sie nun auf den Button "EINFUEGEN" um das Bild einzufügen. Sie gelangen dann zu folgener Ansicht, die Sie schon von Punkt 3 kennen:jpg]]
[[Datei:Editor 4.jpg]]===== Punkt 15) Ordner navigieren =====
===== Punkt 21) URL Ihres Bildes =====Sie sehen hier die Übersicht der Ordner und Dateien, die Sie mit Hilfe des [[File-Manager|File-Managers]] hochgeladen haben.
Die URL des Bildes, die Sie unter ===== Punkt 13 manuell eingeben müssen, hat sich in diesem Vorgang nun automatisch eingetragen. Es ist die URL des eben von Ihnen ausgesuchten Bildes.16) Bild auswählen =====
===== Klicken Sie auf das Bild, welches Sie einfügen möchten.Das Fenster schließt sich und die URL der ausgewählten Grafik steht in der Adresszeile (Punkt 2211) Einfügen =====
Klicken Sie nun auf den Button "insert" um, das Bild einzufügen.<br>
Sollten Sie unter Punkt 14 und Punkt 15 keinen Titel oder Beschreibung eingegeben, erscheint eine Fehlermeldung, die Sie jedoch dann ignorieren und mit OK bestätigen können.
<br><br>
==== Punkt 13) Bild URL (Image URL) einfügen ====
Sie können ein Bild einfügen wie unter Punkt 12 beschrieben, oder Sie kopieren in diese Zeile einfach eine Bild-URL, d.h. eine Adresse eines Bildes im Internet.<br/div>Genau wie nach dem Vorgang unter Punkt 12 wird, nachdem Sie hier die Bild-Adresse eingegeben haben, unter Punkt 16 eine Bildvorschau angezeigt.
==== Punkt 14) Bild Beschreibung ====
Hier können Sie optional eine Bildbeschreibung angeben.----
==== Punkt 15) Bild Titel ====
Hier können Sie optional einen Bildtitel angeben.=== Punkt 4) Video (Media) einfügen ===
==== Punkt 16) Bild Vorschau ==== Nachdem Hier fügen Sie Punkt 12 oder Punkt 13 abgeschlossen haben wird hier eine Bildvorschau angezeigtVideodatei in den Editor ein.<br> ==== Unter Punkt 17) Bild einfügen ====3 ist beschrieben, wie eine Bilddatei eingefügt werden kann. Dieser Vorgang ist identisch im Vergleich zum Einfügen einer Videodatei.
Klicken Sie den Button "insert" um das Bild einzufügen.<brSollten Sie unter Punkt 14 und Punkt 15 keinen Titel oder Beschreibung eingegeben, erscheint eine Fehlermeldung, die Sie jedoch dann ignorieren und mit OK bestätigen können.<br><br>=== Punkt 45) HTML-Ansicht ===
Hier wechseln Hiermit öffnen Sie ein Fenster zur HTML-Ansicht, d.h. Sie sehen nicht mehr Text und Bilder etc., sondern den reinen Quelltext. Diesen können Sie dort bearbeiten und auch abspeichern.
=== Punkt 56) Textfarbe ===
Auswahl der Textafarbe (Punkt 9)<br>
Um die Textfarbe auf Text zu übertragen, markieren Sie den zu verändernden Text und klicken anschliessend auf dieses Symbol.
=== Punkt 67) [[File-Manager]] öffnen Beispiel zur Fettschrift === Unter Punkt 1 ist beschrieben wie man Schrift in Fettschrift umgestalten kann.
Hier öffnen Sie den [[File-Manager]].=== Punkt 8) Beispiel zur Farbgestaltung ===
=== Unter Punkt 7) Video (Media) einfügen ===5 ist beschrieben wie man Schrift farblich gestalten kann.
Hier fügen Sie eine Videodatei in den Editor ein.<br>Unter === Punkt 3 ist beschrieben, wie eine Bilddatei eingefügt werden kann. Dieser Vorgang ist identisch im Vergleich 9) Beispiel zum Einfügen einer Videodatei.eines Bildes ===
=== Unter Punkt 8) Beispiel zur Fettschrift ===3 ist beschrieben wie man ein Bild einfügen kann.
Unter === Punkt 1 ist beschrieben wie man Schriftt in Fettschrift umgestalten kann.10) Vergrößern des Editors ===
=== Punkt 9) Beispiel zur Farbgestaltung ==="Ziehen" Sie mit der Maus an dem gekennzeichneten "Eck"-Symbol, um den Editor zu vergrößern.
Unter Punkt 5 ist beschrieben wie man Schriftt farblich gestalten kann.
=== Punkt 10) Beispiel zum Einfügen eines Bildes ===
Unter Punkt 3 ist beschrieben wie man ein Bild einfügen kann.----
=== Punkt 11) Vergrößern des Editors ===
<div style="Ziehen" Sie mit der Maus an dem gekennzeichneten "Eckpadding-left: 100px"-Symbol, um den Editor zu vergrößern.>
=== Punkt 12) Verlinkung ===
Auf diesem Button, der aktiv wird wenn Sie Text oder ein Bild markieren (anklicken), können Sie Verlinkungen einfügen.<br>
Diese Verlinkung gilt immer für den Text oder das Bild, welches Sie markiert haben.<br>
Im Folgenden wird erklärt, wie man eine externe Website verlinkt und wie eigene Produkte bzw. eigene Onlineshop-Seiten verlinkt werden. Dies wird anhand eines Beispiels illustriert: Wir verkaufen einen DVD-Playerein Beautyprodukt, und möchten, dass direkt in der [[Produktübersicht#Punkt_5.29_Beschreibung|Produktbeschreibung]] ein passender TV eine Webseite verlinkt ist. Im Beispiel der normalen Verlinkung einer externen Website (Punkt 25 bis 27) führen wir diesen TV dieses Produkt nicht selber in unserem Onlineshop, und möchten zur Herstellerseite dieses TVs verlinken. Im zweiten Beispiel führen wir diesen TV dieses Produkt in unserem Onlineshop und möchten direkt zur Produktseite in unserem Onlineshop verlinken (Punkt 28 bis Punkt 33).
[[Datei:Editor 5.jpg]]
In beiden Beispielen gehen wir dazu zu Beginn wie folgt vor: Wir klicken das Bild an (oder markieren den Text) den wir verlinken wollen (Punkt 2317). Nun wird der Verlinkungsbutton aktiv (Punkt 2418). Diesen klicken wir nun an. Diese Schritte sind in beiden Beispielen identisch.
==== Punkt 25) Normale Verlinkung (zu externer Website) ====<br/><br/>
[[Datei:Editor 6.jpg]]
==== Normale Verlinkung (zu externer Website) ==== In der Zeile "Link URL" (Punkt 2520) tragen Sie den Link ein, der zu der externen Website führt. Extern heisst hier, dass dieser Link nicht zu Ihrem eigenen Onlineshop führt. Links, die zu Seiten oder Produkten in Ihrem eigenen Onlineshop führen, werden unter Punkt 28 24 bis 33 27 besprochen.<br>In der Zeile "TargetZiel" ("Ziel", Punkt 2621) können Sie angeben, ob der Link in einem neuen Fenster (empfohlen, "open in new window") oder im gleichen Fenster ("open in this windowKeine") geöffnet wird. Klicken Sie anschliessend auf den Button "Insert" (OK"Einfügen", Punkt 27). Das Bild ist nun verlinkt und kann im Onlineshop angeklickt werden<br>. Wenn Sie den Link von dem Bild (oder Text) wieder entfernen wollen, klicken Sie auf das Bild (wie Sie dies schon zuvor zum Verlinken getan haben) und klicken anschliessend den Button rechts neben dem Verlinkungsbutton (Punkt 24b19). Die Verlinkung ist nun wieder entfernt. ==== Verlinkung zu einer Seite (Produktseite etc.) im eigenen Onlineshop ====
==== Sie möchten das Bild nun mit einem Produkt Ihres eigenen Onlineshops verlinken. Sie können dies natürlich, so wie hier gezeigt, auch mit jeder anderen Seite Ihres Onlineshops tun.<br> Klicken Sie dazu auf den Button unter Punkt 25) Verlinkung 22, um das Suchfenster zu einer Seite (Produktseite etc.) im eigenen Onlineshop ====öffnen:
[[Datei:Editor 7.jpg]]=== Punkt 24) Suche ===
Hier können Sie möchten das Bild nun mit einem Produkt Ihres eigenen Onlineshops verlinkennach beliebigen Inhalten suchen. Sie können dies natürlichSei es eine eigene Inhaltsseite, so wie hier gezeigt, auch mit jeder anderen Seite Ihres Onlineshops tun.<br> Dazu müssen Sie den "Code" der Seite kopieren. Dies wird hier ausführlich beschrieben: [[Inhalt_-_Startseite#Punkt_1.29_Seitencode_eingeben|Seitencode herausfinden]] (Dieser Code steht also auf jeder Seite Ihres Onlineshops oben in der Adresszeile. Diesen müssen Sie kopieren ein Produkt oder abschreiben)<br>Diesen Code sehen Sie beispielhaft unter Punkt 29eine Kategorie.<br>Haben Sie gehen also folgendermaßen vor: Tragen das gewünschte Ziel gefunden klicken Sie in die Zeile "den entsprechenden Link URL" (Punkt 2825) genau das ein, was Sie auf dem Beispielbild unter Punkt 28 sehen. Natürlich müssen Sie den hier im Beispiel eingetragenen Code ("123456") durch Ihren Code ersetzen, d.h. der Code der Seite Ihres Onlineshops.<br>In dieser Zeile sehen Sie oben folgendes: '''index.php?id=123456'''<br>Diesen Text tragen Sie auch bei Ihnen in um die Zeile ein, ausgenommen der '123456', denn diese Zahl wird durch Ihren Code ersetzt.<br>In der Zeile "Target" ("Ziel", Punkt 30) wählen Sie am besten "open in this window" (im selben Fenster öffnen) aus, damit der Link im selben Fenster öffnet (empfohlen). Wenn Sie möchten, dass der Link in einem neuen Fenster öffnet, wählen Sie in dieser Zeile "open in new window" (in neuem Fenster öffnen).<br>Klicken Sie nun, für den letzten Schritt, auf den Reiter "Advanced (Punkt 31)passende Verlinkung zu erstellen. Es öffnet folgende Reiter-Oberfläche:
[[Datei:Editor 8.jpg]]
Das Einzige, was hier zu tun ist, ist Sie gelangen dadurch zurück in der Zeile "Id" (Punkt 33) 'html_link' einzutragendie Eingabemaske des Links, wie im Beispielbild gezeigtwo nun die URL ausgefüllt.<br>Nun klicken Die eindeutige ID signalisiert dem Shopsystem das konkrete Ziel, welches Sie auf den Button "Insert", um den Link einzufügengewählt haben. Das Bild ist nun mit der Seite Ihres Onlineshops verlinkt [[Datei:Editor 9.<br>jpg]]Wenn Sie === Punkt 25) Ziel === Im Unterschied zu externen Links, wo empfohlen wird den Link von dem Bild (oder Text) wieder entfernen wollenim neuen Fenster zu öffnen, klicken Sie muss bei internen Verlinkungen das Ziel auf das Bild (wie Sie dies schon zuvor zum Verlinken getan haben) und klicken anschliessend den Button rechts neben dem Verlinkungsbutton (Punkt 24b). Die Verlinkung ist nun wieder entfernt"Keines" stehen.
</div>
<br/><br/><br/>
== Sonstige Funktionen des Editors ==