Theme Sugar Cane - Bilder einbinden?

    Hallo, ich bin im Web auf folgende Anleitung zum Einfügen von Bildern gestoßen: http://ableparris.com/2009/03/15/sug…ss-child-theme/

    Ich habe verstanden, dass der Entwickler zwei "Klassen" von Bilder in dem Theme eingebunden hat. Nur mir ist nicht klar, wie ich die vorgefertigten Einstellungen auf mein Bild anwenden kann.
    [INDENT]

    SImply wrap it in a div, and asign the class “wide.”


    [/INDENT]

    [LEFT]Wie funktioniert das zum Beispiel? Ich soll das Bild per div verkleinern und die Klasse "wide" hinzufügen. Nur wie mache ich das? Wäre super, wenn mir jemand den kurzen Artikel übersetzen könnte:
    1. ins Deutsche
    2. in wodpressunerfahrenere Sprache

    Das wäre super! Vielen Dank! :smile:
    [/LEFT]

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    Der Themeautor meint damit folgendes: Du sollst in der Quelltext-Ansicht um das img-Tag herum ein div mit der gewünschten Klasse ergänzen ("wide" oder "vert"). So etwa:

    PHP
    <div class="wide"><img src="..." width="..." height="..." alt="..." /></div>

    Die Bildergröße musst Du selber anpassen. Das wird dann zwar per CSS skaliert (für "wide"), aber Du solltest keine Bilder frisch von der Kamera hochladen. Für die kleineren Bilder empfiehlt der Autor Dir, Dir eine Bildgröße nahe an 300 Pixeln auszusuchen und möglichst alle Bilder gleich groß zu machen, damit die Blogeinträge konsistent aussehen.

    Dass man quasi immer eine Klasse zuweisen muss, ist natürlich nicht ideal. Eines von beiden hätte als Default gesetzt sein sollen.

    Wenn das nicht funktioniert, verlinke doch bitte eine Beispielseite. Sowas lässt sich immer am lebenden Objekt zehnmal schneller klären als mit Screenshots und gepostetem Quelltext. Schick mir den Link zur Not per PM, falls Du ihn hier nicht posten willst.

    Vielen Dank für die Antwort. So generell habe ich das verstanden, auch die Bildgröße ist klar. Ich weiß "lediglich" nicht, wie bzw. an welcher Stelle ich die Schnipsel einfügen soll. Ich füge das Bild ganz normal mit Hilfe des Wordpress Interface hoch und wechsel danach in die HTML Ansicht. Nur dann weiß ich nicht, wo ich den Codeschnipsel in den bestehenden Code einfügen soll.

    Zitat

    Nur dann weiß ich nicht, wo ich den Codeschnipsel in den bestehenden Code einfügen soll.

    Rund um das Image-Tag, welches das Bild darstellt! Wenn WP das Bild verlinkt, dann rund um das Link-Tag (<a ...>....</a>). :-)

    Und mach eine Leerzeile zum Text danach im Editor, damit WP mit dem div und den automatisch eingefügten Absatz-Tags nicht durcheinander kommt.

    Ich schaue gerade noch mal auf der Theme-Demoseite. Was der Autor eigentlich meinte, ist wohl, um das Bild ein div-Element einzufügen und dann dem Bild die wide-Klasse zu geben. Also nicht wie ich oben geschrieben hatte dem div. Wozu das div dann überhaupt gut ist, weiß ich auch nicht.

    Und ja, das geht im Moment bei Dir nicht, weil jetzt der ganze entry-content den 80-Pixel-Rand hat. Meine Güte, kompliziert. :-/ Hätten wir vielleicht das ursprüngliche Problem doch anders lösen sollen... Ok, aber um das zu beheben:

    Code
    img.wide {
  margin-left: -80px;
  margin-right: -80px;
  max-width: 751px;
}

    Die andere Bildklasse braucht dann was ähnliches. Ähm, so vielleicht?

    Code
    img.vert {
  margin-left: -80px;
  max-width: 751px;
}

    Also ich habe jetzt

    Code
    img.wide {
  margin-left: -80px;
  margin-right: -80px;
  max-width: 751px;
}


    unterhalb der letzten Zeile in der Style.css eingefügt und um das Bild die DIV Klasse eingefügt, aber es funktioniert leider immer noch nicht. Ich weiß nicht, was ich falsch mache und so langsam komme ich zur Überzeugung, dass es einfach nicht klappen soll. Ich glaube ich leg das Problem mal auf Eis, und warte damit, bis ich den Blog evtl. mal nochmal komplett neu aufsetze.

    Vielen Dank für die Hilfe bis hier hin!

    Alternativ such Dir mal ein Theme, das etwas weniger manuelle Arbeit erfordert an den Beiträgen und auch mit mehr Konfigurationen funktioniert. :-)

    Naja, ich habe so lange gesucht, bis ich ein Theme gefunden hatte, das mir einigermaßen gefällt. Ich denke, als nächstes versuche ich mir auch mal ein eigenes Theme zu basteln ... ;-)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden