スマイリー画像も拡大されて表示

  • 解決済 ryouji98

    (@ryouji98)


    15年、 2ヶ月前

    　始めまして、
    　現在themeにGridを使っています。シックでありながら機能美を併せ持ったデザインが
    素敵で変える気は有りません。single.phpやpage.phpはコピペしてプラグインなどで
    wp_toolbar_textareaやcustom-smilies-seを導入して悦に入りたいのですが、
    　如何せんindexページで添付画像ファイルをグリッド幅に調整するために文章に
    添えられるスマイリーアイコンが拡大表示されてしまいます。

    　当方はjavascriptは素人同然でgrid.jsのDOMは理解できません。画像の呼び出しフォルダーで
    処理を振り分ければ良さそうですが、どこをどう書くのかも見当も付きません。

    　なら、スマイリーを使うなと言われそうですが、single.phpでは何事も無く表示されています、当たり前ですが。それなのに・・・と言った心境なのです。

    　蛇足になるのか、めくらの象さわりのようですがwp_attachment_is_image辺りでフック出来るのでしょうか？

    　どなたか迷える老人に愛の手をお願いします。

    　言い訳　作者さんのページには問い合わせもフォーラムも無いのでこちらに

6件の返信を表示中 - 1 - 6件目 (全6件中)
  • shokun0803

    (@shokun0803)

    15年、 2ヶ月前

    すみません、時間がないためテーマを解析していないので憶測ですが、文章から察するにJavaScriptでcssのimgあたりを拡大しているのではないかと思いますが、いかがでしょう？
    だとすればスマイリーアイコンを表示している（だろう）imgのcssを!importantで100%固定とかにしてしまったらJavaScriptでのcss変更も無効にできませんかね？

    トピック投稿者 ryouji98

    (@ryouji98)

    15年、 2ヶ月前

    　返事が遅くなりました。
    !importantは私の知る限り、CSSの上での優先順位でjavascriptより優先されることは無いと思いますが、私の勘違いでしょうか？
    　試しにwordpressの投稿ページで<imgにwidth:100% !important;height:100% !important;
    とstyle=を適用して見ましたがやはり横幅一杯に拡大表示されたままでした。

    　お忙しい中お答え頂き有難うございます。自分でももうしばらく引き続き調べたいと思います

    shokun0803

    (@shokun0803)

    15年、 2ヶ月前

    !importantは私の知る限り、CSSの上での優先順位でjavascriptより優先されることは無いと思いますが、私の勘違いでしょうか？

    で、あれば、フッターで100%に戻すscriptを動かすとかで対応できませんかね？これは検証が難しいですねぇ･･･FireFoxでどこまで追えるか？

    KKT

    (@kvex)

    15年、 2ヶ月前

    最初に
    予想で、このテーマだというのはわかるにはわかりますが、具体的にテーマの配布元URLくらいは書いたほうがいいと思います。

    あと、テーマをテストインストールしないとわからないような内容です。
    できれば、その異常な動作をしている状態、もしくは「こうなってしまうんだよ」というようなサンプルの動作がわかるサイトを提示するのが丁寧だと思います。

    「○○だろう」という話のまま進んでしまいますので。

    トピック投稿者 ryouji98

    (@ryouji98)

    15年、 2ヶ月前

    　またまた返事が遅くなりました。

    　テーマ「Grid1.0」の配布元はhttp://www.straightline.jp/private-works/grid-wordpress-theme/です。現象の参考元は自分のブログがhttp://ryouji.biz/
    にて確認ください。

    　敢えて先入観をもたれないようにと考えて私のロジックは書きませんでしたが、どこかで
    画像を呼び出し横幅をグリッド幅(?)に整形している部分があると思います。その部分を
    例として例えると或る横幅以下の画像はそのまま出力するようにすればいいのかなと考えています。

    　それとも、画像のフォルダーに(wp-includes/images/smilies/)と(wp-content/uploads/~)に拠り振り分けるべきなのかは判断できませんが、ただこのスマイリーもjavascriptでフックして動作しているはずなので(プラグイン)競合するのかもしれません。

    　めくらのあてずっぽうなのでとんちんかんでしたらごめんなさい。

    トピック投稿者 ryouji98

    (@ryouji98)

    15年、 1ヶ月前

    　結局解決方法が分からず、Gridデザインのmasonryをダウンロードして自分で組み込みました。こちらのjsは画像をいじっることはせずに処理しているようです。画像のオーバーフローはhiddenで処理single pageで正規に見ていただく形です。ただ美味くいったはずですが途中から
    Internet Explorerだけ表示崩れが出てしまいました。

    　今調べていますが分からなくなればまたご相談させていただきたく思います。

6件の返信を表示中 - 1 - 6件目 (全6件中)

トピック「スマイリー画像も拡大されて表示」には新たに返信することはできません。