Beiträge von MaJun

I don't think that webp-format pictures look different then jpg or png formats. However, they are significantly smaller in file size, which gives you a dramandious speed boost when loading your page.
Neverthelss, make sure you have a fallback jpg in place. Also lazy loading of higher resolution images is a nice way to increase your performance.
I am currently developing this page here: https://www.garden-shop.at/ . Take a look at how the large image in the background of the hero section is been loaded and smoothly exchanged only after its loading has been finished. Here is the function that I am using:

document.addEventListener("DOMContentLoaded", function () {
  const lazyloadElements = document.querySelectorAll(".lazyload");


  lazyloadElements.forEach((el) => {
    const highResImage = el.getAttribute("data-bg");


    if (highResImage) {
      // Preload the high-quality image
      const img = new Image();
      img.src = highResImage;
      console.log("start preload: ", highResImage);


      img.onload = function () {
        console.log("finished preload: ", highResImage);


        // Set the high-quality image to the ::before pseudo-element
        el.style.setProperty("--bg-image-high-res", `url('${highResImage}')`);


        // Add a class to trigger the fade-in effect
        el.classList.add("loaded");
      };
    }
  });
});

Danke für deine Hilfe.

Dann muss das wohl früher irgendwie überdeckt oder ausgeblendet worden sein.

Danke, ich habe es nun mit [FONT=Courier New]wp_head[/FONT] gelöst.

Danke für deine Rückmeldung.

Mein Code sah folgend aus:

<?php


    // Registrieren Button für eingeloggte User verstecken
    if( is_user_logged_in() )
   {
        echo "<style>.panda-register-button {display: none;}</style>";
   }
?>

Ich nutzen diesen um auf meinen Produktseiten (z.B.: hier https://portfolio.panda-office.at/produkt/aktenhuelle-a4-premium/) einen Login-Button für eingeloggte Besucher zu verstecken.

Ich habe das Problem nun gelöst und zwar in dem ich den Code von der functions.php in den head.php vor dem </head> verschoben habe. Es scheint nun wieder zu funktionieren.

Unklar ist mir jedoch warum es Monatelang in der functions.php funktioniert hat und nun plötzlich nicht mehr.

Hallo Zusammen,

Ich habe aktuell in meiner functions.php in meinem Child Theme ein recht einfaches CSS hinzugefügt. Es hat bis kürzlich sehr gut funktioniert. Eigentlich macht das CSS auch jetzt noch seinen Job, aber zusätzlich printed es mitten in mein Layout, was zwischen den <style></style>-Tags steht – in meinem Fall zeigt es

.element {display: none !important;}

.

Mein Code:

echo'<style>.element {display: none !important;}</style>';

Gab es ein Update für PHP oder WP, das dies nicht mehr zulässt? Gibt es eine andere Möglichkeit, PHP gesteuert spezifisches CSS hinzuzufügen?

Vielen dank für Deine Hilfe!