画像挿入についての相談 - CSSカスタマイズ相談

RE: 画像挿入についての相談

kazuaki — Wed, 03 Apr 2019 16:56:57 +0000

ご回答ありがとうございます。ご参考にさせて頂きます。

ろこ — Wed, 03 Apr 2019 11:35:16 +0000

WordPressのcaptionショートコードは、旧HTMLでは

HTML5では


    
    caption

と記述されるようになっています。

タグをきちんと入れたい

に関して、どのような意図かにもよりますが、少なくともキャプション付き画像のHTML5における標準的な記述からは、pタグを入れるのは一般的ではないことを補足しておきます。

わいひら — Wed, 03 Apr 2019 10:34:09 +0000

WordPress公式テーマで、captionショートコードを連続入力しても、同じ用になるようです。

それ自体、WordPressの仕様ではないでしょうか。

変更する方法としては、the_contentをフィルターフックして、本文内容を置換するしかないかもしれません。
詳細な方法については、サポート対象外のものにもあるようにPHP編集となるので、自前で行うか、クラウドソーシングに依頼いただければと思います。

タスカム — Wed, 03 Apr 2019 06:50:36 +0000

こちらこそ、お手間を取らせてしまい申し訳ございません。
ご質問ですが、私では知識不足のためお答えいたしかねます。他の方の回答をお待ちくださいますようお願いいたします。

kazuaki — Wed, 03 Apr 2019 02:39:43 +0000

ご返答ありがとうございます。すいません。僕の説明不足もありますが、スタイルシートで隙間を空けるということではなく。タグをきちんと入れたいのですが、クラシックエディター、ビジュアル表示でエンターキーで改行してPタグが入らないので入れたいです。

例

新型スペーシアオフブルーメタリック× ホワイト2トーンルーフ（XAD）新型スペーシアカスタムブリスクブルーメタリック×ブラック2トーンルーフ（CZW）

やりたいこと。

新型スペーシアオフブルーメタリック× ホワイト2トーンルーフ（XAD）

新型スペーシアカスタムブリスクブルーメタリック×ブラック2トーンルーフ（CZW）

よろしくお願いします。

タスカム — Tue, 02 Apr 2019 23:27:26 +0000

2連続でキャプションが入る画像を挿入すると
タグが入りません。

画像と画像の間に隙間を開けたいということでしたら、子テーマの style.css に記述されている

.wp-caption{margin:auto;}

が、親テーマの style.css に記述されている

.wp-caption {
    margin: 1em 0;
}

を打ち消していることが原因で、画像と画像の間の隙間がなくなっています。以下、改善案です。

--------------------------

子テーマ style.css に記述されている内容を消す、もしくは

.wp-caption {
    margin: 1em auto;
}

に書き換えていただければ改善するはずですが、子テーマ style。css に記述した内容に特に深い理由がないのであれば「消す」という選択でも問題は無いでしょう。

以上、ご参考までに。

kazuaki — Tue, 02 Apr 2019 15:35:55 +0000

TinyMCE Advancedを使用しているのですが、記事に画像を追加する際にキャプションを仕様しているのですが、2連続でキャプションが入る画像を挿入すると

タグが入りません。何かいい方法はありますでしょうか？

な記事など起きています。よろしくお願い致します。