teratail
回答率
85.47%
質問するログイン新規登録
トップに関する質問WordPress　テンプレートタグ設定について

編集履歴

質問編集履歴

8

検証コードを変更しました。

2019/10/21 14:40

投稿

manmaru
manmaru

スコア31

test CHANGED
File without changes
test CHANGED
@@ -40,15 +40,15 @@
40
40
 
41
41
  /*CSS設定*/
42
42
 
43
- <link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/wp-content/themes/cocoon-master/styles.css">
43
+ <link rel="stylesheet" href="<?php echo home_url(); ?>/wp-content/themes/cocoon-master/styles.css">
44
44
 
45
45
 
46
46
 
47
47
  /*↓画像*/
48
48
 
49
- <a href="<?php echo get_template_directory_uri(); ?>/images/takebeIMGL3609_TP_V.jpg">
49
+ <a href="<?php echo home_url(); ?>/images/takebeIMGL3609_TP_V.jpg">
50
50
 
51
- <img class="aligncenter size-full wp-image-89" src="<?php echo get_template_directory_uri(); ?>/images/takebeIMGL3609_TP_V.jpg" alt="" width="1024" height="706" />
51
+ <img class="aligncenter size-full wp-image-89" src="<?php echo home_url(); ?>/images/takebeIMGL3609_TP_V.jpg" alt="" width="1024" height="706" />
52
52
 
53
53
  </a>
54
54
 
@@ -64,7 +64,7 @@
64
64
 
65
65
  <ul class="index">
66
66
 
67
- <li class="index"><a class="anchor" href="<?php echo get_template_directory_uri(); ?>/page/2/#b">　　1-2 鳥居のくぐり方</a></li>
67
+ <li class="index"><a class="anchor" href="<?php echo home_url(); ?>/page/2/#b">　　1-2 鳥居のくぐり方</a></li>
68
68
 
69
69
  ```
70
70
 

7

追記

2019/10/21 14:40

投稿

manmaru
manmaru

スコア31

test CHANGED
File without changes
test CHANGED
@@ -37,6 +37,10 @@
37
37
  */
38
38
 
39
39
  ?>
40
+
41
+ /*CSS設定*/
42
+
43
+ <link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/wp-content/themes/cocoon-master/styles.css">
40
44
 
41
45
 
42
46
 

6

追記

2019/10/21 07:50

投稿

manmaru
manmaru

スコア31

test CHANGED
File without changes
test CHANGED
@@ -17,6 +17,8 @@
17
17
  【対応したこと】
18
18
 
19
19
  テンプレートファイル「koteipage.php」を用意し、固定ページに投稿した内容をコピペし、リンクをphpのテンプレートタグへ書き換え。
20
+
21
+ 保存場所：htdocs\btp01フォルダ内
20
22
 
21
23
 
22
24
 

5

更新

2019/10/21 07:41

投稿

manmaru
manmaru

スコア31

test CHANGED
File without changes
test CHANGED
@@ -1,26 +1,76 @@
1
1
  ワードプレス初心者です。
2
2
 
3
- 現在ローカルで作業しており、画像や目次のリンクはローカルのパスをファイルに直書きしている状態であったため、
3
+ 現在ローカルで作業しており、画像や目次のリンクはローカルのパスをファイルに直書き（href="http://localhost:8080/btp01/page/2/#b"）している状態であったため、テンプレートファイルを用意しタグ埋め込みしているのですが、うまくいきません。
4
4
 
5
- のちにサーバー公開してもパスが通るようテンプレートタグに置き換え作業をしていますが、うまくいきません。
5
+ （サイトは固定ページに１投稿で記事を書き、<!--nextpage-->で複数ページに切り分けています。）
6
6
 
7
+
8
+
9
+ 【問題点】
10
+
11
+ ・目次/画像のURLが正しいパスで生成されない
12
+
13
+ ・サイト全体にｃｓｓがあたらなくなってしまった。
14
+
15
+
16
+
17
+ 【対応したこと】
18
+
7
- ![イメージ説明](8a44731fd8058343f5adce20683b59ee.jpeg)
19
+ テンプレートファイル「koteipage.php」を用意し、固定ページに投稿した内容をコピペし、リンクをphpのテンプレートタグへ書き換え。
8
20
 
9
21
 
10
22
 
11
23
 
12
24
 
13
- 【問題１】
14
-
15
- 出力されるurlは
25
+ koteipage.phpの記載内容
16
26
 
17
27
  ```ここに言語を入力
18
28
 
29
+ <?php
30
+
31
+ /*
32
+
33
+ Template Name: 固定ページのテンプレート作成
34
+
35
+ */
36
+
37
+ ?>
38
+
39
+
40
+
41
+ /*↓画像*/
42
+
19
- http://localhost:8080/btp01/<?php echo get_page_link( $b );?>/page/2
43
+ <a href="<?php echo get_template_directory_uri(); ?>/images/takebeIMGL3609_TP_V.jpg">
44
+
45
+ <img class="aligncenter size-full wp-image-89" src="<?php echo get_template_directory_uri(); ?>/images/takebeIMGL3609_TP_V.jpg" alt="" width="1024" height="706" />
46
+
47
+ </a>
48
+
49
+
50
+
51
+ /*↓目次*/
52
+
53
+ <nav>
54
+
55
+ <div id="toc" class="toc tnt-number-detail toc-center border-element">
56
+
57
+ <div class="toc-title">もくじ</div>
58
+
59
+ <ul class="index">
60
+
61
+ <li class="index"><a class="anchor" href="<?php echo get_template_directory_uri(); ?>/page/2/#b">　　1-2 鳥居のくぐり方</a></li>
20
62
 
21
63
  ```
22
64
 
65
+
66
+
67
+
68
+
69
+ 生成されるパスはこちらです。
70
+
71
+ ![イメージ説明](b724bf62ffd2dcc4533a0e7f1ff8ec00.jpeg)
72
+
23
- 本来、
73
+ 本来生成したいパスはこちら。
24
74
 
25
75
  ```ここに言語を入力
26
76
 
@@ -28,52 +78,14 @@
28
78
 
29
79
  ```
30
80
 
31
- としたい。
32
81
 
33
82
 
34
83
 
35
- 【問題２】タグを埋め込んだ箇所がサイトから表示が消えてしまう。
36
-
37
- 【問題３】目次の一部にタグを埋めたところ目次全体のCSSがあたらず崩れてしまう。
38
84
 
39
85
 
40
86
 
41
- 問題１が解決すれば全て解決できそうな気がしているので、引き続き調べてまいります。
87
+ 画像に関しても、下記コードから（koteipage.phpの記載内容より抜粋）
42
88
 
43
- なにかお気づきの点があれば、ご教示頂けますと幸いです。
89
+ 表示がされなくなってしまいました。
44
90
 
45
-
46
-
47
- ↓目次用テンプレートタグ。
48
-
49
- （テスト的に２種類のテンプレートタグを記載してみました。両方ともサイトから消えます。）
50
-
51
- ```ここに言語を入力
52
-
53
- <div class="toc-title">もくじ</div>
54
-
55
- <ul class="index">
56
-
57
- <li class="index"><a class="anchor" href="<?php echo get_page_link( $b );?>/page/2">　　1-2 鳥居のくぐり方</a></li>
58
-
59
- <li class="index"><a class="anchor" href="<?php echo home_url(); ?>/page/2/#b">　　1-2 猫のくぐり方２</a></li>
60
-
61
-
62
-
63
- ```
64
-
65
-
66
-
67
- ↓画像のテンプレートタグ。こちらもサイトから消えます。
68
-
69
- ```
70
-
71
- <a href="<?php echo get_template_directory_uri(); ?>/wp-content/uploads/2019/10/takebeIMGL3609_TP_V-1024x706.jpg">
72
-
73
- <img class="aligncenter wp-image-89 size-full" src="<?php echo get_template_directory_uri(); ?>/wp-content/uploads/2019/10/takebeIMGL3609_TP_V-1024x706.jpg" alt="" width="1024" height="706" /></a>
74
-
75
- ```
76
-
77
- ![イメージ説明](c13c70d4909064e57f1e9b15f9e1c5ed.jpeg)
91
+ ![イメージ説明](284eb901846477249919959e0192e14a.jpeg)
78
-
79
- どうぞ宜しくお願いいたします。

4

画像追加

2019/10/21 07:26

投稿

manmaru
manmaru

スコア31

test CHANGED
@@ -1 +1 @@
1
- 追記WordPress　テンプレートタグ設定について
1
+ WordPress　テンプレートタグ設定について
test CHANGED
@@ -74,6 +74,6 @@
74
74
 
75
75
  ```
76
76
 
77
-
77
+ ![イメージ説明](c13c70d4909064e57f1e9b15f9e1c5ed.jpeg)
78
78
 
79
79
  どうぞ宜しくお願いいたします。

3

画像位置変更

2019/10/21 05:07

投稿

manmaru
manmaru

スコア31

test CHANGED
@@ -1 +1 @@
1
- WordPress　テンプレートタグ設定について
1
+ 追記WordPress　テンプレートタグ設定について
test CHANGED
@@ -4,9 +4,11 @@
4
4
 
5
5
  のちにサーバー公開してもパスが通るようテンプレートタグに置き換え作業をしていますが、うまくいきません。
6
6
 
7
+ ![イメージ説明](8a44731fd8058343f5adce20683b59ee.jpeg)
7
8
 
8
9
 
9
- 出力されているURL：
10
+
11
+
10
12
 
11
13
  【問題１】
12
14
 
@@ -39,8 +41,6 @@
39
41
  問題１が解決すれば全て解決できそうな気がしているので、引き続き調べてまいります。
40
42
 
41
43
  なにかお気づきの点があれば、ご教示頂けますと幸いです。
42
-
43
- ![イメージ説明](8a44731fd8058343f5adce20683b59ee.jpeg)
44
44
 
45
45
 
46
46
 

2

追記

2019/10/21 04:52

投稿

manmaru
manmaru

スコア31

test CHANGED
File without changes
test CHANGED
@@ -8,21 +8,37 @@
8
8
 
9
9
  出力されているURL：
10
10
 
11
- 問題１．タグを埋め込んだ箇所がサイトから表示が消えてしまう。
11
+ 【問題１】
12
12
 
13
- 問題２．出力されるurlは
13
+ 出力されるurlは
14
14
 
15
- 　　　　本来、
15
+ ```ここに言語を入力
16
16
 
17
- 　　　　としたい。
17
+ http://localhost:8080/btp01/<?php echo get_page_link( $b );?>/page/2
18
18
 
19
+ ```
20
+
21
+ 本来、
22
+
23
+ ```ここに言語を入力
24
+
19
- 問題３．目次の一部にタグを埋めたところ目次全体のCSSがあたらず崩れてしまう。
25
+ http://localhost:8080/btp01/page/2/#b
26
+
27
+ ```
28
+
29
+ としたい。
20
30
 
21
31
 
22
32
 
23
- なにか根本的に間違っている何かがある気がするのですが気が付けず。
33
+ 【問題２】タグを埋め込んだ箇所がサイトから表示が消えてしまう。
24
34
 
35
+ 【問題３】目次の一部にタグを埋めたところ目次全体のCSSがあたらず崩れてしまう。
36
+
37
+
38
+
39
+ 問題１が解決すれば全て解決できそうな気がしているので、引き続き調べてまいります。
40
+
25
- ご教示頂けますと幸いです。
41
+ なにかお気づきの点があれば、ご教示頂けますと幸いです。
26
42
 
27
43
  ![イメージ説明](8a44731fd8058343f5adce20683b59ee.jpeg)
28
44
 

1

更新

2019/10/21 04:51

投稿

manmaru
manmaru

スコア31

test CHANGED
File without changes
test CHANGED
@@ -2,21 +2,29 @@
2
2
 
3
3
  現在ローカルで作業しており、画像や目次のリンクはローカルのパスをファイルに直書きしている状態であったため、
4
4
 
5
- のちにサーバー公開してもパスが通るようテンプレートタグに置き換え作業をしています。
5
+ のちにサーバー公開してもパスが通るようテンプレートタグに置き換え作業をしていますが、うまくいきません。
6
6
 
7
7
 
8
8
 
9
- 画像、目次のリンク共にどの種類のテンプレートタグを記載しても、テンプレートタグに置き換えた箇所の画像やテキストのみサイトから消えてしまいます。
9
+ 出力されているURL：
10
10
 
11
+ 問題１．タグを埋め込んだ箇所がサイトから表示が消えてしまう。
12
+
13
+ 問題２．出力されるurlは
14
+
15
+ 　　　　本来、
16
+
17
+ 　　　　としたい。
18
+
11
- デベロッパーツールで確認すると存在はしていますが、表示されていない状態です。。
19
+ 問題３．目次の一部にタグを埋めたところ目次全体のCSSがあたらず崩れてしまう。
12
20
 
13
21
 
14
22
 
15
- 手順は公式サイトの通りじゃないかなと思うので、、もっと根本的に間違っている何かがある気がするのですが気が付けず。
23
+ なにか根本的に間違っている何かがある気がするのですが気が付けず。
16
24
 
17
25
  ご教示頂けますと幸いです。
18
26
 
19
- ![イメージ説明](5e15ee4b1e39e8fa151edc68bd06261f.jpeg)
27
+ ![イメージ説明](8a44731fd8058343f5adce20683b59ee.jpeg)
20
28
 
21
29
 
22
30
 
@@ -30,9 +38,9 @@
30
38
 
31
39
  <ul class="index">
32
40
 
33
- <li class="index"><a class="anchor" href="<<?php echo get_page_link( $b );?>/page/2">　　1-2 鳥居のくぐり方</a></li>
41
+ <li class="index"><a class="anchor" href="<?php echo get_page_link( $b );?>/page/2">　　1-2 鳥居のくぐり方</a></li>
34
42
 
35
- <li class="index"><a class="anchor" href="<<?php echo home_url(); ?>/page/2/#b">　　1-2 猫のくぐり方２</a></li>
43
+ <li class="index"><a class="anchor" href="<?php echo home_url(); ?>/page/2/#b">　　1-2 猫のくぐり方２</a></li>
36
44
 
37
45
 
38
46