質問編集履歴

6

修正

2019/01/20 13:19

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -102,15 +102,31 @@
102
102
 
103
103
  これで画像の上にカスタムフィールドで入力した文字が表示されたのですが、
104
104
 
105
- 『記事の中』でアイキャッチ画像の上に文字が表示されました。
105
+ **『記事の中』**でアイキャッチ画像の上に文字が表示されました。**(画像右上の「3456」がカスタムフィールドで入力した文字です)**
106
106
 
107
+ ![イメージ説明](0a2e4defa64c00ff1444a4b25edc4d80.png)
108
+
109
+
110
+
107
- やはり記事一覧のサムネイルに文字を乗せるには
111
+ やはり**『記事一覧』**のサムネイルに文字を乗せるには
108
112
 
109
113
  ```ここに言語を入力
110
114
 
111
115
  get_the_post_thumbnail_caption
112
116
 
113
117
  ```が必要だと考え。
118
+
119
+
120
+
121
+ ※最終的な目標は下画像の記事一覧のサムネイルに上の画像のようにカスタムフィールドで入力した文字を乗せることです。
122
+
123
+ ![イメージ説明](8d42735e9fb1ef4a9453b3c74d9bfac8.png)
124
+
125
+
126
+
127
+
128
+
129
+
114
130
 
115
131
 
116
132
 

5

修正

2019/01/20 13:19

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -62,7 +62,9 @@
62
62
 
63
63
 
64
64
 
65
+
66
+
65
- 追記しました。
67
+ ### 追記しました。
66
68
 
67
69
  色々とご教授いただきありがとうございます。
68
70
 

4

追記

2019/01/20 12:01

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -59,3 +59,97 @@
59
59
  WordPressのバージョンは5.0.3–jaです。
60
60
 
61
61
  使用しているテーマはluxeritasです。
62
+
63
+
64
+
65
+ 追記しました。
66
+
67
+ 色々とご教授いただきありがとうございます。
68
+
69
+ 教えていただいたやり方でPHP文を書いてみました。
70
+
71
+
72
+
73
+ ```PHP
74
+
75
+ function food_func() {
76
+
77
+ if( has_post_thumbnail() ): ?>
78
+
79
+ <div class="eyecatch">
80
+
81
+ <?php echo the_post_thumbnail( 'medium' ); ?>
82
+
83
+ <p class="eyecatchlabel">
84
+
85
+ <?php echo get_post_meta( get_the_ID(), '野菜', true ); ?>
86
+
87
+ </p>
88
+
89
+ </div>
90
+
91
+ <?php endif;
92
+
93
+ }
94
+
95
+ add_shortcode('food', 'food_func');
96
+
97
+ ```
98
+
99
+
100
+
101
+ これで画像の上にカスタムフィールドで入力した文字が表示されたのですが、
102
+
103
+ 『記事の中』でアイキャッチ画像の上に文字が表示されました。
104
+
105
+ やはり記事一覧のサムネイルに文字を乗せるには
106
+
107
+ ```ここに言語を入力
108
+
109
+ get_the_post_thumbnail_caption
110
+
111
+ ```が必要だと考え。
112
+
113
+
114
+
115
+ ```PHP
116
+
117
+ function food_func() {
118
+
119
+ if( has_post_thumbnail() ): ?>
120
+
121
+ <div class="eyecatch">
122
+
123
+ <?php echo get_the_post_thumbnail_caption( 'medium' ); ?> ← この行を変更
124
+
125
+ <p class="eyecatchlabel">
126
+
127
+ <?php echo get_post_meta( get_the_ID(), '野菜', true ); ?>
128
+
129
+ </p>
130
+
131
+ </div>
132
+
133
+ <?php endif;
134
+
135
+ }
136
+
137
+ add_shortcode('food', 'food_func');
138
+
139
+ ```
140
+
141
+
142
+
143
+ と書いてみた所、記事内で画像が表示されなくなりました。
144
+
145
+ ```ここに言語を入力
146
+
147
+ get_the_post_thumbnail_caption
148
+
149
+ ```の使い方がおかしいのだと思いますが、
150
+
151
+ 度々申し訳ないのですがアドバイスをいただけないでしょうか。
152
+
153
+
154
+
155
+ よろしくお願いいたします

3

誤字

2019/01/20 11:59

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
File without changes

2

誤字

2019/01/19 22:40

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -4,9 +4,9 @@
4
4
 
5
5
  タイトルの通り、アイキャッチ画像に特定の文字列を乗せたいです。
6
6
 
7
- CSS、PHPを使用して投稿時点で文字をアイキャッチ画像に乗せたいと考えています。
7
+ CSS、PHP、HTMLを使用して投稿時点で文字をアイキャッチ画像に乗せたいと考えています。
8
8
 
9
- 投稿毎に異なるアイキャッチ画像を使用する予定で、記事にあった文字を画像に入れたいのです。
9
+ 投稿毎に異なるアイキャッチ画像を使用する予定で、記事にあった文字を画像に乗せたいのです。
10
10
 
11
11
 
12
12
 

1

誤字

2019/01/19 19:11

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -44,9 +44,11 @@
44
44
 
45
45
  このURLを使って何とか投稿段階で任意の文字列を画像に載せることは出来ないでしょうか。
46
46
 
47
+ もちろん別の方法でも問題ありません。
47
48
 
48
49
 
50
+
49
- よろしくお願いいたします。
51
+ どうか、よろしくお願いいたします。
50
52
 
51
53
 
52
54