こんにちは
gutenberg プラグインを有効にしてから、挿入したインライン画像をクリックすると設定できると思います。
ご返答ありがとうございます。
説明不足で申し訳ありません。
初期状態(インライン画像を張った時)で100pixになってて欲しいのですが(何回もクリックして変更しないといけないのをなんとかしたい)
プラグインで設定できるようなら、どのプラグインでできるのでしょうか。
ちなみにテーマはcocoonです。
初期状態(インライン画像を張った時)で100pixになってて欲しいのですが(何回もクリックして変更しないといけないのをなんとかしたい)
簡単なことしかわかりませんが、CSSで処理してはどうでしょう。
インラインスタイルの上書き方法はわかりますか?
ご返答ありがとうございます。
詳しいわけではないので、
インラインスタイルの上書き方法の詳細まではわかりません。
もしご存じでしたらご教授いただけますと幸いです。
インラインスタイルの上書きの考え方は以下を参考にしてください。
Override of inline style インラインスタイルを上書きする – CSS note
今回の、CSSは、インラインスタイルを上書きする + スタイルがデフォルトサイズの場合のみ適用される事
となると思いますので、
テーマによってid 等は変化するかもしれませんが、以下一例です。
#main .post p img[style="width: 150px;"]{
width:100px ! important;
}
いろいろ試してみましたが、gutenbergのjavascriptで指定されてたり、class指定されてたりでいまいち把握しきれないので、諦めるしかないかなと思ってきました。
format-library.jsの
onChange(Object(external_this_wp_richText_["insertObject"])(value, {
type: image_name,
attributes: {
className: "wp-image-".concat(id),
style: "width: ".concat(Math.min(width, 150), "px;"),
url: url,
alt: alt
}
150部分を100に変えてみたりしましたが変わらずでしたし、
かなり難易度高くてできませんでした。