You need to be a member in order to leave a comment
Already have an account? Sign in here.
Sign In NowSign up for a new account in our community. It's easy!
Register a new account
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 :)
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.
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.
@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.
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.
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)
Also ich habe keine Möglichkeit gefunden
dann könntest du für deinen zweiten link folgenden code testen:
.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 */ä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
.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.
ä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.
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.
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.
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. ;)
wir drehen uns im kreis.
apropos kreis: wie gesagt – wird sich nicht durchsetzen.
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.
Don’t have an account yet? Register yourself now and be a part of our community!
