JavaScriptでWordPressのアバターを変更する方法

mislead記事用にWordPressのアバターをプラグインを使わず簡単に変更する方法を紹介したテストページです。
対象記事:WordPressのアバターをプラグインを使わず簡単に変更する方法

ここでは、コメント一覧において、「ぺんたろう」と表示されたコメント投稿のアバター画像を、jQueryで独自画像に変更しています。

 

アバターを変更するJavaScript

 

コメント一覧のソース

 

結果は下のコメント一覧を参照ください。

WordPressでjQueryが使えない の検証

WordPressでjQueryを実行するための検証ページです。

元記事:http://mislead.jp/1240.html

 

JavaScript

JavaScriptで文字を置き換え

 

jQuery(動作しない)

jQueryで文字を置き換え

 

jQuery(動作する)

jQueryで文字を置き換え

 

Lazy Loadの導入 WordPress プラグイン

WordPressのプラグイン「Lazy Load」の検証ページです。

このページにはmisleadブログのアイキャッチで利用している画像20点を表示させています。

distance は200(デフォルト)となっていますので、フェードインのタイミングなど気になる方はスクロールしてみてください。

 

早くスクロールすると、画像の表示が追い付かないことがわかると思います。

 

画像1

icatch_back

 

画像2

icatch_battle

 

画像3

icatch_birthday

 

画像4

icatch_camera

 

画像5

icatch_car

 

画像6

icatch_check

 

画像7

icatch_cookie

 

画像8

icatch_dark1

 

画像9

icatch_dark2

 

画像10

icatch_dash

 

画像11

icatch_data

 

画像12

icatch_datamove

 

画像13

icatch_akire

 

画像14

icatch_ang

 

画像15

icatch_angry

 

画像16

icatch_anv

 

画像17

icatch_ara

 

画像18

icatch_baby

 

画像19

icatch_baby3

 

画像20

icatch_babyArt

 以上で画像は終了です。
 やはり、distance は400がちょうどいいかとおもいます。