WP Embed-Content anpassen

    Hi,

    über die embed-content.php habe ich das Einbetten von WP-Beiträgen so angepasst, dass das Bild links und der Text rechts erscheinen (früher war oben großes Bild und dadrunter Text). Leider erscheint nun unter jedem eingebetteten Beitrag ein großes leeres Feld. Wo kann ich es entfernen?
    Das ist der Code, den ich in die php-Datei eingebaut habe:
    add_filter ( 'embed_thumbail_image_size', 'image_size');
    function image_size( $size ) {
    return "thumbnail";
    }
    add_filter ( 'embed_thumbnail_image_shape', 'image_shape');
    function image_shape( $shape ) {
    return "square";
    }
    Und hier ein Beispiel mit eingebetteten Beiträgen: https://www.inspirationforall.de/oesterreich-kaernten-seen-touren/

    • 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

    Da erscheint kein leeres Feld. Du hast den iframe 229px hoch gemacht. Der Inhalt ist kleiner, daher ist drunter Platz. Iframes und responsive passen nicht sonderlich gut zusammen. Es gibt aber Anleitungen, wie man Iframes in der Höhe dynamisch anpassen kann.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

    Erste Frage: die embed-content.php gehört zum Theme? Oder ist es eine Core-Datei, die zu WordPress gehört?
    Wenn es eine Core-Datei ist, mach deine Änderungen rückgängig und lass die Finger davon. Beim nächsten Update ist alles wieder weg.

    Was genau hast du denn vor? Es gibt sicherlich besseres als Iframes.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

    Die php-Datei gehört zum Theme. Eigentlich hatte ich nicht vor, iframe zu nutzen. Ich verwende nur die Einbettung von Beiträgen von WP (wenn man im Text eine URL vom Beitrag eingibt, wird der entsprechende Beitrag so automatisch eingebunden). Wie gesagt, hatte es nur so angepasst, dass das Bild links und der Text rechts erscheint, sonst nichts. Oder ist in dem Code, den ich eingebaut habe, iframe enthalten?

    Für Mitleser: Falls nicht im Theme vorhanden, findet man eine [FONT=Courier New]embed-content.php[/FONT] Vorlage in [FONT=Courier New]/wp-includes/theme-compat/[/FONT] und kopiert diese in das eigene (Child-)Theme von Website A. Dort passt man sie nach eigenen Vorstellungen an.

    Bindet dann jemand einen Post von Website A in seine Seite Website B ein, wird diese Vorlage benutzt.

    Zum Testen der Anpassungen kann man die Einbindung auch simulieren, indem man [FONT=Courier New]/embed/[/FONT] an das Ende des Pfades des Posts von Website A hängt. Beispiel: [plain]https://www.in...ll.de/oesterreich-ka…n-touren/embed/[/plain]

    Da wird eine Classe "embed-video" verwendet, die auch schon in der vorigen Version den Abstand für die embed.posts regelt. Warum und woher auch immer.
    In der style.css sieht das ab Zeile 1623 so aus:

    Code
    .embed-vimeo {
    text-align: center;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    margin-bottom: 35px;
}


    Wenn du so wie in der Version vom Beitrag #1 alles kleiner machst ist der Wert für "padding-bottom: 56.25%;" zu groß - leeres Feld.
    Wenn du wie derzeit das Bild groß darstellst wird der Platz für den Rest unten zu klein.
    Da ich jetzt nicht der Coder bin kann ich dir nur sagen - großes Bild - Wert auf 75% erhöhen. Kleines Bild - Wert entsprechend verkleineren!

    Wenn du das machst wie immer im Dashboard unter Design - Customizer - Zusätzliche CSS - z.B.:

    Code
    .embed-vimeo {
    padding-bottom: 75%;
}

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

    Diesen [FONT=Courier New]height: 0;[/FONT] und [FONT=Courier New]padding-bottom: XXX%;[/FONT] Ansatz verwendet man für eine responsive Darstellung von iframes mit gleichbleibendem Seitenverhältnis bei unterschiedlichen Bildschirmbreiten, mehr dazu z.B. hier. WordPress selbst macht das nicht, würde mal den Theme-Hersteller befragen, wie man das abschaltet bzw. konfiguriert.

    Davon abgesehen sollte man ggf. überlegen, LInks innerhalb des eigenen Website anders zu implementieren, jedes interne "Embed" lädt nochmal eine komplette WordPress Instanz in der iframe.

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden