質問編集履歴

4

追加

2021/12/27 09:07

投稿

aot
aot

スコア1

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

文法修正

2021/12/27 09:07

投稿

aot
aot

スコア1

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=Cuprum:wght@700&display=swap" rel="stylesheet">
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

文法修正

2021/12/27 08:10

投稿

aot
aot

スコア1

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
- wp_enqueue_style( 'googleFonts');
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

文法修正

2021/12/27 07:29

投稿

aot
aot

スコア1

test CHANGED
@@ -1 +1 @@
1
- HTMLWordPressについて
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
  ```