'Word press theme development' white screen. Turned debug on: syntax error, unexpected 'function' (T_FUNCTION)

Question

wp newb here..

I'm following the wp theme dev course to the tee and trying to create the custom theme with the project files.

I've figured out that my error is in my bottom half of my functions.php, specifially the "function wpt_theme_js() {" line.

I can't find any errors in the syntax so i'm not sure what's going on..? I've tried commenting out each line and still didn't find the error. When I comment that whole block out, my local wp back end is up and running.

function wpt_theme_js() {

wp_enqueue_script( 'modernizr_js', get_template_directory_uri() . '/js/modernizr.js', '', '', false );
wp_enqueue_script( 'foundation_js', get_template_directory_uri() . '/js/foundation.js', array('jquery'), '', true );
wp_enqueue_script( 'main_js', get_template_directory_uri() . '/js/app.js', array('jquery', 'foundation_js'), '', true );

} add_action( 'wp_enqueue_scripts', 'wpt_theme_js' );

Thanks in advance for the help!

Answer 1 · 2015-02-03T19:29:07Z

February 3, 2015 7:29pm

I found the error! I was simply missing a simple ";" after my "add_action" code.

Thanks for the effort and help!

Answer 2 · 2015-01-28T22:16:29Z

January 28, 2015 10:16pm

do you have the

'/js/foundation.js'

or the

'/js/foundation.min.js'

in the .js folder?

change to the foundation.min.js to see if that will worK

Answer 3 · 2015-01-28T23:01:38Z

January 28, 2015 11:01pm

Make sure there isn't extra blank lines in your functions.php file after the closing php tag.

Answer 4 · 2015-01-29T08:46:55Z

January 29, 2015 8:46am

Thanks for the replies but no answer yet.. I tried putting in the "min" and that helped but my function "custom name" theme_js is still breaking the page. It's on my line 14 if that helps.

wish I could screen shot it..

Answer 5 · 2015-01-29T17:23:33Z

January 29, 2015 5:23pm

(assuming you are following the class code) Line 14 is the nav menu. Does your code look like this:

<?php 

add_theme_support( 'menus' );
add_theme_support( 'post-thumbnails' );

function wpt_excerpt_length( $length ) {
    return 16;
}
add_filter( 'excerpt_length', 'wpt_excerpt_length', 999 );

function register_theme_menus() {

    register_nav_menus(
        array(
            'primary-menu'  => __( 'Primary Menu', 'treehouse-portfolio' )          
        )
    );

}
add_action( 'init', 'register_theme_menus' );


function wpt_create_widget( $name, $id, $description ) {

    register_sidebar(array(
        'name' => __( $name ),   
        'id' => $id, 
        'description' => __( $description ),
        'before_widget' => '<div class="widget">',
        'after_widget' => '</div>',
        'before_title' => '<h2 class="module-heading">',
        'after_title' => '</h2>'
    ));

}

wpt_create_widget( 'Page Sidebar', 'page', 'Displays on the side of pages with a sidebar' );
wpt_create_widget( 'Blog Sidebar', 'blog', 'Displays on the side of pages in the blog section' );


function wpt_theme_styles() {

    wp_enqueue_style( 'foundation_css', get_template_directory_uri() . '/css/foundation.css' );
    //wp_enqueue_style( 'normalize_css', get_template_directory_uri() . '/css/normalize.css' );
    wp_enqueue_style( 'googlefont_css', 'http://fonts.googleapis.com/css?family=Asap:400,700,400italic,700italic' );
    wp_enqueue_style( 'main_css', get_template_directory_uri() . '/style.css' );

}
add_action( 'wp_enqueue_scripts', 'wpt_theme_styles' );

function wpt_theme_js() {

    wp_enqueue_script( 'modernizr_js', get_template_directory_uri() . '/js/modernizr.js', '', '', false );  
    wp_enqueue_script( 'foundation_js', get_template_directory_uri() . '/js/foundation.min.js', array('jquery'), '', true );
    wp_enqueue_script( 'main_js', get_template_directory_uri() . '/js/app.js', array('jquery', 'foundation_js'), '', true );        

}
add_action( 'wp_enqueue_scripts', 'wpt_theme_js' );

there is a difference between register_nav_menus (plural) and register_nav_menu (singular)

http://codex.wordpress.org/Function_Reference/register_nav_menu

Answer 6 · 2015-01-29T20:37:33Z

January 29, 2015 8:37pm

At this point, I'm not even at the menu part. Here's what my functions.php file looks like:

<?php

function wpt_theme_styles() {

wp_enqueue_style( 'foundation_css', get_template_directory_uri() . '/css/foundation.min.css' );
wp_enqueue_style( 'normalize_css', get_template_directory_uri() . '/css/normalize.css' );
wp_enqueue_style( 'normalize_css', 'http://fonts.googleapis.com/css?family=Asap:400,700,400italic,700italic' );
wp_enqueue_style( 'main_css', get_template_directory_uri() . '/style.css' );

} add_action( 'wp_enqueue_scripts', 'wpt_theme_styles' )

function wpt_theme_js() {

wp_enqueue_script( 'modernizr_js', get_template_directory_uri() . '/js/modernizr.js', '', '', false );
wp_enqueue_script( 'foundation_js', get_template_directory_uri() . '/js/foundation.min.js', array('jquery'), '', true );
wp_enqueue_script( 'main_js', get_template_directory_uri() . '/js/app.js', array('jquery', 'foundation_js'), '', true );

} add_action( 'wp_enqueue_scripts', 'wpt_theme_js' );

?>

Answer 7 · 2015-01-29T21:07:39Z

January 29, 2015 9:07pm

Just checking. Do you have the foundation.min.js file in the js folder?

/js/foundation.min.js

Answer 8 · 2015-01-29T21:09:27Z

January 29, 2015 9:09pm

Yep. It's in my "js" folder.

Answer 9 · 2015-01-29T21:11:31Z

January 29, 2015 9:11pm

It's the "function wpt_theme_js()" line that's causing an error. Thanks for the effor, Agustin. ;)

Answer 10 · 2015-01-29T21:33:43Z

January 29, 2015 9:33pm

I am aware. You can name the function anything you want, it's the wp_enqueue_script that is important here and what's kicking it to the curb in that line. Now it's bugging me.

Try it without so many spaces:

function wpt_theme_js () {
    wp_enqueue_script('modernizr_js', get_template_directory_uri().'/js/modernizr.js','','',false);
    wp_enqueue_script('foundation_js', get_template_directory_uri().'/js/foundation.min.js',array('jquery'),'',true);
    wp_enqueue_script('main_js', get_template_directory_uri().'/js/app.js',array('jquery','foundation_js'),'',true);
}
add_action('wp_enqueue_scripts', 'wpt_theme_js');

Answer 11 · 2015-01-30T20:20:53Z

January 30, 2015 8:20pm

I think the problem is with the enqueue above the foundation enqueue and the name handles.

First drop the _js on each line and try that, if not working try adding an empty array to modernizer like this:

function wpt_theme_js () {
    wp_enqueue_script('modernizr', get_template_directory_uri().'/js/modernizr.js',array(),'',false);
    wp_enqueue_script('foundation', get_template_directory_uri().'/js/foundation.min.js',array('jquery'),'',true);
    wp_enqueue_script('main', get_template_directory_uri().'/js/app.js',array('jquery','foundation_js'),'',true);
}
add_action('wp_enqueue_scripts', 'wpt_theme_js');

Answer 12 · 2015-01-31T23:07:59Z

January 31, 2015 11:07pm

tried both, no spaces and dropping the "_js" and it's still not working.

here's the error message:

"Parse error: syntax error, unexpected 'function' (T_FUNCTION) in /Users/JackVu/Sites/jackvu.com/wp-content/themes/jvtheme/functions.php on line 14"

It's the "function wpt_theme_js" line... ?

Welcome to the Treehouse Community

Looking to learn something new?

Jack Vu

Jack Vu

'Word press theme development' white screen. Turned debug on: syntax error, unexpected 'function' (T_FUNCTION)

12 Answers

Jack Vu

Jack Vu

Agustin Grube

Agustin Grube

Agustin Grube

Agustin Grube

Tyler Groskreutz

Tyler Groskreutz

Jack Vu

Jack Vu

Agustin Grube

Agustin Grube

Jack Vu

Jack Vu

Agustin Grube

Agustin Grube

Jack Vu

Jack Vu

Jack Vu

Jack Vu

Agustin Grube

Agustin Grube

Agustin Grube

Agustin Grube

Jack Vu

Jack Vu