サポート » 使い方全般 » カスタムサイズの画像に変更したものの、エディタではサイズ変わらず

  • 解決済 WP_manabu

    (@wp_manabu)


    エディターに画像を挿入したのち、(えんぴつマークの)「画像詳細」をクリック。サイズを任意のカスタムサイズにし、「更新」をクリックすると元のエディタに戻ります。カスタムサイズにしたので、画像の大きさは、それに応じたサイズに変わっていると思っていたのですが、元のサイズのままです。ちょっとレイアウトのかんじが、つかめなくて不自由しています。対処方法を、どうぞ、ご教示くださいませ。

12件の返信を表示中 - 1 - 12件目 (全12件中)
  • CG

    (@du-bist-der-lenz)

    リサイズした画像のオリジナルが残っているのか、もとのサイズのままのサムネイルが反映したままなのでしょう。としか、要領がつかめません。

    Du bist der Lenzさま

    コメント、ありがとうございまーす!

    エディターには、サイズが反映されませんが、じっさいのウェッブサイトの画面で確認してみると、ちゃんと、変更したカスタムサイズの画像になっています。

    なので、最終的には問題がないものの、エディターで確認できないと、ちょっとした手間になったりしていましてー。

    CG

    (@du-bist-der-lenz)

    サイト表示とエディタ上の表示が、違うからじゃないですか。

    CGさま、コメントありがとうございまーす!

    エディタ(Tiny MCE Advancedの「テキスト」のタブ)でスタイルシートをチェックしてみると、ちゃんとカスタマイズした任意の数値に変わっています。「ビジュアル」タブ上に、うまく反映されていないのですね。エディタのバクだったりするのかも…

    こんにちは

    テーマの editor-style.css でサイズが制限されているのかもしれません。
    editor-style.css のスタイルを確認してみてください。

    例:

    img {
    	max-width: 640px;
    	width: auto;
    }

    ishitakaさま コメント、ありがとうございまーす!

    テーマはBisVectorを利用しております(BisVectorというデザインスキンも利用しています)。
    ご指摘のeditor-style.cssをどこで確認できるのか、げんざい、もがいておりますー。

    editor-style.cssということで、当該のエディター/TinyMCEAdvancedの設定をチェックしたところ、
    「高度なオプション」>「CSSクラスメニューの作成 editor-style.cssで使用されるcssクラスを読み込み、フォーマットメニューを置き換えます」があり、その項目にチェックを入れてみましたが、やはり改善しませんでしたー。

    もうしばらく、もがいたりしてみます〜

    editor-style.css は、

    (WordPress アドレス)/wp-content/themes/biz-vektor/css/editor-style.css

    です。

    下記スタイルが影響していると思います。

    img { margin: 0; height: auto; max-width: 640px; width: auto; }

    ishitaka さま ありがとうございます。editor-style.cssの ファイル、確認できました。

    img { margin: 0; height: auto; max-width: 640px; width: auto; }になかの、
    max-width: 640px;にて、最大幅が固定されているのかなと思い、それを削除し、
    img { margin: 0; height: auto; width: auto; }としてみましたけれど、やはり、うまくいきません。

    解釈、まちがっていたりしますか。

    width: auto も影響していると思います。
    反映されない場合は、ブラウザのキャッシュをクリアしてみてください。

    ishitakaさま

    アドバイスどおりで、解決しましたー。お手数をおかけしました。ありがとうございました!

    まとめておきます。

    1)(WordPress アドレス)/wp-content/themes/biz-vektor/css/editor-style.cssのファイルを開く。
    2)そのなかの、img { margin: 0; height: auto; max-width: 640px; width: auto; }を削除する。
    3)ブラウザーのキャッシュを削除する

    以上。

    CG

    (@du-bist-der-lenz)

    テーマと同じにエディタ表示されるよう、editor-style.cssがサイト表示を反映しているテーマも少なく無いですし、サイト表示の状態で編集していくのが向いていると思います。

    CGさま コメント、ありがとうございます。

    editor-style.cssについて、理解できていません。宿題とさせて下さいませ〜

12件の返信を表示中 - 1 - 12件目 (全12件中)
  • トピック「カスタムサイズの画像に変更したものの、エディタではサイズ変わらず」には新たに返信することはできません。