twee css bestanden in functions.php wordt niet erkent !
volgens de instructies van deze url:
https://code.tutsplus.com/tutorials/loading-css-into-wordpress-the-right-way--cms-20402
en volgens deze forum:http://wordpress.stackexchange.com/questions/166185/what-is-the-correct-way-to-enqueue-multiple-css-files-in-wp
Ik heb de style.css en custom.css op deze manier toegevoegd in Functions.php
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
**
* Enqueue scripts and styles.
*/
function developer_stylesheets() {
wp_register_style( 'developer', get_template_directory_uri() . '/http://webdesignleren.net/wp-content/themes/developer/style.css', array(), null, 'all' );
wp_register_style( 'developer', get_template_directory_uri() . '/http://webdesignleren.net/wp-content/themes/developer/custom.css', array(), null, 'all' );
wp_enqueue_style( 'developer-style');
wp_enqueue_style( 'developer-custom');
}
add_action( 'wp_enqueue_scripts', 'developer_stylesheets' );
function developer_scripts() {
wp_enqueue_script( 'developer-navigation', get_template_directory_uri() . '/js/navigation.js', array(), '20151215', true );
wp_enqueue_script( 'developer-skip-link-focus-fix', get_template_directory_uri() . '/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', 'developer_scripts' );
* Enqueue scripts and styles.
*/
function developer_stylesheets() {
wp_register_style( 'developer', get_template_directory_uri() . '/http://webdesignleren.net/wp-content/themes/developer/style.css', array(), null, 'all' );
wp_register_style( 'developer', get_template_directory_uri() . '/http://webdesignleren.net/wp-content/themes/developer/custom.css', array(), null, 'all' );
wp_enqueue_style( 'developer-style');
wp_enqueue_style( 'developer-custom');
}
add_action( 'wp_enqueue_scripts', 'developer_stylesheets' );
function developer_scripts() {
wp_enqueue_script( 'developer-navigation', get_template_directory_uri() . '/js/navigation.js', array(), '20151215', true );
wp_enqueue_script( 'developer-skip-link-focus-fix', get_template_directory_uri() . '/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', 'developer_scripts' );
ik heb ook geprobeerd de stylesheets en scripts onder 1 bracket te brengen ,maar toch het CSS en Custom.css wordt erkent. .
De geheel functions.php code is:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
<?php
/**
* developer functions and definitions.
*
* @link https://developer.wordpress.org/themes/basics/theme-functions/
*
* @package developer
*/
if ( ! function_exists( 'developer_setup' ) ) :
/**
* Sets up theme defaults and registers support for various WordPress features.
*
* Note that this function is hooked into the after_setup_theme hook, which
* runs before the init hook. The init hook is too late for some features, such
* as indicating support for post thumbnails.
*/
function developer_setup() {
/*
* Make theme available for translation.
* Translations can be filed in the /languages/ directory.
* If you're building a theme based on sinan, use a find and replace
* to change 'sinan' to the name of your theme in all the template files.
*/
load_theme_textdomain( 'developer', get_template_directory() . '/languages' );
// Add default posts and comments RSS feed links to head.
add_theme_support( 'automatic-feed-links' );
/*
* Let WordPress manage the document title.
* By adding theme support, we declare that this theme does not use a
* hard-coded <title> tag in the document head, and expect WordPress to
* provide it for us.
*/
add_theme_support( 'title-tag' );
/*
* Enable support for Post Thumbnails on posts and pages.
*
* @link https://developer.wordpress.org/themes/functionality/featured-images-post-thumbnails/
*/
add_theme_support( 'post-thumbnails' );
// This theme uses wp_nav_menu() in one location.
register_nav_menus( array(
'primary' => esc_html__( 'Primary', 'developer' ),
) );
/*
* Switch default core markup for search form, comment form, and comments
* to output valid HTML5.
*/
add_theme_support( 'html5', array(
'search-form',
'comment-form',
'comment-list',
'gallery',
'caption',
) );
// Set up the WordPress core custom background feature.
add_theme_support( 'custom-background', apply_filters( 'developer_custom_background_args', array(
'default-color' => 'ffffff',
'default-image' => '',
) ) );
}
endif;
add_action( 'after_setup_theme', 'developer_setup' );
/**
* Set the content width in pixels, based on the theme's design and stylesheet.
*
* Priority 0 to make it available to lower priority callbacks.
*
* @global int $content_width
*/
function developer_content_width() {
$GLOBALS['content_width'] = apply_filters( 'developer_content_width', 640 );
}
add_action( 'after_setup_theme', 'developer_content_width', 0 );
/**
* Register widget area.
*
* @link https://developer.wordpress.org/themes/functionality/sidebars/#registering-a-sidebar
*/
function developer_widgets_init() {
register_sidebar( array(
'name' => esc_html__( 'Sidebar', 'developer' ),
'id' => 'sidebar-1',
'description' => esc_html__( 'Add widgets here.', 'developer' ),
'before_widget' => '<section id="%1$s" class="widget %2$s">',
'after_widget' => '</section>',
'before_title' => '<h2 class="widget-title">',
'after_title' => '</h2>',
) );
}
add_action( 'widgets_init', 'developer_widgets_init' );
/**
* Add SVG capabilities
*/
function developer_theme_svg_mime_type( $mimes = array() ) {
$mimes['svg'] = 'image/svg+xml';
$mimes['svgz'] = 'image/svg+xml';
return $mimes;
}
add_filter( 'upload_mimes', 'developer_theme_svg_mime_type' );
/**
* Enqueue scripts and styles.
*/
function developer_stylesheets() {
wp_register_style( 'developer', get_template_directory_uri() . '/http://webdesignleren.net/wp-content/themes/developer/style.css', array(), null, 'all' );
wp_register_style( 'developer', get_template_directory_uri() . '/http://webdesignleren.net/wp-content/themes/developer/custom.css', array(), null, 'all' );
wp_enqueue_style( 'developer-style');
wp_enqueue_style( 'developer-custom');
}
add_action( 'wp_enqueue_scripts', 'developer_stylesheets' );
function developer_scripts() {
wp_enqueue_script( 'developer-navigation', get_template_directory_uri() . '/js/navigation.js', array(), '20151215', true );
wp_enqueue_script( 'developer-skip-link-focus-fix', get_template_directory_uri() . '/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', 'developer_scripts' );
/**
* Implement the Custom Header feature.
*/
require get_template_directory() . '/inc/custom-header.php'; ?>
/**
* developer functions and definitions.
*
* @link https://developer.wordpress.org/themes/basics/theme-functions/
*
* @package developer
*/
if ( ! function_exists( 'developer_setup' ) ) :
/**
* Sets up theme defaults and registers support for various WordPress features.
*
* Note that this function is hooked into the after_setup_theme hook, which
* runs before the init hook. The init hook is too late for some features, such
* as indicating support for post thumbnails.
*/
function developer_setup() {
/*
* Make theme available for translation.
* Translations can be filed in the /languages/ directory.
* If you're building a theme based on sinan, use a find and replace
* to change 'sinan' to the name of your theme in all the template files.
*/
load_theme_textdomain( 'developer', get_template_directory() . '/languages' );
// Add default posts and comments RSS feed links to head.
add_theme_support( 'automatic-feed-links' );
/*
* Let WordPress manage the document title.
* By adding theme support, we declare that this theme does not use a
* hard-coded <title> tag in the document head, and expect WordPress to
* provide it for us.
*/
add_theme_support( 'title-tag' );
/*
* Enable support for Post Thumbnails on posts and pages.
*
* @link https://developer.wordpress.org/themes/functionality/featured-images-post-thumbnails/
*/
add_theme_support( 'post-thumbnails' );
// This theme uses wp_nav_menu() in one location.
register_nav_menus( array(
'primary' => esc_html__( 'Primary', 'developer' ),
) );
/*
* Switch default core markup for search form, comment form, and comments
* to output valid HTML5.
*/
add_theme_support( 'html5', array(
'search-form',
'comment-form',
'comment-list',
'gallery',
'caption',
) );
// Set up the WordPress core custom background feature.
add_theme_support( 'custom-background', apply_filters( 'developer_custom_background_args', array(
'default-color' => 'ffffff',
'default-image' => '',
) ) );
}
endif;
add_action( 'after_setup_theme', 'developer_setup' );
/**
* Set the content width in pixels, based on the theme's design and stylesheet.
*
* Priority 0 to make it available to lower priority callbacks.
*
* @global int $content_width
*/
function developer_content_width() {
$GLOBALS['content_width'] = apply_filters( 'developer_content_width', 640 );
}
add_action( 'after_setup_theme', 'developer_content_width', 0 );
/**
* Register widget area.
*
* @link https://developer.wordpress.org/themes/functionality/sidebars/#registering-a-sidebar
*/
function developer_widgets_init() {
register_sidebar( array(
'name' => esc_html__( 'Sidebar', 'developer' ),
'id' => 'sidebar-1',
'description' => esc_html__( 'Add widgets here.', 'developer' ),
'before_widget' => '<section id="%1$s" class="widget %2$s">',
'after_widget' => '</section>',
'before_title' => '<h2 class="widget-title">',
'after_title' => '</h2>',
) );
}
add_action( 'widgets_init', 'developer_widgets_init' );
/**
* Add SVG capabilities
*/
function developer_theme_svg_mime_type( $mimes = array() ) {
$mimes['svg'] = 'image/svg+xml';
$mimes['svgz'] = 'image/svg+xml';
return $mimes;
}
add_filter( 'upload_mimes', 'developer_theme_svg_mime_type' );
/**
* Enqueue scripts and styles.
*/
function developer_stylesheets() {
wp_register_style( 'developer', get_template_directory_uri() . '/http://webdesignleren.net/wp-content/themes/developer/style.css', array(), null, 'all' );
wp_register_style( 'developer', get_template_directory_uri() . '/http://webdesignleren.net/wp-content/themes/developer/custom.css', array(), null, 'all' );
wp_enqueue_style( 'developer-style');
wp_enqueue_style( 'developer-custom');
}
add_action( 'wp_enqueue_scripts', 'developer_stylesheets' );
function developer_scripts() {
wp_enqueue_script( 'developer-navigation', get_template_directory_uri() . '/js/navigation.js', array(), '20151215', true );
wp_enqueue_script( 'developer-skip-link-focus-fix', get_template_directory_uri() . '/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', 'developer_scripts' );
/**
* Implement the Custom Header feature.
*/
require get_template_directory() . '/inc/custom-header.php'; ?>
wat kan het probleem zijn dat CSS en Custom.css wordt niet erkent?
dank u wel
johannes
Gewijzigd op 29/10/2016 21:01:17 door - Ariën -
de code voor registeren en enqueue van CSS bestanden is:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
/**
* Enqueue scripts and styles.
*/
function developer_stylesheets() {
wp_register_style( 'developer', get_template_directory_uri() . '/http://webdesignleren.net/wp-content/themes/developer/style.css', array(), null, 'all' );
wp_register_style( 'developer', get_template_directory_uri() . '/http://webdesignleren.net/wp-content/themes/developer/custom.css', array(), null, 'all' );
wp_enqueue_style( 'developer-style');
wp_enqueue_style( 'developer-custom');
}
add_action( 'wp_enqueue_scripts', 'developer_stylesheets' );
en de vervolg code voor scripts is :
function developer_scripts() {
wp_enqueue_script( 'developer-navigation', get_template_directory_uri() . '/js/navigation.js', array(), '20151215', true );
wp_enqueue_script( 'developer-skip-link-focus-fix', get_template_directory_uri() . '/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', 'developer_scripts' );
het HTML Sources U kunt zien in : http://webdesignleren.net
het website is bijna lege pagina om website bouwen te leren.
johannes
[size=xsmall][i]Toevoeging op 30/10/2016 14:14:44:[/i][/size]
Dank U Wel,
ik heb het opgelost de code is :
/**
* Register style sheet.
*/
function developer_stylesheets() {
wp_register_style( 'style.css', get_template_directory_uri() . '/style.css', array(), null, 'all' );
wp_register_style( 'custom.css', get_template_directory_uri() . '/custom.css', array(), null, 'all' );
wp_enqueue_style( 'style.css' );
wp_enqueue_style( 'custom.css' );
}
add_action( 'wp_enqueue_scripts', 'developer_stylesheets' );
johannes
[size=xsmall][i]Toevoeging op 30/10/2016 14:15:48:[/i][/size]
Dank U Wel,
ik heb het opgelost, de code is :
/**
* Register style sheet.
*/
function developer_stylesheets() {
wp_register_style( 'style.css', get_template_directory_uri() . '/style.css', array(), null, 'all' );
wp_register_style( 'custom.css', get_template_directory_uri() . '/custom.css', array(), null, 'all' );
wp_enqueue_style( 'style.css' );
wp_enqueue_style( 'custom.css' );
}
add_action( 'wp_enqueue_scripts', 'developer_stylesheets' );
johannes
[size=xsmall][i]Toevoeging op 30/10/2016 14:16:19:[/i][/size]
Dank U Wel,
ik heb het opgelost de code is :
/**
* Register style sheet.
*/
function developer_stylesheets() {
wp_register_style( 'style.css', get_template_directory_uri() . '/style.css', array(), null, 'all' );
wp_register_style( 'custom.css', get_template_directory_uri() . '/custom.css', array(), null, 'all' );
wp_enqueue_style( 'style.css' );
wp_enqueue_style( 'custom.css' );
}
add_action( 'wp_enqueue_scripts', 'developer_stylesheets' );
johannes
* Enqueue scripts and styles.
*/
function developer_stylesheets() {
wp_register_style( 'developer', get_template_directory_uri() . '/http://webdesignleren.net/wp-content/themes/developer/style.css', array(), null, 'all' );
wp_register_style( 'developer', get_template_directory_uri() . '/http://webdesignleren.net/wp-content/themes/developer/custom.css', array(), null, 'all' );
wp_enqueue_style( 'developer-style');
wp_enqueue_style( 'developer-custom');
}
add_action( 'wp_enqueue_scripts', 'developer_stylesheets' );
en de vervolg code voor scripts is :
function developer_scripts() {
wp_enqueue_script( 'developer-navigation', get_template_directory_uri() . '/js/navigation.js', array(), '20151215', true );
wp_enqueue_script( 'developer-skip-link-focus-fix', get_template_directory_uri() . '/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', 'developer_scripts' );
het HTML Sources U kunt zien in : http://webdesignleren.net
het website is bijna lege pagina om website bouwen te leren.
johannes
[size=xsmall][i]Toevoeging op 30/10/2016 14:14:44:[/i][/size]
Dank U Wel,
ik heb het opgelost de code is :
/**
* Register style sheet.
*/
function developer_stylesheets() {
wp_register_style( 'style.css', get_template_directory_uri() . '/style.css', array(), null, 'all' );
wp_register_style( 'custom.css', get_template_directory_uri() . '/custom.css', array(), null, 'all' );
wp_enqueue_style( 'style.css' );
wp_enqueue_style( 'custom.css' );
}
add_action( 'wp_enqueue_scripts', 'developer_stylesheets' );
johannes
[size=xsmall][i]Toevoeging op 30/10/2016 14:15:48:[/i][/size]
Dank U Wel,
ik heb het opgelost, de code is :
/**
* Register style sheet.
*/
function developer_stylesheets() {
wp_register_style( 'style.css', get_template_directory_uri() . '/style.css', array(), null, 'all' );
wp_register_style( 'custom.css', get_template_directory_uri() . '/custom.css', array(), null, 'all' );
wp_enqueue_style( 'style.css' );
wp_enqueue_style( 'custom.css' );
}
add_action( 'wp_enqueue_scripts', 'developer_stylesheets' );
johannes
[size=xsmall][i]Toevoeging op 30/10/2016 14:16:19:[/i][/size]
Dank U Wel,
ik heb het opgelost de code is :
/**
* Register style sheet.
*/
function developer_stylesheets() {
wp_register_style( 'style.css', get_template_directory_uri() . '/style.css', array(), null, 'all' );
wp_register_style( 'custom.css', get_template_directory_uri() . '/custom.css', array(), null, 'all' );
wp_enqueue_style( 'style.css' );
wp_enqueue_style( 'custom.css' );
}
add_action( 'wp_enqueue_scripts', 'developer_stylesheets' );
johannes