Eternal*Avenue

絵文字の悩み解消

今、こちらのブログではスマホで見るときに最適化するためプラグイン「WPtouch」を使っていますが、ある時のバージョンアップから絵文字が中央表示されて、なんじゃーってすごく嫌だったのです。でもどうやっても対応できず、絵文字を使うのを出来るだけ控えていたのですね。これね、多分半年以上は悩んでいました

 

それがねなんと、今日解決

 

検索の仕方も悪かったのでしょうが、ようやく悩みを解消してくれるサイト様を探し当てました。使っている人は多いはずなのに、なんで検索のトップに引っかからなかったのかしら。不思議…。

教えて下さったサイト様はこちら

そして、教えて下さった方法は以下の方法。

/wp-content/plugins/wptouch/themes/bauhaus/default/bauhaus.js
71行目付近

function bauhausHandlePostImgs(){
var img = jQuery( ‘.post-page-content p img’ );
jQuery( img ).each( function(){
if ( !jQuery( this ).is( ‘.aligncenter, .alignleft, .alignright’ ) ) {
jQuery( this ).addClass( ‘none‘ ); /*defaultは aligncenter*/
}
});
}

上記変更により、絵文字が上に浮いてしまったので
/wp-content/plugins/wptouch/themes/bauhaus/default/style.css
602行あたりに下記を追加。

.post-page-content img {
margin: 0 0 0 0;
}

ドンピシャに綺麗に表示されるようになりました

これで、つまらない記事でも楽しそうに見せられるな(←

ネットで情報を公開して下さるサイトさまのお蔭で、何とか続けられるという状況です。

心から御礼申し上げます。超うれしーーーー

 

2 thoughts on “絵文字の悩み解消

  1. emizo

    はじめまして!
    私のblogをリンク&ご紹介頂きありがとうございます 😀
    絵文字問題、お役に立てた様でとても嬉しいです(*´v`*)
    私も絵文字がことごとく中央寄りになってしまって「ナンジャコリャ?!」と、だいぶ調べまくりました(^^;
    難点は WPtouch プラグインアップデートの度に同様の修正をしないといけないところですが、ずっと絵文字がど真ん中に鎮座しているよりは良いですよね(´∀`;(笑)

    1. マティ Post author

      emizoさま
      わ!わざわざこちらまでお越しいただいてありがとうございます。
      この情報は目からうろこで、助かりました。
      気持ち悪くてずーと嫌だったのです。でも、可愛いからついつい使いたくなってw

      解りやすく説明していただいて感謝しております。
      アップデートしたことを実は少し後悔していたのですね。でも、これからは面倒でもこの方法でクリアしていきます。
      また、これからも宜しくお願いいたします 😳