teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

6

修正

2019/01/20 13:19

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -50,12 +50,20 @@
50
50
  ```
51
51
 
52
52
  これで画像の上にカスタムフィールドで入力した文字が表示されたのですが、
53
- 『記事の中』でアイキャッチ画像の上に文字が表示されました。
53
+ **『記事の中』**でアイキャッチ画像の上に文字が表示されました。**(画像右上の「3456」がカスタムフィールドで入力した文字です)**
54
+ ![イメージ説明](0a2e4defa64c00ff1444a4b25edc4d80.png)
55
+
54
- やはり記事一覧のサムネイルに文字を乗せるには
56
+ やはり**『記事一覧』**のサムネイルに文字を乗せるには
55
57
  ```ここに言語を入力
56
58
  get_the_post_thumbnail_caption
57
59
  ```が必要だと考え。
58
60
 
61
+ ※最終的な目標は下画像の記事一覧のサムネイルに上の画像のようにカスタムフィールドで入力した文字を乗せることです。
62
+ ![イメージ説明](8d42735e9fb1ef4a9453b3c74d9bfac8.png)
63
+
64
+
65
+
66
+
59
67
  ```PHP
60
68
  function food_func() {
61
69
  if( has_post_thumbnail() ): ?>

5

修正

2019/01/20 13:19

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -30,7 +30,8 @@
30
30
  WordPressのバージョンは5.0.3–jaです。
31
31
  使用しているテーマはluxeritasです。
32
32
 
33
+
33
- 追記しました。
34
+ ### 追記しました。
34
35
  色々とご教授いただきありがとうございます。
35
36
  教えていただいたやり方でPHP文を書いてみました。
36
37
 

4

追記

2019/01/20 12:01

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -28,4 +28,51 @@
28
28
  ### 補足情報(FW/ツールのバージョンなど)
29
29
 
30
30
  WordPressのバージョンは5.0.3–jaです。
31
- 使用しているテーマはluxeritasです。
31
+ 使用しているテーマはluxeritasです。
32
+
33
+ 追記しました。
34
+ 色々とご教授いただきありがとうございます。
35
+ 教えていただいたやり方でPHP文を書いてみました。
36
+
37
+ ```PHP
38
+ function food_func() {
39
+ if( has_post_thumbnail() ): ?>
40
+ <div class="eyecatch">
41
+ <?php echo the_post_thumbnail( 'medium' ); ?>
42
+ <p class="eyecatchlabel">
43
+ <?php echo get_post_meta( get_the_ID(), '野菜', true ); ?>
44
+ </p>
45
+ </div>
46
+ <?php endif;
47
+ }
48
+ add_shortcode('food', 'food_func');
49
+ ```
50
+
51
+ これで画像の上にカスタムフィールドで入力した文字が表示されたのですが、
52
+ 『記事の中』でアイキャッチ画像の上に文字が表示されました。
53
+ やはり記事一覧のサムネイルに文字を乗せるには
54
+ ```ここに言語を入力
55
+ get_the_post_thumbnail_caption
56
+ ```が必要だと考え。
57
+
58
+ ```PHP
59
+ function food_func() {
60
+ if( has_post_thumbnail() ): ?>
61
+ <div class="eyecatch">
62
+ <?php echo get_the_post_thumbnail_caption( 'medium' ); ?> ← この行を変更
63
+ <p class="eyecatchlabel">
64
+ <?php echo get_post_meta( get_the_ID(), '野菜', true ); ?>
65
+ </p>
66
+ </div>
67
+ <?php endif;
68
+ }
69
+ add_shortcode('food', 'food_func');
70
+ ```
71
+
72
+ と書いてみた所、記事内で画像が表示されなくなりました。
73
+ ```ここに言語を入力
74
+ get_the_post_thumbnail_caption
75
+ ```の使い方がおかしいのだと思いますが、
76
+ 度々申し訳ないのですがアドバイスをいただけないでしょうか。
77
+
78
+ よろしくお願いいたします

3

誤字

2019/01/20 11:59

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
File without changes

2

誤字

2019/01/19 22:40

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -1,8 +1,8 @@
1
1
  ### 前提・実現したいこと
2
2
 
3
3
  タイトルの通り、アイキャッチ画像に特定の文字列を乗せたいです。
4
- CSS、PHPを使用して投稿時点で文字をアイキャッチ画像に乗せたいと考えています。
4
+ CSS、PHP、HTMLを使用して投稿時点で文字をアイキャッチ画像に乗せたいと考えています。
5
- 投稿毎に異なるアイキャッチ画像を使用する予定で、記事にあった文字を画像に入れたいのです。
5
+ 投稿毎に異なるアイキャッチ画像を使用する予定で、記事にあった文字を画像に乗せたいのです。
6
6
 
7
7
  ### 発生している問題・エラーメッセージ
8
8
 

1

誤字

2019/01/19 19:11

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -21,8 +21,9 @@
21
21
  <img src="<?php echo get_the_post_thumbnail_url(get_the_ID(),'full'); ?>">
22
22
 
23
23
  このURLを使って何とか投稿段階で任意の文字列を画像に載せることは出来ないでしょうか。
24
+ もちろん別の方法でも問題ありません。
24
25
 
25
- よろしくお願いいたします。
26
+ どうか、よろしくお願いいたします。
26
27
 
27
28
  ### 補足情報(FW/ツールのバージョンなど)
28
29