suche Plugin zum Tausch der Beitragsbilder/Headerbilder in der Mobilen Version

irmen

Liebe Wordpress-Spezialisten,

ich bin leider bisher nicht fündig geworden, aber manchmal komme ich nicht auf die richtigen Suchbegriffe ...

Am ehesten passt, im customizer ins custom css einzutragen :

CSS

@media screen and (max-width: 768px) {
               .site-header {
                   background-image: url('your image URL') !important;
               }

aber das scheint mir lediglich ein bestimmtes Bild zu tauschen - ich erträume mir ein plugin, das mir ermöglicht, zu jedem Beitragsbild (das bei mir dann als Headerbild angezeigt wird) eine Alternative für Handys fest zulegen.

Kann mir jemand weiterhelfen?

Wenn es kein Plugin dafür gibt, gibt es eine Möglichkeit, obigen Code zu variieren, so dass er sagt "nimm den aktuellen Bildpfad und füge "-mobile" an den Namen/Bildpfad - dann könnte man die Austausch-Bilder vielleicht händisch hochladen?

Vielen Dank für tipps und Hinweise!
Irmen

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

r23

Zitat von irmen

Am ehesten passt, im customizer ins custom css einzutragen :

CSS

@media screen and (max-width: 768px) {
               .site-header {
                   background-image: url('your image URL') !important;
               }

dynamisches custom css ist mir leider bei WordPress unbekannt.

Du könntest dir eine Funktion schreiben, die deine benutzerdefinierte CSS als Inline-Style ausgibt, und diese Funktion an den wp_head-Hook anhängen. Zum Beispiel:

PHP

function meine_custom_css() {
// Get the URL of the header image
$thumbnail_url = get_the_post_thumbnail_url( get_the_ID(), 'full' );
// Replace the ending .jpg with -mobile.jpg
 $bg_images = str_replace('.jpg', '-mobile.jpg', $thumbnail_url);
// Create the custom CSS rule
$custom_css = "@media screen and (max-width: 768px) { .site-header { background-image: url('$bg_images') !important; }"
// Output the custom CSS as an inline style
 echo '<style>' . $custom_css . '</style>';
 }


// Attach the function to the wp_head hook
add_action('wp_head', 'meine_custom_css');

Alles anzeigen

Dieser Code sollte in der functions.php-Datei deines Child-Themes platziert werden. und selbstverständlich an deine Umgebung angepasst werden.

irmen

Vielen Dank, ich werde das probieren und Bescheid geben, wenn es funktioniert bzw. fragen, wenn nicht.

r23

Drama - es funktioniert nicht? Kein Feedback, keine Rückmeldung mehr? WordPress vernichtet?

Willkommen! Melden Sie sich an oder registrieren Sie sich.

suche Plugin zum Tausch der Beitragsbilder/Headerbilder in der Mobilen Version

Jetzt mitmachen!