it-swarm.com.de

Ich verwende einen Filter, um die <p> -Tags automatisch umbrechen zu lassen, aber es gibt immer noch umbrochene Elemente?

Ich habe dies in meiner functions.php :

Die Bilder im Schieberegler wurden als benutzerdefinierte Beitragstypen " Seiteninhalt " hinzugefügt. Ich bin mir nicht sicher, ob der Filter nur für die wichtigsten Posts gilt.

/**
 * Remove paragraph tags around content and excerpt
 */
remove_filter( 'the_content', 'wpautop' );
remove_filter( 'the_excerpt', 'wpautop' );

Die Beiträge im Admin sehen so aus: enter image description here

Aber noch etwas, das die Bilder meines Nivo Sliders mit p-Tags umhüllt:

enter image description here

enter image description here

CSS:

#slider-wrapper {
    float: left;
    height: 560px;
}
#slider {
    float: left;
    border: 1px solid #DDD;
    position:relative;
    background:url(images/loading.gif) no-repeat 50% 50%;
}
#slider img {
    top: 0px;
    left: 0px;
    display: none;
    float: left;
    position: absolute;
    width: 958px;
    height: 458px;
}
.nivo-controlNav {
    margin: 490px auto 0;
    overflow: hidden;
}
.nivo-controlNav a {
    background: url(images/bullets.png) no-repeat;
    border: 0;
    float: left;
    text-indent: -9999px;
    width: 22px;
    height: 22px;
}
.nivo-controlNav a.active {
    background-position: 0 -22px;
}
.nivo-directionNav a {
    display: block;
    width: 70px;
    height: 70px;
    background: url(images/arrows.png) no-repeat;
    text-indent: -9999px;
    border: 0;
}
a.nivo-nextNav {
    background-position: -70px 0;
    right: -20px;
}
a.nivo-prevNav {
    left: -20px;
}
.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a {
    color:#efe9d1;
    text-decoration:underline;
}

Irgendwelche Vorschläge zum Entfernen der p-Tags?

3
janoChen

Zusammenfassend (da ich das gerade selbst durchgearbeitet habe):

Das Problem ist auf die automatischen Nachbearbeitungsroutinen von WP zurückzuführen. Sie erkennen ein "loses" Bild als ungültiges HTML und binden es automatisch in "p" -Tags ein. Das ist wahrscheinlich normalerweise hilfreich, aber ich habe festgestellt, dass das Umschließen in ein "p" im Gegensatz zu einem generischen "div" meine Bilder dazu zwang, viele meiner Stileigenschaften zu erben, die ich nur auf Text anwenden wollte.

Hier ist die Codex-Seite, die es erklärt: Wie WordPress Inhalte veröffentlicht

Grundsätzlich gibt es drei oder vier Möglichkeiten, dies zu beheben, soweit ich das beurteilen kann:

  • Sie können die Autokorrektur wie oben beschrieben unterdrücken.
  • Wenn Sie mit Plugins umgehen können, können Sie die Standardersetzung von "p" durch "div" bearbeiten oder überschreiben. Ich bin nicht so besorgt oder ehrgeizig, also habe ich mich nicht um die Details gekümmert, aber es sieht nicht so aus, als wäre es auch schwierig, wenn Sie wissen, was Sie tun.
  • Sie können Ihr CSS so einrichten, dass davon ausgegangen wird, dass mindestens einige Ihrer Bilder in "p" -Tags eingeschlossen werden.
  • Sie können alle Ihre Bilder manuell in redundante "div" - oder "p" -Tags einbinden.

Persönlich habe ich mich für die letzte Option entschieden - sie einfach in ihre eigenen kleinen Divs zu stecken.

0
user2930

Wenn Sie eine einfache Lösung suchen, die only die p-Tags um Ihre Bilder herum auspackt, sehen Sie sich dieses Plugin an: http://wordpress.org/extend/plugins/unwrap-images/admin/

HAFTUNGSAUSSCHLUSS: Ich habe es für meine eigenen Bedürfnisse entwickelt, aber es funktioniert ganz gut.

0
gnzlz