ブロックエディターを使ってサイトを作っています。
画像を挿入し、その画像にスタイルシートを付けたいと思っていますが上手く行きません。
画像を挿入した時は
-------------------------------------------------------------------------------------
<!-- wp:image {"id":11697,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://aaaaaaaa.jpg" alt="" class="wp-image-11697"/></figure>
<!-- /wp:image -->
-------------------------------------------------------------------------------------
と言うソースになるので
「img src」
の間の部分に
「 class="test" 」を追記して
-------------------------------------------------------------------------------------
<!-- wp:image {"id":11697,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img class="test" src="https://aaaaaaaa.jpg" alt="" class="wp-image-11697"/></figure>
<!-- /wp:image -->
-------------------------------------------------------------------------------------
にして保存しました。
そうすると実際のサイトを見るとスタイルシートが適用されるのですが
再度編集画面を見ると
「このブロックには、想定されていないか無効なコンテンツが含まれています。」
となってしまい、画像も薄くなっています。
「ブロックのリカバリーを施行」を押すと、元に戻るのですが
追記した「 class="test" 」のスタイルシートも消えてしまいます。
ブロックエディターで作りつつ、画像を挿入しつつ、画像にスタイルシートのコードを付ける方法はありますか?
A 回答 (1件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
んー?
imgにはもともと
class="wp-image-11697"
ってのが付いてますよね。
class="wp-image-11697 test"
とスペース入れてtestを追記すれば解決するのでは?
ご回答ありがとうございます。
確かにclassがありましたね!
と言う訳で
class="wp-image-11697 test"とやってみました。
そしたら、ちゃんとスタイルシートは適用されたのですが
未だに
「このブロックには、想定されていないか無効なコンテンツが含まれています。」
が出てしまします(´;ω;`)
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- Perl RSSにdiv,ul classを付けたいのですがどのようにつけるのかわからないです 2 2022/03/28 01:53
- HTML・CSS サルワカさんの吹き出しのスタイルシートについて。 https://saruwakakun.com/h 2 2022/10/28 22:55
- JavaScript clear機能を失わずにファイルアップロード機能を作成したい 3 2023/06/10 16:12
- HTML・CSS 【HTML】【CSS】【Swiper】 元の画像は横1200×縦600なのですが、実際のサイト上に反 5 2022/07/16 13:57
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- HTML・CSS PCサイズで赤い画像2つと、青い画像2つがそれぞれ横に2つずつ並んでいるのですが、これをスマホサイズ 5 2022/04/11 12:01
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- JavaScript htmlとcssに関する質問です 3 2022/12/06 05:36
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlでのpdf資料のリンク方法
-
【OpenCV】BGRからHSVへの画像変換
-
ボタンを押したままにする。
-
背景が透明なリンクボタンで、...
-
[twip]から[pixel]への変換
-
同じページの最上部へ戻るボタ...
-
HTMLファイルの一部の画像だけ...
-
htmlでのページの作り方を教え...
-
web制作の初心者です。車のHP...
-
alt属性を付けるとは?
-
【PHP+lightbox2】 キャプショ...
-
正規表現でリンクタグを削除す...
-
右クリック禁止タグについて
-
アドレスがあっているのにバナ...
-
HTMLタグの画像貼り付けのことで
-
画像リンクの上に文字リンクを...
-
バルーン(?)表示の仕方(ボ...
-
タブレット端末の拡大率を大き...
-
画像を重ねて表示したい
-
サムネイル画像をクリックする...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ボタンを押したままにする。
-
背景が透明なリンクボタンで、...
-
バナーの貼り方とバナーにリン...
-
HTMLにQRコードを挿入する方法
-
IMGタグでTIFF画像を表示
-
スライドショーの上にロゴマー...
-
pngやjsの後ろの英数字の意味は...
-
タイトルバーに画像を入れるHTM...
-
拡張子無しで画像を表示したいです
-
form以外でのpostってできますか?
-
クリッカブルMAP領域が分かる様...
-
クリックしても、リンクに飛ば...
-
予約語の表示について
-
HTMLでデスクトップの画像がでない
-
崩れたレイアウトが更新すると...
-
カーソルを合わせると文字が出...
-
カウンターのHTMLソースを教え...
-
画像クリックでクリップボード...
-
tifファイルが表示されない
-
IFRAME内に収まるように画像を...
おすすめ情報