質問編集履歴
4
追加
test
CHANGED
File without changes
|
test
CHANGED
@@ -105,3 +105,7 @@
|
|
105
105
|
?>
|
106
106
|
|
107
107
|
```
|
108
|
+
|
109
|
+
![イメージ説明](3f6f78e700e8614eab713c0acfb31444.png)
|
110
|
+
|
111
|
+
![イメージ説明](5fd87cf133e1076792facd652105bf02.png)
|
3
文法修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -4,15 +4,17 @@
|
|
4
4
|
|
5
5
|
```css
|
6
6
|
|
7
|
-
<link rel="stylesheet" href="css/reset.css" />
|
7
|
+
<link rel="stylesheet" href="css/reset.css" />
|
8
8
|
|
9
|
-
<link rel="stylesheet" href="slick/slick.css"/>
|
9
|
+
<link rel="stylesheet" href="slick/slick.css"/>
|
10
10
|
|
11
|
-
<link rel="stylesheet" href="css/style.css" media="all" />
|
11
|
+
<link rel="stylesheet" href="css/style.css" media="all" />
|
12
12
|
|
13
|
-
<link href="https://fonts.googleapis.com/css2?family=
|
13
|
+
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500&display=swap" rel="stylesheet">
|
14
14
|
|
15
|
+
<link href="https://fonts.googleapis.com/css2?family=Cuprum:ital,wght@1,500&family=Noto+Sans+JP:wght@500&display=swap" rel="stylesheet">
|
16
|
+
|
15
|
-
<link href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" rel="stylesheet">
|
17
|
+
<link href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" rel="stylesheet">
|
16
18
|
|
17
19
|
```
|
18
20
|
|
@@ -60,7 +62,7 @@
|
|
60
62
|
|
61
63
|
// slick.css
|
62
64
|
|
63
|
-
|
65
|
+
wp_enqueue_style( 'slick', get_template_directory_uri() . '/slick/slick.css' );
|
64
66
|
|
65
67
|
// style.css
|
66
68
|
|
@@ -68,7 +70,7 @@
|
|
68
70
|
|
69
71
|
// google font
|
70
72
|
|
71
|
-
|
73
|
+
|
72
74
|
|
73
75
|
|
74
76
|
|
@@ -100,4 +102,6 @@
|
|
100
102
|
|
101
103
|
add_action('init', 'load_script');
|
102
104
|
|
105
|
+
?>
|
106
|
+
|
103
107
|
```
|
2
文法修正
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
function.phpでのcss・js読み込みについて
|
1
|
+
functions.phpでのcss・js読み込みについて
|
test
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
ポートフォリオサイトのWordPress化を行っているのですが、function.phpでのcssとJavaScript、jQueryの読み込みが上手くできません。
|
1
|
+
ポートフォリオサイトのWordPress化を行っているのですが、functions.phpでのcssとJavaScript、jQueryの読み込みが上手くできません。
|
2
2
|
|
3
3
|
独自のcssとmain.jsは出来ていると思うのですが、slickやjQueryのプラグイン、googleフォント等の読み込み方を教えてください。
|
4
4
|
|
@@ -34,6 +34,8 @@
|
|
34
34
|
|
35
35
|
|
36
36
|
|
37
|
+
functions.php
|
38
|
+
|
37
39
|
```php
|
38
40
|
|
39
41
|
<?php
|
@@ -66,25 +68,29 @@
|
|
66
68
|
|
67
69
|
// google font
|
68
70
|
|
69
|
-
wp_register_style( 'googleFonts','https://fonts.googleapis.com/css2?family=Cuprum:wght@700&display=swap');
|
70
71
|
|
72
|
+
|
73
|
+
|
74
|
+
|
75
|
+
// jquery.min.js
|
76
|
+
|
77
|
+
wp_enqueue_script('jquery.min.js', 'https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js', array('jquery'), '3.4.1', false);
|
78
|
+
|
79
|
+
// slick.js
|
80
|
+
|
81
|
+
wp_enqueue_script( 'slick.js', get_template_directory_uri() . '/slick/slick.js', array('jquery'), false, true );
|
82
|
+
|
83
|
+
// gsap.min.js
|
84
|
+
|
85
|
+
wp_enqueue_script('gsap.min.js', 'https://cdnjs.cloudflare.com/ajax/libs/gsap/3.6.1/gsap.min.js', array('jquery'), '3.6.1', false);
|
86
|
+
|
71
|
-
|
87
|
+
//ScrollTrigger.min.js
|
88
|
+
|
89
|
+
wp_enqueue_script('ScrollTrigger.min.js', 'https://cdnjs.cloudflare.com/ajax/libs/gsap/3.6.1/ScrollTrigger.min.js', array('jquery'), '3.6.1', false);
|
72
90
|
|
73
91
|
// main.js
|
74
92
|
|
75
93
|
wp_enqueue_script( 'main-script', get_template_directory_uri() . '/js/main.js', array('jquery'), false, true );
|
76
|
-
|
77
|
-
// slick.js
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
// JavaScript
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
// jQuery
|
86
|
-
|
87
|
-
|
88
94
|
|
89
95
|
}
|
90
96
|
|
@@ -94,12 +100,4 @@
|
|
94
100
|
|
95
101
|
add_action('init', 'load_script');
|
96
102
|
|
97
|
-
add_action('wp_enqueue_scripts', 'custom_add_google_fonts');
|
98
|
-
|
99
|
-
add_action( 'wp_enqueue_scripts', 'add_google_fonts' );
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
?>
|
104
|
-
|
105
103
|
```
|
1
文法修正
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
|
1
|
+
function.phpでのcss・js読み込みについて
|
test
CHANGED
@@ -40,6 +40,12 @@
|
|
40
40
|
|
41
41
|
|
42
42
|
|
43
|
+
add_theme_support('title-tag');
|
44
|
+
|
45
|
+
add_theme_support('post-thumbnails');
|
46
|
+
|
47
|
+
|
48
|
+
|
43
49
|
function load_script() {
|
44
50
|
|
45
51
|
if ( !is_admin() ) {
|
@@ -52,13 +58,17 @@
|
|
52
58
|
|
53
59
|
// slick.css
|
54
60
|
|
55
|
-
|
61
|
+
|
56
62
|
|
57
63
|
// style.css
|
58
64
|
|
59
65
|
wp_enqueue_style( 'main', get_template_directory_uri() . '/css/style.css' );
|
60
66
|
|
67
|
+
// google font
|
61
68
|
|
69
|
+
wp_register_style( 'googleFonts','https://fonts.googleapis.com/css2?family=Cuprum:wght@700&display=swap');
|
70
|
+
|
71
|
+
wp_enqueue_style( 'googleFonts');
|
62
72
|
|
63
73
|
// main.js
|
64
74
|
|
@@ -84,4 +94,12 @@
|
|
84
94
|
|
85
95
|
add_action('init', 'load_script');
|
86
96
|
|
97
|
+
add_action('wp_enqueue_scripts', 'custom_add_google_fonts');
|
98
|
+
|
99
|
+
add_action( 'wp_enqueue_scripts', 'add_google_fonts' );
|
100
|
+
|
101
|
+
|
102
|
+
|
103
|
+
?>
|
104
|
+
|
87
105
|
```
|