WordPress: Inhalte veröffentlichen
Bilder, Videos & andere Dateien einbinden
Bilder, Videos & andere Dateien einbinden
Auf dieser Seite
Mit Bild
Einen Link einfügen
Möchten Sie ein Wort oder einen Abschnitt Ihres Textes verlinken, so markieren Sie das Wort bzw. den Bereich und klicken dann im visuellen Editor (WYSIWYG) auf den Button "Link einfügen/ändern".
Mit Bild
Illustration 14: Link einfügen/bearbeiten
Mit Bild
Daraufhin öffnet sich ein weiteres Fenster, in das Sie folgende Angaben eintragen müssen:
Mit Bild
URL : Tragen Sie hier die Ziel-URL ein.
Titel : Hier können Sie den title -Tag eingeben. Er erscheint, wenn man mit der Maus über den Link fährt. (Optional)
Mit Bild
In der Checkbox darunter können Sie wählen, ob der Link sich im selben oder in einem neuen Fenster öffnen soll. Ohne Angabe öffnet sich der Link im selben Fenster.
Mit Bild
Interne Verlinkung
Mit Bild
Seit der Version 3.1 haben Sie hier auch die Möglichkeit interne Verlinkungen einzufügen. Möchten Sie also auf einen älteren Artikel oder eine bestehende Seite verlinken, so klicken Sie auf den Hinweis "Oder verlinke auf bestehende Inhalte". Hier werden alle bereits verfassten Seiten und Artikel angezeigt. Sie habe auch die Möglichkeit mit Stichworten nach bestimmten Seiten bzw. Artikeln zu suchen.
Mit Bild
Illustration 15: Einen internen Link einfügen
Mit Bild
Um einen Verlinkung zu einem bestehenden Inhalt zu übernehmen, klicken Sie diesen einfach an. Der Link wird dann automatisch in das Feld "URL" eingefügt und auch der Titel wird automatisch übernommen.
Haben Sie alle notwendigen Angaben gemacht, klicken Sie auf den Button "Link hinzufügen". Der verlinkte Text erscheint daraufhin unterstrichen. Wenn Sie nachträgliche Änderungen vornehmen möchten, setzen Sie den Cursor "in" den verlinkten Bereich und klicken Sie erneut auf den Button "Link einfügen/ändern".
Mit Bild
Illustration 16: Verlinkter Text
Mit Bild
Möchten Sie den Link komplett entfernen, so setzen Sie den Cursor in den verlinkten Bereich und klicken Sie auf den Button "Link entfernen".
Mit Bild
Dateien hinzufügen
Möchten Sie Bilder oder Dateien einfügen, insbesondere solche, über die Sie offline verfügen, die also noch nicht über eine URL erreichbar sind, klicken Sie auf den Link „Hochladen/Einfügen“, der sich gemeinsam mit einem Symbol links über dem Editorfenster befindet.
Mit Bild
Illustration 17: Dateien hinzufügen
Mit Bild
Es öffnet sich ein Fenster, bei dem Sie auswählen müssen woher das Bild oder die Datei stammt, die Sie einfügen möchten:
Mit Bild
Illustration 18: Bild hinzufügen
Mit Bild
Zunächst müssen Sie auswählen, wo das Bild "liegt", das Sie einfügen möchten. WordPress bietet Ihnen drei Möglichkeiten an:
Vom Computer: Das Bild befindet sich auf Ihrer lokalen Festplatte.
Von URL: Das Bild ist auf einem Server bzw. im Web gespeichert.
Mediathek: Das Bild wurde schon vorher bei einem anderen Artikel bzw. auf einer anderen Seite oder über die Mediathek in WordPress hochgeladen und muss nur noch in den Artikel bzw. auf der Seite eingefügt werden.
Vom Computer
Um Bilder und andere Dokumente (z.B. PDF-Dokumente) über den Admin-Bereich von Wordpress hochzuladen muss der entsprechende Ordner ( ../wp-content/uploads ) auch die passenden Attribute haben, das heißt, er muss die vollen Schreibrechte haben (CHMOD 777).
Mit Bild
Tipp:
Fall Sie sich unsicher sind was mit "vollen Schreibrechten" gemeint ist, schauen Sie sich noch einmal die Unterlagen des ersten Kursteils an.
Mit Bild
Haben Sie ein Bild auf Ihrem Rechner gespeichert, das Sie einfügen möchten, klicken Sie entweder auf den Button "Dateien auswählen" oder Sie ziehen die Dateien in diesen Bereich. Das Hochladen kann je nach Dateigröße ein paar Sekunden dauern. Die maximale Upload-Größe für eine Datei liegt jedoch bei 200 MB.
Seit der Version 3.9 können Sie Dateien sogar direkt ins Editor-Fenster ziehen um den Upload zu starten.
Mit Bild
Illustration 19: Bild einfügen
Mit Bild
Im rechten Bereich der Seite sehen sie nach dem Upload die relevanten Informationen zu Ihrem gerade hochgeladenen Bild.
Ganz oben erhalten Sie neben einem Thumbnail einige Informationen über das hochgeladene Bild: Dateiname, Upload-Datum und Größe.
Zusätzlich dazu finden Sie hier den Link "Bild bearbeiten" . Dieser führt Sie zu einer Arbeitsoberfläche, die es Ihnen ermöglicht Ihr hochgeladenes Bild rudimentär zu bearbeiten. . Außerdem findet man hier auch den Link zum „Unwiderruflich Löschen“.
Mit Bild
Illustration 20: Bildbearbeitung
Mit Bild
Sie können Ihr Bild hier beschneiden, drehen oder skalieren.
Mit Bild
Tipp:
Wenn Sie mehr zu den Vorteilen dieser Funktion erfahren möchten, empfehle ich Ihnen den Artikel Die Bildbearbeitungsfunktion von WordPress sinnvoll nutzen .
Mit Bild
Unter dem Thumbnail hat WordPress bereits den Dateinamen als "Titel" für das einzufügende Bild automatisch ausgefüllt.
Im zweiten Feld geben Sie eine "Beschriftung" ein, das was WordPress als sogenannte Caption, also Bildunterschrift, ausgibt. In diese Caption können Sie seit der WordPress-Version 3.4 auch HTML-Tags nutzen, also z. B. Verlinkungen einfügen. Möchte Sie keine Caption bzw. Bildunterschrift, lassen Sie dieses Feld einfach leer.
Im dritten Feld "Alternativtext" geben Sie eine aussagekräftige Bezeichnung ein, denn dies ist der Inhalt des alt -Attributs, das erscheint, wenn das Bild nicht geladen werden kann. Lassen Sie das Feld leer wird der Titel ausgegeben.
Im vierten Feld können Sie eine "Beschreibung" des Bildes einfügen. Diese ist sichtbar, wenn das Bild Teil einer Galerie ist und auf einer Anhang-Seite angezeigt wird.
Anschließend müssen Sie festlegen, wie das Bild eingebunden werden soll. Dabei geht es um die Ausrichtung, die Verlinkung und die Größe des Vorschaubildes. Wählen Sie die entsprechenden Einstellungen und klicken Sie zum Abschluss auf den Button "In die Seite einfügen".
Soll das Bild verlinkt werden, so müssen Sie unter dem Punkt "Link zur" angeben wohin diese Verlinkung führen soll. Dabei kann man unter folgenden Optionen auswählen: Benutzerdefinierte URL (eigene Angabe), Medien-Datei (das Bild selber), Anhang-Seite (eine Seite, auf der das Bild präsentiert wird mit einer Beschreibung) oder Keine.
Von URL
Mit Bild
Illustration 21: Bild von einer URL einfügen
Mit Bild
Soll ein Bild eingefügt werden, das schon auf einem Server liegt, so wählen Sie den Link "Von URL einfügen" und es öffnet sich das Fenster aus der Abbildung "Bild von einer URL einfügen".
Hier müssen Sie Angaben über die "URL" des Bildes machen, die Angaben zu einem Alternativtext und eine Bildbeschreibung sind optional. Sie können Die Ausrichtung des Bildes bestimmen und ob es verlinkt werden soll.
Mit Bild
Achtung:
Lassen Sie bitte Vorsicht walten, wenn Sie fremde Grafiken und Dateien einbinden, die auf anderen Servern liegen. So etwas nennt man Hotlinking und wird von den meisten Webmastern nicht gern gesehen. Wenn Sie ein Bild hotlinken, erscheint es in Ihrem Artikel. Sie haben einen zusätzlichen Inhalt, aber der Aufruf des Bildes passiert auf dem Server des anderen Webmasters. Er hat dadurch mehr Datendurchsatz auf seinem Server und je nachdem, wie oft ein Bild aufgerufen wird, hat er auch zusätzliche Kosten und der Server wird durch die zusätzlichen Anfragen belastet.
Hotlinken sollten Sie daher nur , wenn die Dateien auf ihrem Webspace liegen oder der Webmaster ihnen erlaubt hat, auf seine Bilder zu hotlinken. Manche Video- (z. B. YouTube) und Bild-Dienste (Flickr) erlauben explizit das Hotlinken der Dateien, die auf ihren Servern liegen. Ein weiterer Aspekt sind die rechtlichen Folgen. Nur weil ein Bild auf einer Website eingebunden ist, heißt das noch lange nicht, dass ein anderer Webmaster dieses Bild nutzen darf. Indem Sie ein Bild hotlinken, machen Sie es zum eigenen Inhalt und da die meisten Bilder im Internet urheberrechtlich geschützt sind, könnte das für Sie unangenehme Konsequenzen haben. In diese Falle tappen leider auch sehr erfahrene Webmaster.
Mit Bild
Mediathek
Möchten Sie ein Bild einfügen, das bereits in WordPress hochgeladen wurde, wählen Sie die Option " Mediathek". Hier erhalten Sie eine Übersicht über die verfügbaren Bilder.
Mit Bild
Illustration 22: Verfügbare Bilder in der Mediathek
Mit Bild
Um ein Bild aus der Mediathek einzufügen, wählen Sie das gewünschte durch einen Klick aus. Daraufhin öffnet sich ein Fenster, das dem aus der Abbildung " Bild einfügen" entspricht.
Haben Sie ein Bild eingefügt, so wird es im visuellen Editor so angezeigt wie es auch später für den Besucher des Blogs sichtbar ist.
Mit Bild
Illustration 23: Ein eingefügtes Bild im visuellen Editor
Mit Bild
Der HTML-Editor zeigt natürlich den entsprechenden Code an.
Mit Bild
Illustration 24: Ein eingefügtes Bild im HTML-Editor
Mit Bild
Eine Galerie einfügen
Möchten Sie mehrere Bilder in einer Galerie – also zusammenhängend – einfügen, müssen Sie die gewünschten Bilder zuerst in WordPress hoch laden oder aus der Mediathek auswählen. Klicken Sie dafür den Link „Galerie erstellen“ an.
Mit Bild
Illustration 25: Eine Galerie erstellen
Mit Bild
Wählen Sie durch Klicken die gewünschten Bilder an und klicken Sie dann (unten rechts) auf den Button „Erstelle eine neue Galerie“.
Mit Bild
Illustration 26: Eine Galerie bearbeiten
Mit Bild
Im nächsten Schritt können Sie nun die Sortierung der Bilder festlegen, die Bildunterschriften bearbeiten, die Verlinkung festlegen sowie die Anzahl der Spalten.
Mit Bild
Den „Galerie-Typ“ kann man nur auswählen, wenn das Plugin „Jetpack“ installiert ist.
Mit Bild
Haben Sie alle Einstellungen getätigt, müssen Sie auf den Button "Galerie einfügen" klicken, um sie einzufügen.
Seit der Version 3.9 haben Sie sogar die Möglichkeit (Video-)Playlisten einzufügen.
Bild "bearbeiten"
Möchten Sie im Nachhinein die Einstellungen eines Bildes verändern, z. B. die Ausrichtung oder Größe, müssen Sie das Bild "aktivieren", indem Sie es anklicken. Klicken Sie in der linken oberen Ecke das "Bild bearbeiten"-Symbol an. Rechts daneben befindet sich das Symbol zum Löschen eines Bildes. Das Bild wird dabei übrigens nur aus dem Artikel bzw. von der Seite entfernt und nicht wirklich gelöscht. Es ist noch immer in der Mediathek verfügbar und kann erneut in einen Artikel oder auf einer Seite eingefügt werden.
Mit Bild
Illustration 27: Ein Bild nachträglich verändern
Mit Bild
Im Bearbeitungsmodus eines Bildes können Sie nun alle vorher getätigten Angaben nachträglich verändern.
Mit Bild
Illustration 28: Ein Bild bearbeiten
Mit Bild
Die Mediathek
Seit der Version 2.7 haben Sie zudem die Möglichkeit, Dateien in WordPress hochzuladen ohne sie in eine Seite einzubinden. Dazu müssen Sie sich zum Menüpunkt "Medien/Datei hinzufügen" begeben.
Mit Bild
Illustration 29: Dateien hochladen
Mit Bild
Und so schaut die "Mediathek" bzw. die Medienübersicht aus, wenn man einiges an Inhalten eingefügt hat:
Mit Bild
Illustration 30: Volle Mediathek
Mit Bild
Nun sind Sie mit dem nötigen Wissen ausgestattet um die von Ihnen im ersten Kursteil geplante Seitenstruktur zu realisieren und um die Seiten mit Inhalten zu füllen. Auch hier gilt die Devise:
Probieren geht über Studieren.