Design Meets Code

Design Meets Code

WordPress · PrestaShop

  • Startseite
  • WordPress
  • PHP / Datenbanken
  • Ubuntu
  • Prestashop
  • Verschiedenes
  • Grafik
  • Glossar

WordPress: img Attribute height and width entfernen

26. Juli 2014 Leave a Comment

Die folgenden Codezeilen in der functions.php verhindern das automatische Einfügen von den height and width Angaben eines Bildes:

add_filter( 'post_thumbnail_html', 'remove_wps_width_attribute', 10 );
add_filter( 'image_send_to_editor', 'remove_wps_width_attribute', 10 );
function remove_wps_width_attribute( $html ) {
    $html = preg_replace( '/(width|height)="d*"s/', "", $html );
    return $html;
}

Quelle: wpsnipp.com

Filed Under: WordPress Tagged With: WordPress

X-Theme: WooCommerce Katalogbilder nicht in voller Größe sondern gem. WooCommerce Einstellungen laden

13. Juli 2014 Leave a Comment

Das X-Theme lädt auf den Shop Kategorieseiten statt der in den WooCommerce-Einstellungen vorgegebenen Katalogbildgrößen alle Vorschaubilder in voller Größe. X-Theme begründet dies mit der besseren Bilddarstellung auf Retina-Display-Geräten. Die full-size Bilder werden dann per CSS verkleinert. Da das Laden der Bilder in voller Größe eine Performancebremse darstellt, kann man mit folgender Funktion im X-Childtheme auf die in den WooCommerce-Einstellungen eingestellten Katalogbildgrößen zurückgreifen.

add_action('init', 'default_woocommerce_thumbnails', 99 );

function default_woocommerce_thumbnails() {
remove_action( 'woocommerce_before_shop_loop_item_title', 'x_woocommerce_shop_thumbnail', 10 );  
add_action( 'woocommerce_before_shop_loop_item_title', 'x_woocommerce_shop_thumbnail_v2', 99 );
}

function x_woocommerce_shop_thumbnail_v2() {

  GLOBAL $product;

  $stack            = x_get_stack();
  $stack_thumb      = 'shop_catalog';
  $stack_shop_thumb = $stack_thumb;
  $id               = get_the_ID();
  $rating           = $product->get_rating_html();

  woocommerce_show_product_sale_flash();
  echo '<div class="entry-featured">';
    echo '<a href="' . get_the_permalink() . '">';
      echo get_the_post_thumbnail( $id , $stack_shop_thumb );
      if ( ! empty( $rating ) ) {
        echo '<div class="star-rating-container aggregate">' . $rating . '</div>';
      }
    echo '</a>';
  echo "</div>";

}

Filed Under: WordPress Tagged With: X-Theme

Gimp: Grafiken als .jpg speichern

29. Juni 2014 Leave a Comment

Wer auf Linux umsteigt und Gimp als Grafikprogramm installiert, wird sich gleich zu Anfang fragen, wie man ein Bild im .jpg, .png oder .gif Format speichern kann. Angeboten wird nur das proprietäre .xcf Format. Die Antwort ist einfach, wenn auch etwas gewöhnungsbedürftig. Man muss über Datei => Exportieren gehen und hat dann die Möglichkeit, der Bilddatei ein anderes Dateiformat zuzuweisen.

Filed Under: Grafik

  • « Previous Page
  • 1
  • …
  • 31
  • 32
  • 33
  • 34
  • 35
  • …
  • 44
  • Next Page »
Anzeige

Themen

Apache BuddyPress Code Snippets CSS Datenbank Email Enfold genesis Grid View htaccess i-mscp Indesign Katalogpreisregel Layout Builder LibreOffice Lieferschein List View Medien Mitgliederbereich MySQL PHP PHP Anfänger PHP Variablen Plugins Prestashop Prestashop 1.5 Prestashop 1.6 Prestashop 1.7 Prestashop 8 Prestashop Module Registrierung RSS Feed s2member Server ssl Startseite Strings Tag Cloud Tipps Windows Windows 10 Windows 11 WooCommerce WooCommerce Sortierung WordPress
Anzeige

Letzte Kommentare

  • Martin zu CSS: Automatische Silbentrennung in einzelnen Wörtern verhindern
  • Martin zu CSS: Automatische Silbentrennung in einzelnen Wörtern verhindern
  • Klaus zu Woocommerce: Shop Seiten neu generieren
  • Thomas zu WordPress: Einzelne Kategorien aus dem RSS Feed ausschließen
  • Bernhard zu CSS: Automatische Silbentrennung in einzelnen Wörtern verhindern

Informationen

  • Kontakt
  • Datenschutzerklärung
  • Impressum
  • Cookie-Richtlinie (EU)
  • Kontakt
  • Datenschutzerklärung
  • Impressum
  • Cookie-Richtlinie (EU)
Anzeige