foundation wordt niet erkent bij WordPress theme na implementeren?

  • Opgelost johannes999

    (@johannes999)


    8 jaren geleden

    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)
  • nielsvanrenselaar

    (@nielsvanrenselaar)

    8 jaren geleden

    <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)

    8 jaren geleden

    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.