Ten eerste is het een JavaScript dus CSS valt al af. Verder is de header.php bedoeld voor alle <head>-zaken in je templateset.
Link gekopieerd
dank u wel ,
waar precies ik moet het plakken in deze header.php code:
<!DOCTYPE html>
<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="/wp-content/themes/garage/js/jquery.colorbox-min.js"></script>
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<div id="page" class="site">
<a class="skip-link screen-reader-text" href="#main"><?php esc_html_e( 'Skip to content', 'garage' ); ?></a>
<?php if ( get_header_image() ) { ?>
<header id="masthead" class="site-header" style="background-image: url(<?php header_image(); ?>)" role="banner">
<?php } else {?>
<header id="masthead" class="site-header" role="banner">
<?php } ?>
<div class="site-branding">
<?php
if ( is_front_page() && is_home() ) : ?>
<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
<?php else : ?>
<p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p>
<?php
endif;
$description = get_bloginfo( 'description', 'display' );
if ( $description || is_customize_preview() ) : ?>
<p class="site-description"><?php echo $description; /* WPCS: xss ok. */ ?></p>
<?php
endif; ?>
</div><!-- .site-branding -->
<nav id="site-navigation" class="main-navigation" role="navigation">
<button class="menu-toggle" aria-controls="primary-menu" aria-expanded="false"><?php esc_html_e( 'Primary Menu', 'garage' ); ?></button>
<?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_id' => 'primary-menu' ) ); ?>
</nav><!-- #site-navigation -->
</header><!-- #masthead -->
<div id="content" class="site-content">
<script>
use strict";
$(document).ready(function(e) {
$('#content a').colorbox({rel:'gal'} );
} ) ;
</script>
onder de <head> of waar ik heb het geplakt is het goed?
johan
Link gekopieerd
Ariën
18-06-2016 22:35
gewijzigd op 18-06-2016 22:35
Ik zou het in ieder geval inladen nadat je je colorbox.min.js hebt opgehaald. In je head-sectie dus.
Link gekopieerd
dank u wel ,
Link gekopieerd
In de <head>-sectie dus, om geen communicatieverwarring te hebben.
Link gekopieerd
Als je het in de <head>-sectie gooit, zet het dan onder de regels waar je jquery.min.js en jquery.colorbox-min.js importeert. Dus tussen regel 11 en 12 zal hij wel goed zitten.
Link gekopieerd
