質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.46%
WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

Q&A

0回答

521閲覧

初めての質問です。【wordpress】メディアブロックである「メディアと文章」の画像にキャプションを表示させるには?

Nagako

総合スコア0

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

0グッド

0クリップ

投稿2021/11/13 10:48

編集2021/11/15 03:32

前提・実現したいこと

『実現したいこと』
wordpressで作るブログ記事を編集するために使うメディアブロックである「メディアと文章」の画像にキャプションを表示させたいです。

『背景・理由』
今月から「農業」に関するブログを始めました。
多くの画像を利用しながら記事を書いています。
そこで、画像参照元を利用画像1枚1枚の「キャプション」に記入し表示させています。
ただ、ブロックである「メディアと文章」を使った画像にだけキャプションが表示されず困っています。
※メディアブロックの「画像」「ギャラリー」を使った画像にはキャプションが表示されます。

発生している問題・エラーメッセージ

「メディアと文章」を使った画像にキャプションが表示されない

該当のソースコード

<!-- wp:media-text {"mediaPosition":"right","mediaId":275,"mediaLink":"https://nagakoblog.com/?attachment_id=275","linkDestination":"none","mediaType":"image","mediaWidth":41,"imageFill":false} --> <div class="wp-block-media-text alignwide has-media-on-the-right is-stacked-on-mobile" style="grid-template-columns:auto 41%"><figure class="wp-block-media-text__media"><img src="https://画像.jpeg" alt="" class="wp-image-275 size-full"/></figure><div class="wp-block-media-text__content"><!-- wp:paragraph {"align":"center"} --> <p class="has-text-align-center">文字<span data-color="#f78da7" style="background: linear-gradient(transparent 60%,rgba(247, 141, 167, 0.7) 0);" class="vk_highlighter"><strong>文字</strong></span>文字</p> <!-- /wp:paragraph --> <!-- wp:paragraph {"align":"center"} --> <p class="has-text-align-center">文字</p> <!-- /wp:paragraph --></div></div> <!-- /wp:media-text -->

試したこと

上記の"wp-image-275 size-full"/>の後に<figcaption>文字</figcaption>と記入してみましたがダメでした。

補足情報(FW/ツールのバージョンなど)

※プログラミング言語は初心者です。
※実際の画像を「https://画像.jpeg」に変更。
※実際の言葉を「文字」に変更。
※質問自体初めてなので、情報が足りなかったら申し訳ありません。よろしくお願いいたします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.46%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問