WordPress Ver4.4からコメントフォームの本文が一番上になった

mislead記事用にWordPressのプラグイン「Reverse Comment Textarea」を紹介したテストページです。
対象記事:http://mislead.jp/3703.html

ここでは、WordPress Ver4.4からコメントフォームの本文が一番上になってしまうのを、プラグインを利用して順番を入れ換えています。

(なお、この記事に限らず、サイト全体のコメントの本文の位置が上になっています)

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がちょうどいいかとおもいます。

PS Disable Auto Formatting

misleadの記事http://mislead.jp/1187.htmlで紹介している「PS Disable Auto Formatting」プラグインの紹介
ビジュアルモードで改行(ENTERを押す)しても、Pタグで括られるのではなく、<br />になります。

ただ、ENTERを2回押すと、<p></p>で括られますね。

これはなかなか便利かもと思ったけど、意図的に改行を2回以上入れたいと思ってもできないですね。

PHPの日付表示一覧

misleadブログの日付表示のプログラム実行用のテストページです。
対象記事:ループの外で記事IDを参照する方法

 

プログラムソース

 

実行結果

現在 2017-09-22 15:05:57

1日前 2017-09-21 15:05:57
1ヶ月前 2017-08-22 15:05:57
1年前 2016-09-22 15:05:57
1週間前 2017-09-15 15:05:57
1時間前 2017-09-22 14:05:57
1分前 2017-09-22 15:04:57
1秒前 2017-09-22 15:05:56

1日後 2017-09-23 15:05:57
1ヶ月後 2017-10-22 15:05:57
1年後 2018-09-22 15:05:57
1週間後 2017-09-29 15:05:57
1時間後 2017-09-22 16:05:57
1分後 2017-09-22 15:06:57
1秒後 2017-09-22 15:05:58

ループの外で記事IDを参照する方法の紹介

mislead記事用にループの外で記事IDを参照する方法を紹介したテストページです。
対象記事:ループの外で記事IDを参照する方法

ここでは、sidebar.phpにあるメニューに

この記事(記事ID:213)にアクセスしたときだけ「mislead」というリンクを表示する

という処理を記述しています。

 

表示位置は以下の画像キャプチャの赤い枠の個所です。
213-1

 

なお他のページでは、以下の通り「mislead」のリンクが表示されません。
213-2

 

実際にsidebar.phpに記述したソースは以下の通りです。