Anfänger benötigt Hilfe! - Vorschaubilder mit Link zum Beitrag versehen -

Hallo, bin WP Anfänger und benötige Hilfe!

Meine Installation:
- WP-Version:3.6
- Themes Twenty Thirteen

Link zur Page: Siehe Profil – URL Ergänzung: /bilder-fuer-koenigskinder/
(es handelt sich um eine Arbeitsdomain, die ich nicht gerne öffentlich poste – wegen Suchmaschinen etc.)

Ich möchte eine Seite erstellen, auf der bis zu 40 Bilder als Thumbnails dargestellt werden sollen. Die Thumbnails sollen an klickbar sein. Mit klicken soll sich eine bestimmte Unterseite öffnen. Also keine Großansicht des Bildes.

Mir ist wichtig dabei:
Responsive Design, Bilder aus der Galerie sollen beim Skalieren der Page sauber unter einander floaten.

Zunächst habe ich versucht:
- mit Boardmitteln das gewünschte Design umzusetzen. Also über Seite erstellen Datei /Medien einfügen. Das verlinken der Thumbnails funktioniert ohne Probleme. Die Thumbnails ließen sich jedoch nicht sauber nebeneinander anordnen. Eine Tabelle möchte ich ungern nutzen wollen.

- mit NextGEN eine Galerie erstellt, nur lassen sich die Thumbnails leider nicht mit einem Link zum Artikel versehen. Siehe Post: http://forum.wpde.org/plugins-und-widgets/119387-nextgen-bildergalerie-thumbnails-mit-beitraegen-seiten-verlinken-aber-wie.html


- mit Boardmittel hier WP-Gallery eine Galerie erstellt, dort habe ich das gleiche Problem ich kann die Thumbnails nicht mit einem Link versehen

Wie kann ich das Problem lösen? Gibt es evtl. ein Script? Oder kann ich den Shortcodes der Galerie anpassen?

Bin für jeden Tipp Dankbar!!!



Rüdiger

 

@SirEctor
lieben Dank für die schnelle Rückmeldung! Kannst du mir evtl. bei der Umsetzung behilflich sein? Ich bin wie beschrieben WP Anfänger. Ich kenne mich nur etwas mit PHP, Html und CSS aus. Wie und wo muss ich die CSS Class definieren?

LD
Rüdiger

 

@SirEctor,

jo, soll ich denn den Code Schnipsel einfügen? In der "Seiten bearbeiten" über den Editor- Text?

 

@SirEctor,

Was meinst du mit; War das geschwindelt?

ok, mache ich. Kannst du mir bitte sagen wofür dieser Teil: body.page-id-41 .entry-content im Code steht? Ich würde gerne dazu lernen.

Rüdiger

 

auf diese Weise?
@body.page-id-41 {
.entry-content img {float:left;width:140px;height:auto;margin:10px 5px;}
}

 

ok, habe den Code ans Ende angefügt. Noch eine Frage zur .page-id-41 wo hast du diese Id bezogen? Ist das eine bestimmte Unterseite meines Themes? Und werden in Folge nur dort die die Änderungen angefügt?

Werde jetzt auf die Unterseite /bilder-fuer-koenigskinder/ über den Seiten Editor 3 St. Bilder nebeneinander einfügen. Richtig? Sollten jetzt die Bilder sauber floaten...

 

Danke für deine Hilfe! Ok, mit den CSS Anweisungen selbst komme ich einigermaßen klar. Nur wie und wo bei WP Stellschrauben gedreht werden verstehe ich noch nicht! Werde jetzt mal an den CSS Anweisungen schrauben. Mal sehen was geht.

 

werde mich mit Ergebnissen melden... für Heute mache ich den Deckel drauf. G.N. Rüdiger

 

@SirEctor, habe die CSS Class jetzt für meine Bedürfnisse angepasst. Vielen Dank für die Unterstützung! Siehe: /bilder-fuer-koenigskinder/

Könntest Du mir noch einen Tipp geben, wie ich einen Eleganten Seitenwechsel hinbekommen? Die Galerien sind für eine Seite zu groß, also werde ich mehrere Seiten mit Vorschaubildern erstellen. Jetzt würde ich gerne im unteren Bereich der jeweiligen Seite einen Seitenzahl und Seitenzahlübersicht erstellen. So das der User komfortabel von einer Seite zur anderen Seite surfen kann.

Rüdiger