Ondersteuning » Algemeen WordPress » foundation wordt niet erkent bij WordPress theme na implementeren?

  • Opgelost johannes999

    (@johannes999)


    hallo,
    ik probeer foundation grid systeem te implementeren in _underscores wordpress theme.
    zo ik heb deze lijnen toegevoegd in function PHP volgens instructies:

    
    /* Add Foundation JS */
    	wp_enqueue_script( 'garage-foundation-js', get_template_directory_uri() . '/foundation/js/vendor/foundation.min.js', array( 'jquery' ), '1', true );	
    
    wp_enqueue_script( 'garage-foundation-js', get_template_directory_uri() . '/foundation/js/vendor/modernizr.js', array( 'jquery' ), '1', true );	
    	
    wp_enqueue_script( 'garage-foundation-js', get_template_directory_uri() . '/foundation/js/vendor/jquery.js', array( 'jquery' ), '1', true );	
    	
    wp_enqueue_script( 'garage-foundation-js', get_template_directory_uri() . '/foundation/js/vendor/what-input.js', array( 'jquery' ), '1', true );	
    wp_enqueue_script( 'garage-navigation', get_template_directory_uri() . '/js/navigation.js', array(), '20151215', true );
    
    	wp_enqueue_script( 'garage-skip-link-focus-fix', get_template_directory_uri() . '/garage/js/skip-link-focus-fix.js', array(), '20151215', true );
    
    	if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
    		wp_enqueue_script( 'comment-reply' );
    	}
    }
    add_action( 'wp_enqueue_scripts', 'garage_scripts' );
    
    

    ik heb deze script toegevoegd in Header.PHP

    
    <html <?php language_attributes(); ?>>
    <head>
    <meta charset="<?php bloginfo( 'charset' ); ?>">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="profile" href="http://gmpg.org/xfn/11">
    <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
    <script  src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
    
    			
      <script src="https://use.fontawesome.com/d20685ed0e.js"></script> <!-- TODO: Place your Font Awesome embed code  -->
    <script>
    jQuery(document).ready(function($) {
    	$(document).foundation();
    });
          
        </script>
    
    </head>
    

    maar ik zie dat mij wordpress theme erkent foundation niet.
    ik heb gedaan alles volgens regels bijvoorbeeld in de juiste plaatsen foundation regels teogevoegd voor grid systeem als volgende:

    
    <div class="site-branding">
                
    			<div class="row"><!-- Foundation .row start -->
    				<div class="small-12 columns"><!-- Foundation .columns start -->
    

    wat zou het probleem kunnen zijn de directories in function.php zijn helemaal goed .

    dank u wel
    johan

2 reacties aan het bekijken - 1 tot 2 (van in totaal 2)
  • <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>

    Waarom nog een keer jQuery toevoegen (hardcoded)? WordPress doet dit al voor je.

    <script src="https://use.fontawesome.com/d20685ed0e.js"></script> <!-- TODO: Place your Font Awesome embed code -->

    Waarom doe je deze ook niet via wp_enqueue_script?

    <script>
    jQuery(document).ready(function($) {
    	$(document).foundation();
    });
          
        </script>

    Wat zegt je console hierover? (Chrome -> CMD + ALT + J).

    Thread starter johannes999

    (@johannes999)

    dank u wel ,
    ik heb net makkelijker weg gevonden op het site van:
    http://foundation.zurb.com/sites/docs/installation.html

    
    <!-- Compressed CSS -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/foundation/6.2.3/foundation.min.css">
    
    <!-- Compressed JavaScript -->
    <script src="https://cdn.jsdelivr.net/foundation/6.2.3/foundation.min.js"></script>
    

    het is gelukt eindelijk

2 reacties aan het bekijken - 1 tot 2 (van in totaal 2)
  • Het onderwerp ‘foundation wordt niet erkent bij WordPress theme na implementeren?’ is gesloten voor nieuwe reacties.