the_content ändern

linzprod

Hallo allerseits,

ich glaube, das ist schonmal gefragt worden, doch leider bin ich bei den Erklärungen nicht ganz nachgekommen.

Momentan gibt mir die Funktion "the_content" folgendes aus:

PHP

<p><img src="..." /> asdaslkdjölakdj ölkj öl kj ölkj ö lkj ölkj</p>

Ich würde aber gerne folgende Ausgabe haben:

PHP

<p>asd lkjh lkjh lkjh...</p><img src="..." />

Ich will das Bild gerne ausserhalb des p-tags haben, damit ich es besser stylen kann. Also im Detail will ich dem p-Tag eine bestimmte Breite geben und dann das Image rechts davon stehen haben. Damit das Bild nicht vom Text umflossen wird, sondern der Text auch wenn er länger ist als die Höhe des Bildes schön in der Textspalte bleibt.

Kann ich die Funktion the_content irgendwie so ändern?

Werbepost

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

marX

Man muss nicht dei the_content()-Funktion umschreiben (was in deinem Fall wohl nur mit sehr viel Aufwand gehen wird), was auch mit CSS geht.

Mal angenommen bei dir im Template sieht das so aus:

HTML

<div class="entry><?php the_content() ?></div>

Dann kann du folgende CSS-Regeln einbauen:

Code

.entry {
posititon:relative;
}
.entry p {
margin-right: /* Breite des Bildes + Abstand */
}
.entry p img {
position:absolute;
right:0;
}

So in etwa der Ansatz.

linzprod

hallo marX,

na klar. Vielen Dank. Hast gerade einen Knoten in meinem Hirn gelöst. Hab's mit CSS versucht, aber bin einfach nicht recht auf die Lösung gekommen.

Super! Vielen Dank.

linzprod

Noch schnell eine Frage, bin immer noch verwirrt. Sorry.

Mit deinen Angaben ist der Post genau so hoch, wie der Text lang ist. wenn ich also ein Bild habe, dass etwa 100px hoch ist un nur etwa zwei Zeilen text habe, dann wird mir das Bild vom darunterliegenden Post verdeckt, da die Höhe nicht recht definiert ist.

Hier mein CSS:

PHP

div.post {
    position:relative;
    margin:0 0 20px 0;
}


div.post p {
    margin-right:300px;
}


div.post img {
    position:absolute;
    right:65px;
}

Alles anzeigen

Wie kann ich die Höhe des Post definieren, dass sie egal ob der Text lang oder das Bild sehr hoch ist, der nächste Post weder das Bild noch den Text verdeckt?

marX

Sind die Bilder immer gleich groß? Dann schau dir mal min-height an (für den .post-Container).

McDot

Zwischen den Posts einen:

HTML

<div class="clear"></div>

CSS dazu

HTML

.clear {clear: both;}

linzprod

Nein die Bilder sind eben leider nicht immer gleich gross. Sie haben immer die gleiche Breite. Sonst würde das mit min-height gut klappen.

marX

Mmh, dann versuch mal position:relative statt position:absolute. Aber kann sein dass es dann nicht ganz so funktioniert. Bei position:absolute wird das Bild aus dem normalen Elementfluß herausgenommen, d.h. sein Größe wirkt sich nicht mehr aus. Und clear hilft leider nur bei float, nicht bei position.

linzprod

habe eben auch zuerst so ein clear:both dazwischen gehabt, hab dann aber gemerkt, wie marX gesagt hat, dass das nur bei floats funktioniert.

position:relative funktioniert leider auch nicht.

linzprod

wahrscheinlich wär's jetz doch wieder an der zeit, darüber nachzudenken, wie man the_content ändern kann, damit man p und img floaten kann und dann ein <div class="clear"></div> einbauen kann um, die Posts schön untereinander zu setzen.

marX

Wie wärs das Bild als Custom Field zu übergeben?

Ansonsten Bild im Artikel nach hinten setzen (ist ja im Editor kein Problem) und die <p>-Tags nicht einfügen:

PHP

<?php remove_filter('the_content', 'wpautop'); ?>

Aber ob das des Rätsels Lösung ist...
Function Reference/wpautop WordPress Codex

linzprod

Das will auch nicht so richtig.

Kommen wir doch zu meiner ursprünglichen Frage zurück. Kann ich the-Content nicht so schreiben, dass es mir kein p-Tag um den ganzen Post macht, sondern nur dort, wo ich den Text im WYSIWYG-Editor als Absatz deklariere.?

Will halt nicht, dass der Kunde in den Code gehen muss.

marX

Zitat von linzprod

Kommen wir doch zu meiner ursprünglichen Frage zurück. Kann ich the-Content nicht so schreiben, dass es mir kein p-Tag um den ganzen Post macht, sondern nur dort, wo ich den Text im WYSIWYG-Editor als Absatz deklariere.?

Macht wpautop doch. Aber nicht das Bild dahin verschieben, wo du es gern hättest. Das musst du (bzw. dein Kunde) schon selbst machen.

linzprod

sorry, ja genau. es kommt langsam. ich glaube dank dir bin ich auf einem guten Weg. Vielen Dank für dein Engagement.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

the_content ändern

Jetzt mitmachen!