Schönere Galerie Ansicht für WordPress Theme Hueman

  • Galerie Beispiel - WordPress Plugin Responsive Lightbox by dFactory
    WordPress Plugin Responsive Lightbox by dFactory (Screenshot: WordPress.org)
  • Galerie Beispiel - WordPress Theme Hueman
    WordPress Theme Hueman (Screenshot: WordPress.org)
  • Galerie Beispiel - WordPress Admin Medien hinzufügen
    WordPress Admin Medien hinzufügen (Screenshot: WordPress Admin-Panel)
  • Galerie Beispiel - WordPress Plugin Responsive Lightbox by dFactory installieren
    WordPress Plugin Responsive Lightbox by dFactory installieren (Screenshot: WordPress Admin-Panel)

Das WordPress Theme Hueman hat eine Demo-Seite auf der alle Funktionen recht gut abgebildet sind. Das Problem jedoch dabei ist, dass nicht immer wirklich erklärt wird, was man genau machen muss, damit diese Funktionen auch (korrekt) genutzt werden können. So auch im Fall „Wie binde ich Galerien mit Hueman korrekt ein?

Inhalt

Beide Versionen sind in diesem Beitrag enthalten: Dies ist ein Beitrag im Format „Galerie“ (siehe oben) inklusive eingebetteter Bildersammlung im Beitragstext (siehe unten).

Nur wie geht das? Hier die Auflösung:


 

Beitrag im Beitragsformat Galerie

Um Bilder in Form einer Bildersammlung im Beitragskopf (siehe oben oder Hueman Beispiel) darzustellen, geht Ihr wie folgt vor:

  1. Beitragsformat auf „Galerie“ stellen
  2. Nun wird unter dem Beitragstext ein Block „Format: Gallery“ eingeblendet
  3. Auf „Add Media“ klicken
  4. Sofern noch nicht geschehen: Bilder zu diesem Beitrag hochladen (Alternativ links im Menü auf „Median hinzufügen“ klicken)
  5. Bilder für die Galerie zusammenstellen: Strg Taste gedrückt halten und die Bilder in der gewünschten Reihenfolge nacheinander auswählen
  6. Wichtig: Einfach das Popup Fenster wieder schließen ohne auf „In den Beitrag einfügen“ zu klicken
  7. Fertig

Wichtig: Solltet Ihr das Plugin Autoptimize nutzen, so muss in den Plugin-Einstellungen unter JavaScript Optionen unbedingt der Haken bei Erzwinge JavaScript in <head>? gesetzt sein, damit der Slider (via jQuery FlexSlider dargestellt) auch angezeigt werden kann!


 

Beitrag mit eingebetteter Galerie

Wollt Ihr eine Bildersammlung in einem Beitrag mit beliebigem Beitragsformat (siehe unten oder Hueman Beispiel) einbetten, geht das so:

  1. Im Beitragstext an die gewünschte Stelle gehen
  2. Oben in der Toolbar auf „Dateien hinzufügen“ klicken
  3. Sofern noch nicht geschehen: Bilder zu diesem Beitrag hochladen
  4. Links im Menü auf „Galerie erstellen“ klicken
  5. Bilder zusammenstellen: Die Bilder in der gewünschten Reihenfolge nacheinander auswählen
  6. Auf „Erstelle eine neue Galerie“ klicken
  7. Wenn gewünscht Optionen rechts anpassen und dann auf „Galerie einfügen“ zu klicken
  8. Fertig

Wichtig: Damit die Galerie schöner dargestellt wird und auch „blätterbar“ wird wir in auf der Demo-Seite, muss noch das Plugin Responsive Lightbox by dFactory installiert werden:

  1. Im WordPress Admin-Panel unter „Plugins“ auf „Installieren“ klicken
  2. Im Suchfeld „Responsive Lightbox by dFactory“ eingeben
  3. Auf den Button „Installieren“ beim Plugin „Responsive Lightbox by dFactory“ klicken
  4. Das Plugin „aktivieren“ (auf den Link „Aktiviere dieses Plugin“ klicken)

Wie immer freue ich mich auf Euer Feedback!

Das könnte dich auch interessieren …

2 Antworten

  1. Anke sagt:

    Vielen Dank für den Beitrag, ich bin aktuell auf der Suche nach einem neuen Theme. Darum sieht meine Seite derzeit sehr chaotisch aus. Hueman ist toll, aber überfordert mich etwas… ;) …darum überlege ich noch… ich bin weniger Nerd, mehr der Einsteller ;)

    Meine Frage: wo /wie kann ich diesen schwarzen Header in eine andere Grundfarbe ändern?

    • Ansas Meyer sagt:

      Schau mal im Admin-Panel unter Design > Customizer > Header-Design > Header Gestaltung: Farben und anderes
      Generell einfach mal durch die ganzen Optionen im Customizer Bereich durchklicken. Das versteht auch ein „Nicht-Nerd“ ;)

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Bitte beachte die Hinweise zum Datenschutz