Grösse von Blog-Beitragsbild definieren?

Aktuell arbeiten wir noch im Hintergrund an der Foren-Struktur, daher kann es vorkommen das noch nicht alles zu 100% passt. Sowohl die Foren-Bereiche, Labels, Berechtigungen, Icons und das verschieben der Themen in die entsprechende Bereiche wird noch alles durchgeführt, sobald das abgeschlossen ist entfernen wir diesen Hinweis auch.
  • Hallo,

    schreibe einen Blog direkt über WP > Beiträge. Beitragsbild definiere ich über WP. Text bearbeite ich über Elementor.

    Habe das Problem, das die Beitragsbilder auf dem Handy allgemein, bzw. in der Beitragsübersicht (Desktop) riesig sind. Wie / wo kann ich das ändern/einstellen?

    In dieser Übersicht sind die Beitragsbilder ok: https://stepplan.de/blog/
    Hier z.B. nicht: https://stepplan.de/ernaehrung/

    Danke für Tipps :)

    • 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

    Wenn du Fragen hast, kannst du dich gerne jederzeit an @Maximilian Rupp wenden

    Hinweis: folgt noch

  • Warum benutzt Bilder, die größer sind als die gewünschte Darstellung? Ich habe mir angewöhnt, Bilder erst auf die halbwegs gleiche Größe wie die gewünschte Darstellung mit einem Grafikprogramm anzupassen, bevor ich sie in WordPress nutze. Schont auch den Traffic.

    Hilf uns dir zu helfen! Ein Link zur Seite ist meist hilfreich. Auch der Webseitenbericht unter Werkzeuge/Website-Zustand/Bericht kann wichtige Informationen liefern

  • @feuerland und die templates der beiden genannten seiten sind mit wp oder in ele erstellt?
    @uha weil die bilder im beitrag in hoher auflösung benötigt werden.

    nein, ich gebe keinen support per pm. wenn du ein problem hast, stelle eine öffentliche frage ins forum.

  • Hi DummiGirl ... das ist eine gute Frage ... keine Ahnung. Habe das nach dieser Anleitung aufgebaut.
    Texte bearbeite ich in Elementor.

    Aber die Einstellungen für den Blog und Blogbeiträge mache ich im WP Customizer.
    Habe in Blog-Einträge auch schon versucht mit Individuelle Bildbreite (px) und Individuelle Bildhöhe (px) zu verkleinern, aber die Bilder werden nur unscharf, aber nicht kleiner.

    Und ja, die Bilder im Beitrag brauchen eine höhere Auflösung, sonst hätte ich das schon gemacht, die Bilder alle verkleinern.

    Wenn es keine Lösung gibt, muss ich mich wohl entscheiden?

  • keine Ahnung. Habe das nach dieser Anleitung aufgebaut.


    sorry, aber ich habe jetzt keine lust, mich durch das 24 min video zu klicken, um zu verstehen, wie du es aufgebaut hast. ;)

    wenn du kein ele pro nutzt und nicht weisst, wo/wie die templates entstanden sind, gehe ich davon aus, dass du die standard templates deines themes nutzt, welches augenscheinlich oceanwp ist, welches kein fse theme ist.

    du könntest also nachschauen, ob in deinen themeeinstellungen die möglichkeit besteht, die templates anzupassen. der 1. link von dir ist eine blog archiv seite, der 2. link ein kategorie archiv. sollte es eigentlich einstellungen für geben. wenn nicht, melde dich wieder, dann lässt sich das per css lösen.

    nein, ich gebe keinen support per pm. wenn du ein problem hast, stelle eine öffentliche frage ins forum.

  • verständlich mit dem Tutorial :)

    Also ich habe keine Möglichkeit gefunden, ausser wie bereits geschrieben mit Individuelle Bildbreite (px) und Individuelle Bildhöhe (px), aber das macht das Beitragsbild nicht kleiner sondern unscharf (weniger px)

    Screenshoots meiner Einstellmöglichkeiten (die ich gefunden habe)

    Anpassungen für Blog-Einträge
    Anpassungen für Einzelbeitrag

  • Also ich habe keine Möglichkeit gefunden


    dann könntest du für deinen zweiten link folgenden code testen:

    Code
    .blog-entry.thumbnail-entry .thumbnail {
        width: 20%;
    } /* neue breite deines titelbildes */
    
    
    .blog-entry.thumbnail-entry .blog-entry-content {
        width: 80%;
    } /* neue breite deines teaser textes */

    nein, ich gebe keinen support per pm. wenn du ein problem hast, stelle eine öffentliche frage ins forum.

  • ähm ... wo gebe ich den code ein?
    ist das 1 code zusammen oder sind das 2 verschiedene?
    * neue breite deines titelbildes * muss ich da eine Zahl einfügen?

    hab den 1 code eingefügt gem. dieser Beschreibung

    External Content www.youtube.com
    Content embedded from external sources will not be displayed without your consent.
    Through the activation of external content, you agree that personal data may be transferred to third party platforms. We have provided more information on this in our privacy policy.

    .blog-entry.thumbnail-entry .thumbnail {
    width: 20%;
    } /* neue breite deines titelbildes */

    Hat aber keine Veränderung gebracht.

  • Das Video ist Schrott, denn wenn man den Editor benutzt, verschwinden diese Änderungen bei nächsten Theme-Update.
    Custom-CSS ist die richtige Stelle.

    Du solltest auch mal lernen, wie man mit den Entwicklerwerkzeugen des Browsers die entsprechenden CSS-Klassen findet, die man überschreiben will. Denn eigentlich ist das hier kein WordPress-Problem, sondern ein CSS-Problem.

    Hilf uns dir zu helfen! Ein Link zur Seite ist meist hilfreich. Auch der Webseitenbericht unter Werkzeuge/Website-Zustand/Bericht kann wichtige Informationen liefern

  • ähm ... wo gebe ich den code ein?


    im customizer. danach ggf. browser cache löschen, evtl. cashing plugins für die testphase am besten deaktivieren.

    muss ich da eine Zahl einfügen?


    du kannst die werte ändern, wenn dir meine vorgabe nicht gefällt. zusammen 100%

    gesamten code eintragen.

    nein, ich gebe keinen support per pm. wenn du ein problem hast, stelle eine öffentliche frage ins forum.

    Edited once, last by DummyGirl (July 3, 2024 at 5:02 PM).


  • Du solltest auch mal lernen, wie man mit den Entwicklerwerkzeugen des Browsers die entsprechenden CSS-Klassen findet, die man überschreiben will. Denn eigentlich ist das hier kein WordPress-Problem, sondern ein CSS-Problem.


    Ja sorry das hier auch Anfänger fragen ...

  • im customizer. danach ggf. browser cache löschen, evtl. cashing plugins für die testphase am besten deaktivieren.du kannst die werte ändern, wenn dir meine vorgabe nicht gefällt. zusammen 100%
    gesamten code eintragen.


    Hat super geklappt. Vielen Dank.
    Hab die thumbnail Grösse auf 40% gesetzt, aber den Content auf 100% gelassen, sonst wird das auf dem Handy zu schmal ... ist ja eh schon schmal die Ansicht.
    Aber so passt das für mich, sowohl Desktop als auch Mobil :)

  • sorry das hier auch Anfänger fragen


    Was hat das mit Anfänger zu tun? Der Browser liefert Werkzeuge, die man auch nutzen sollte, egal ob Anfänger, Fortgeschrittener oder Profi.

    Hilf uns dir zu helfen! Ein Link zur Seite ist meist hilfreich. Auch der Webseitenbericht unter Werkzeuge/Website-Zustand/Bericht kann wichtige Informationen liefern

  • Denn eigentlich ist das hier kein WordPress-Problem, sondern ein CSS-Problem.


    was ein wp amateur beim stellen seiner frage aber nicht zwangsläufig wissen kann. ich weiss, du hättest gerne, dass die user hier nur reine wp fragen stellen und alles drum herum verboten wird. denke aber nicht, dass du dich damit durchsetzen wirst. wp, css, hosting, browser – alles hängt miteinander zusammen. :rolleyes:

    Aber so passt das für mich, sowohl Desktop als auch Mobil


    wenns so passt ist gut.
    ansonsten lässt sich auch sehr einfach für die mobile ansicht ein separater code erstellen, so dass du beide ansichten getrennt steuern kannst. nur zur info.

    nein, ich gebe keinen support per pm. wenn du ein problem hast, stelle eine öffentliche frage ins forum.

  • du hättest gerne, dass die user hier nur reine wp fragen stellen und alles drum herum verboten wird


    Ich möchte gar nichts verbieten, aber es ist sehr auffällig, wie oft hier Fragen gestellt werden, die mit WordPress eigentlich nichts zu tun haben.

    wp, css, hosting, browser – alles hängt miteinander zusammen.


    Kann man so sehen, aber wenn mein Tank vom Auto leer ist, fahre ich zur Tankstelle und nicht zur Werkstatt, obwohl das ja auch irgendwie zusammenhängt. ;)

    Hilf uns dir zu helfen! Ein Link zur Seite ist meist hilfreich. Auch der Webseitenbericht unter Werkzeuge/Website-Zustand/Bericht kann wichtige Informationen liefern

  • wir drehen uns im kreis.
    apropos kreis: wie gesagt – wird sich nicht durchsetzen.

    nein, ich gebe keinen support per pm. wenn du ein problem hast, stelle eine öffentliche frage ins forum.

  • Das Video ist Schrott, denn wenn man den Editor benutzt, verschwinden diese Änderungen bei nächsten Theme-Update.
    Custom-CSS ist die richtige Stelle.
    .


    Hatte den code von DummyGirl im Custom-CSS eingegeben. Design > Customizer > Custom CSS/JS > Deine Anpassungen für Custom CSS/JS

    Nach irgendeinem Update war das weg. Hab das jetzt wieder reinkopiert. Passiert das nach jedem Update?

  • Passiert das nach jedem Update?


    nein, dass sollte eigentlich überhaupt nicht passieren. warum es bei dir dennoch passiert ist wird sich wohl nicht rekonstruieren lassen.

    nein, ich gebe keinen support per pm. wenn du ein problem hast, stelle eine öffentliche frage ins forum.

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!