• Zur Hauptnavigation springen
  • Skip to main content
  • Zur Hauptsidebar springen
  • Zur Fußzeile springen
Logo

impressive pages: Webdesign und eCommerce

  • Start
  • Blog
  • Hosting
  • Kontakt

Genesis-Framework

Genesis Visual Hook Guide

2. Oktober 2021 Kommentar verfassen

Der Genesis Visual Hook Guide zeigt eine Übersicht wo sich die visuellen Hooks befinden. Das ist nützlich beim Aufbau einer Webseite.

genesis visual hook guide

Der Visual Hook Guide befindet sich hier.

Kategorie: Entwicklung

Wrap-DIVs (.wrap) in Genesis entfernen

2. Oktober 2021 Kommentar verfassen

.wrap-DIVs

Genesis fügt in sämtliche HTML-Elemente der Seite .wrap-DIVs ein um z.B. zentrierte Ausrichtung zu ermöglichen.

Möchte man die DOM-Tiefe verringern empfiehlt es sich die wrapper-DIVs (.wrap) zu entfernen.

Das geht so:

 add_theme_support( 'genesis-structural-wraps', array( 'header', 'menu-secondary', 'footer-widgets', 'footer' ) );

Kategorie: Entwicklung, Genesis-Framework, Genesis-Framework, Genesis-Framework, Genesis-Framework, Genesis-Framework, Genesis-Framework

Google Fonts in Genesis Sample entfernen

6. September 2021 Kommentar verfassen

Google-Logo

Das Theme genesis-sample nutzt Google Fonts. Um das abzustellen ist folgendes nötig:

//* Remove Google Fonts
add_action( 'wp_print_styles', 'iphf_dequeue_google_fonts_style' );
function iphf_dequeue_google_fonts_style() {
      wp_dequeue_style( 'genesis-sample-fonts' );
}

Kategorie: WordPress, WordPress, WordPress

Blockbasierten Widget-Editor aktivieren mit Genesis >= 3.3.4

23. August 2021 Kommentar verfassen

Widgets-Editor
So sieht der neue Widgets-Editor ab WordPress 5.8 aus

Mit Genesis 3.3.4 hat StudioPress den Support für den neuen Blockbasierten Widget-Editor implementiert. Der neue Widget-Editor ist mit der WordPress-Version 5.8 dazugekommen.

Um die Funktion aber nutzen zu können muss in der functions.php folgender Code eingefügt werden:

//* Enable the block-based widget editor
add_filter( 'use_widgets_block_editor', '__return_true' );

Mehr Infos dazu gibt es hier: https://my.studiopress.com/documentation/snippets/block-editor/enable-block-based-widget-editor/ (englisch)

Kategorie: Allgemein

Cooles Genesis Mobile Menu Overlay

9. April 2021 Kommentar verfassen

Möchte man ein statt eines runterklappenden mobilen Menüs lieber ein seitenfüllendes Menü haben, so ist https://github.com/PurpleHippoDesign/genesis-menu-overlay eine Möglichkeit dafür.

Thanks to @PurpleHippoDesign

Kategorie: Mobile, WordPress

Wie lässt sich das Wort “MENU” aus dem Hamburger-Menü entfernen in Genesis?

9. April 2021 Kommentar verfassen

Wie laesst sich das Wort MENU aus dem Hamburger Menu entfernen in Genesis

Das mobile Menü (sog. Hamburger-Menü) bei Genesis hat Standardmäßig den Text „Menu“ neben dem Icon. Für deutsche Websites ist das natürlich nicht optimal. Es gibt aber eine einfache Möglichkeit das zu ändern.

Dazu fügen wir folgende Style-Anweisung:

button#genesis-mobile-nav-primary {
    font-size: 0;
}

in unseren CSS-Code ein. Fertig!

Es gibt auch die Möglichkeit den Theme-Code anzupassen. Allerdings ist die o.g. Lösung einfacher zu realisieren. Sie wird von den Entwicklern des Genesis-Frameworks auch empfohlen.

Kategorie: Mobile

Haupt-Sidebar

Suche

Neueste Beiträge

  • WooCommerce: Nur kostenlosen Versand anzeigen
  • In Genesis wrapper-DIVs (.wrap) entfernen
  • WP-CLI nutzen für automatische Updates
  • WordPress 5.9 „Groundbreaking Release“ kommt Ende Januar 2022
  • Thumbnails in WordPress über WP-CLI neu generieren

Kategorien

  • Entwicklung
  • Genesis-Framework
  • Google Search Console
  • Mobile
  • SEO
  • Webhosting
  • WooCommerce
  • WordPress

Archive

  • Januar 2022
  • Dezember 2021
  • November 2021
  • Oktober 2021
  • September 2021
  • August 2021
  • Juni 2021
  • April 2021
  • Impressum
  • Datenschutz

Footer

!pages
Heinrich Franz
Wilhelm-Martin-Str. 4
76356 Weingarten (Baden)
instagram
+49 160 85 40 725
info@impressive-pages.de

In meinem Blog veröffentliche ich Infos Rund um WordPress, das Genesis-Framework und SEO.

© 2022 impressive pages

  • English