サポート » 使い方全般 » インライン画像の幅

  • gutenbergエディタのインライン画像の初期幅(150)を任意の数値に変更したいのですが、

    どこのどのファイルのコードを変更すればよいのかわかりません。

    ご存じでしたら教えていただけませんでしょうか。

    宜しくお願いいたします。

6件の返信を表示中 - 1 - 6件目 (全6件中)
  • こんにちは

    gutenberg プラグインを有効にしてから、挿入したインライン画像をクリックすると設定できると思います。

    トピック投稿者 aloes

    (@aloes)

    ご返答ありがとうございます。

    説明不足で申し訳ありません。
    初期状態(インライン画像を張った時)で100pixになってて欲しいのですが(何回もクリックして変更しないといけないのをなんとかしたい)
    プラグインで設定できるようなら、どのプラグインでできるのでしょうか。

    ちなみにテーマはcocoonです。

    初期状態(インライン画像を張った時)で100pixになってて欲しいのですが(何回もクリックして変更しないといけないのをなんとかしたい)

    簡単なことしかわかりませんが、CSSで処理してはどうでしょう。

    インラインスタイルの上書き方法はわかりますか?

    トピック投稿者 aloes

    (@aloes)

    ご返答ありがとうございます。

    詳しいわけではないので、
    インラインスタイルの上書き方法の詳細まではわかりません。

    もしご存じでしたらご教授いただけますと幸いです。

    インラインスタイルの上書きの考え方は以下を参考にしてください。
    Override of inline style インラインスタイルを上書きする – CSS note

    今回の、CSSは、インラインスタイルを上書きする + スタイルがデフォルトサイズの場合のみ適用される事
    となると思いますので、
    テーマによってid 等は変化するかもしれませんが、以下一例です。

    
    #main .post p img[style="width: 150px;"]{
    	width:100px ! important;
    }
    
    トピック投稿者 aloes

    (@aloes)

    いろいろ試してみましたが、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に変えてみたりしましたが変わらずでしたし、
    かなり難易度高くてできませんでした。

6件の返信を表示中 - 1 - 6件目 (全6件中)
  • トピック「インライン画像の幅」には新たに返信することはできません。