Wordpress-Blogs: Wie man eine Fotogalerie einfügen
Sie können die Wordpress-Medien Uploader verwenden, um eine vollständige Foto-Galerie in Ihre Beiträge einfügen. Hochladen mehrerer Bilder, wenn Sie in den Medien einfügen sind Window- dann, anstelle des Einsatzes in Pfosten Schaltfläche klicken, um die Galerie Link auf der linken Seite des Einsatzes Media-Fenster erstellen klicken.
Dieser Link öffnet die Galerie erstellen Fenster, zusammen mit den mehreren Bildern, die Sie hochgeladen haben. Alle Bilder werden ausgewählt, wie es die Häkchen an der oberen rechten Seite des Bildes gezeigt angezeigt (Sie ein beliebiges Bild deaktivieren können es von der Galerie auszuschließen, indem Sie das Häkchen klicken).
Gehen Sie wie folgt vor, um eine Foto-Galerie in einem Blog-Post einzufügen:
Klicken Sie auf die Neue Galerie Schaltfläche Erstellen.
Die Taste befindet sich unten rechts im Fenster erstellen Galerie. Dies eröffnet die Galerie bearbeiten Fenster.
(Optional) Bearbeiten Sie die Galerie-Bilder.
Wenn Sie die Bilder neu ordnen möchten, können Sie per Drag & Drop die Bilder in der Reihenfolge angezeigt werden Sie möchten, dass auf Ihrer Website angezeigt werden. Sie können auch durch Klicken auf das Textfeld unter jedem Bild eine kurze Bildunterschrift für jedes Bild enthalten.
Konfigurieren Sie die Galerie-Einstellungen.
Auf der rechten Seite der Galerie bearbeiten Fenster, diese Optionen sind:
Link TO: Verwenden Sie das Dropdown-Menü für den Attachment-Seite, Media-Datei oder Keine auswählen.
Spalten: Wählen Sie die Anzahl der Spalten würden Sie die Galerie Thumbnails gerne angezeigt in. Die Optionen im Dropdown-Menü enthalten 1 bis 9 Spalten.
Zufällige Reihenfolge: Diese Box ist abgewählt, standardmäßig aktiviert. dieses Feldes sagt Wordpress die definierte Reihenfolge der Bilder und ordnet sie zufällig auf der Seite, anstatt zu ignorieren.
Klicken Sie auf die Einfügen Schaltfläche Galerie.
Wordpress fügt in den Beitrag ein Stück Shortcode, der wie folgt aussieht: [Galerie].
(Optional) Ändern Sie die Reihenfolge des Auftretens der Bilder in der Galerie, sowie das Markup (HTML-Tags oder CSS-Selektoren):
captiontagÄndern Sie das Markup, das die Bildbeschriftung umgibt durch die Galerie Short zu verändern. Beispielsweise: [Galerie captiontag = "div"] Orte Markierungen rund um die Bildbeschriftung (das Tag für den Inhalt über einen separaten Container erstellt) - die Galerie in einer eigenen Zeile erscheinen zu haben, die [Galerie captiontag = "p"] Code Orte
Tags um der Bildunterschrift. Die Standard-Markup für das captiontag Option ist dd.icontagDefiniert den HTML-Markup um jedes einzelne Miniaturbild in Ihrer Galerie. Ändern Sie den Markup um die icontag (Bildsymbol) des Bildes durch die Galerie, um etwas zu verändern Short wie [Galerie icontag = "p"], welche Orte
Tags um jede Miniaturansicht Symbol. Die Standard-Markup für icontag ist dt.ItemTagDefiniert den HTML-Markup um jedes Element in Ihrer Galerie. Ändern Sie den Markup um die ItemTag (Jedes Element) in der Galerie durch die Galerie, um etwas zu verändern Short wie [Galerie ItemTag = "span"], die Orte Markierungen um jedes Element in der Galerie. Die Standard-Markup für das ItemTag ist dl.
Sortieren nachDefiniert die Reihenfolge, dass die Bilder in der Galerie angezeigt werden. Ändern der Reihenfolge verwendet, um die Miniaturbilder in der Galerie angezeigt werden durch Veränderung der Galerie Shortcode zu so etwas wie [Galerie orderby = "menu_order ASC"], das zeigt die Thumbnails in aufsteigender Reihenfolge von Menüs. Ein weiterer Parameter, den Sie verwenden können, ist ID_order ASC, das zeigt die Thumbnails in aufsteigender Reihenfolge nach ihren IDs.
Galerie Short Ausgabe [Galerie Spalten = "4" size = "Medium"] Ein Vier-Säulen-Galerie enthält mittelgroße Bilder [Galerie Spalten = "10" id = "215" size = # 148-Thumbnail # 148-] Eine zehn Spalte Galerie Thumbnail-Bilder enthält, zog mit der ID Blogeintrag fromthe 215 [Galerie captiontag = "p" icontag = "span"] Ein Drei-Säulen (Standard) Galerie, in der jedes Bild von Tags und der Bildunterschrift issurrounded von Tags umgeben ist Definieren Sie den Stil der Tags in Ihrem CSS-Stylesheet.
Die Tags erstellen ein Inline-Element- ein Element innerhalb eines Tags bleibt auf der gleichen Linie wie das Element enthalten ist, bevor it- kein Zeilenumbruch. Sie brauchen ein wenig Kenntnisse über CSS, die Tags zu ändern. Klicken Sie auf den Editor Link in der Aussehen-Menü auf Ihrem Wordpress-Dashboard das Stylesheet für Ihr Thema zu bearbeiten.
Hier ist ein Beispiel dafür, was man mit dem Stylesheet hinzufügen können (style.css) Für Ihre aktuelle Thema:
span.gallery-icon img {padding: 3px; Hintergrund: weiß-border: 1px solid black-margin: 0 5px;}Platzieren Sie dieses Bit von CSS im Stylesheet (style.css) Ihrer aktiven Thema automatisch einen Ein-Pixel-schwarzen Rand um jede Miniaturansicht, mit drei Pixeln Polsterung und einem weißen Hintergrund. Die linken und rechten Rand sind fünf Pixel breit, schön Abstand zwischen den Bildern in der Galerie zu schaffen.
Klicken Sie auf die Update-Datei, um die Änderungen zu Ihrem Stylesheet zu speichern (style.css) Vorlage.
Matt Mullenweg, Mitbegründer der Wordpress-Plattform, erstellt ein Umfangreiche Fotogalerie durch die eingebaute in der Galerie Optionen in Wordpress.
Einige große Wordpress-Plugins arbeiten im Tandem mit der Wordpress-Galerie-Funktion.