Design · PHP · Server

Design · PHP · Server

WordPress · Drupal · PrestaShop

  • Startseite
  • WordPress
  • PHP
  • Ubuntu
  • Prestashop
  • Indesign
  • Grafik

gmis Plugin: Genesis mit masonry layout => infinite scroll deaktivieren

7. April 2017 Leave a Comment

Es gibt ein wunderbares Plugin, mit dem man die Archivseiten eines Genesis Themes in einem schönen Masonry Layout darstellen kann. Dieses Plugin heisst gmis und steht auf wordpress.org frei zum Download zur Verfügung: gmis.

Dieses Plugin bindet einen infinite scrolling Nachlade-Effekt ein während die Seitennavigation ausgeblendet wird.

Der Nachlade Effekt funktioniert auch so einigermaßen. Bei sehr vielen Artikeln kann er jedoch störend wirken, zumal es manchmal einige nicht so schöne Nachladeeffekte gibt.

Um das Masonry Layout zu behalten und die normale Seitennavigation wieder einzusetzen, sind folgende Schritte notwendig:

In der Plugindatei gmis.php suche

function gmis_homepagefullwidth(){
if(is_home() || is_archive()){
remove_action( 'genesis_entry_footer', 'genesis_post_meta' );
remove_action( 'genesis_entry_header', 'genesis_post_info', 12 );
add_filter( 'genesis_pre_get_option_site_layout', '__genesis_return_full_width_content' );
add_filter( 'body_class', 'gmis_body_class' );
add_action( 'wp_enqueue_scripts', 'gmis_plugtohead' );
add_action('genesis_before_footer','gmis_nextlabel');
	}
}

und ersetze mit

function gmis_homepagefullwidth(){
if(is_home() || is_archive()){
remove_action( 'genesis_entry_footer', 'genesis_post_meta' );
remove_action( 'genesis_entry_header', 'genesis_post_info', 12 );
add_filter( 'genesis_pre_get_option_site_layout', '__genesis_return_full_width_content' );
add_filter( 'body_class', 'gmis_body_class' );
add_action( 'wp_enqueue_scripts', 'gmis_plugtohead' );
add_action('genesis_before_footer','gmis_nextlabel');
	remove_action( 'genesis_after_endwhile', 'genesis_posts_nav' );
	add_action( 'genesis_after_content', 'genesis_posts_nav' );
}
}

Dann werden etwas weiter unten die beiden Zeilen, in denen die Infinite Scroll Javascripte eingebunden werden, durch zwei vorangestellte // auskommentiert:

function gmis_plugtohead() {

    wp_enqueue_script('jquery');
    wp_enqueue_style( 'gmis-style', plugins_url( '/css/gmis.css' , __FILE__ ));
//  wp_enqueue_script( 'jquery-infinitescroll-min', plugins_url( '/js/jquery.infinitescroll.min.js' , __FILE__ ));
    wp_enqueue_script( 'isotope-pkgd-min', plugins_url( '/js/isotope.pkgd.min.js' , __FILE__ ));
//  wp_enqueue_script( 'infinitescroll-init', plugins_url( '/js/infinitescroll-init.js' , __FILE__ ));
    wp_enqueue_script( 'imagesloaded', plugins_url( '/js/imagesloaded.pkgd.min.js' , __FILE__ ));
    wp_enqueue_script( 'masn-init', plugins_url( '/js/masn-init.js' , __FILE__ ) );
}

Nun muss noch in der Datei gmis.css, die sich im Pluginunterordner css befindet, die ausgeblendete Seitennavigation wieder eingeblendet werden, indem der Befehl display: none; wieder auskommentiert wird.

.gmis-layout .pagination{
// display:none;
}

Nun ist der Nachladeeffekt deaktiviert und die Seiten lassen sich wieder mit der normalen Paginierung durchblättern.

Filed Under: WordPress Tagged With: genesis, WordPress

Masonry Gallery beim Enfold Theme – Bilder erscheinen beim Scrollen nicht

3. Februar 2017 Leave a Comment

Folgende Funktion in der functions.php schafft Abhilfe

function fix_masonry_issue(){
?>
<script>
	(function($){
    	$(window).scroll(function(){
            $(window).trigger('resize');
        });
	})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'fix_masonry_issue');

Quelle: http://www.kriesi.at/support/topic/images-following-masonry-gallery-dont-show-up/

Filed Under: WordPress Tagged With: Code Snippets, Enfold, WordPress

WordPress: Auf der Startseite nur die Artikel einer bestimmten Kategorie listen

29. August 2015 Leave a Comment

Wenn auf der Startseite nur die Artikel einer (oder auch mehrerer ausgewählter) Kategorien gelistet werden sollen, hilft folgender Code in der functions.php

function my_home_category( $query ) { 
if ( $query->is_home() && $query->is_main_query() ) { $query->set( 'cat', '11'); } } 
add_action( 'pre_get_posts', 'my_home_category' );

Wichtig ist hierbei der Teil $query->set( ‚cat‘, ’11‘);

Die Zahl gibt die ID der gewünschten Kategorie an. Mehrere Kategorien können mit einem Komma getrennt hintereinander aufgelistet werden, also z.B. $query->set( ‚cat‘, ‚3,5,11‘);

Filed Under: WordPress Tagged With: Startseite, WordPress

  • 1
  • 2
  • 3
  • 4
  • Next Page »

Themen

Adminbar Apache Attachment Count Automatische Updates Backend Boolean values Boolesche Werte BuddyPress Code Snippets Concatenation Operator Conditional Statement Datenbank Email Enfold Escape Zeichen Galerien genesis Grid View htaccess Layout Builder List View Logische Operatoren Loops Maskieren Media Manager Mitgliederbereich PHP PHP Kommentare PHP Anfänger PHP Variablen Plugins Prestashop Prestashop 1.5 Prestashop 1.6 Prestashop Module RSS Feed s2member Server ssl Strings Windows Windows 10 WooCommerce WooCommerce Sortierung WordPress

Letzte Kommentare

  • Thomas bei WordPress: Einzelne Kategorien aus dem RSS Feed ausschließen
  • Bernhard bei CSS: Automatische Silbentrennung in einzelnen Wörtern verhindern
  • Bernhard bei CSS: Automatische Silbentrennung in einzelnen Wörtern verhindern
  • MC bei PHP: Boolesche Werte (Boolean Values)
  • eno bei Zufällige Produktanordnung beim Featured Product Slider (PrestaShop 6.1.11 / Megashop Theme)

Informationen

  • Kontakt
  • Datenschutzerklärung
  • Impressum
  • Kontakt
  • Datenschutzerklärung
  • Impressum
Diese Website benutzt Cookies. Wenn Sie die Website weiter nutzen, stimmen Sie der Verwendung von Cookies zu.EinverstandenCookies von Drittanbietern ablehnenErfahren Sie mehr