first commit

Author: pitolick

dist/css/jcm.css

@@ -0,0 +1,40 @@
+"use strict";
+var jcm_content = document.getElementById('jcm_content_message');
+var jcm_post_time = document.getElementById('jcm_content_time');
+var jcm_reference_date = document.getElementById('jcm_reference_date');
+var jcm_reference_type = document.getElementById('jcm_reference_type');
+if (jcm_post_time !== null && jcm_reference_date !== null && jcm_reference_type !== null) {
+    var jcm_post_time_text = jcm_post_time.value;
+    var jcm_reference_date_text = Number(jcm_reference_date.value);
+    var jcm_reference_type_text = jcm_reference_type.value;
+    if (jcm_post_time_text !== null) {
+        // 記事の日付
+        var post_date = new Date(jcm_post_time_text.toString());
+        // 現在の日付
+        var date = new Date();
+        // 現在と記事の差分
+        var diff_date = date.getTime() - post_date.getTime();
+        var diff_year = Math.floor(diff_date / (1000 * 60 * 60 * 24 * 365));
+        var diff_month = Math.floor(diff_date / (1000 * 60 * 60 * 24 * 30));
+        var diff_day = Math.floor(diff_date / (1000 * 60 * 60 * 24));
+        // 表示条件比較
+        var compare_time = jcm_reference_type_text === 'year' ? diff_year : diff_day;
+        if (compare_time > jcm_reference_date_text) {
+            // メッセージを取得
+            if (jcm_content !== null) {
+                var jcm_text = jcm_content.innerHTML;
+                // 正規表現置換
+                if (jcm_text !== null) {
+                    jcm_text = jcm_text.replace(/%year%/, diff_year.toString());
+                    jcm_text = jcm_text.replace(/%monthnum%/, diff_month.toString());
+                    jcm_text = jcm_text.replace(/%day%/, diff_day.toString());
+                    // DOM書き換え
+                    jcm_content.innerText = '';
+                    jcm_content.insertAdjacentHTML('afterbegin', jcm_text);
+                    // メッセージ表示
+                    jcm_content.style.display = "block";
+                }
+            }
+        }
+    }
+}

dist/js/jcm.js

@@ -8,3 +8,38 @@
 License: GPL2
 */
 
+/**
+ * CSS・Javascript読み込み設定
+ */
+add_action('wp_enqueue_scripts', 'jcm_load_scripts');
+function jcm_load_scripts() {
+	if(is_single() || is_page()) {
+		$plugin_url = plugin_dir_url( __FILE__ );
+		wp_enqueue_style('jcm-css', $plugin_url.'dist/css/jcm.css');
+		wp_enqueue_script('jcm-js', $plugin_url.'dist/js/jcm.js','','',true);
+	}
+}
+
+/**
+ * the_contentにDOMを追加
+ * %year%:記事と現在の年差
+ * %monthnum%:記事と現在の月差（1ヶ月あたり30日で計算のため多少ブレあり）
+ * %day%:記事と現在の日差
+ */
+function jcm_add_content($content) {
+	// 設定
+	$content_time = get_the_date('Y/m/d'); // 投稿日
+	// $content_time = get_the_modified_date('Y/m/d'); // 更新日
+	$reference_date = '1';
+	$reference_type = 'year';
+	$message_text = 'この記事は%year%年以上前に書かれたものです。<br>情報が古い可能性があります。';
+
+	// DOM構築
+	$message = '<input type="hidden" id="jcm_content_time" value="'.$content_time.'" style="display:none;">';
+	$message .= '<input type="hidden" id="jcm_reference_date" value="'.$reference_date.'" style="display:none;">';
+	$message .= '<input type="hidden" id="jcm_reference_type" value="'.$reference_type.'" style="display:none;">';
+	$message .= '<div id="jcm_content_message" style="display:none;">'.$message_text.'</div>';
+
+	return $message.$content;
+}
+add_filter('the_content', 'jcm_add_content','10');

index.php

@@ -0,0 +1,13 @@
+#jcm_content_message {
+	font-size: 1em;
+	font-weight: bold;
+	line-height: 1.5;
+	color: #ff6664;
+	margin: 0 auto 30px;
+	padding: 10px 20px;
+	border: 2px solid #ff6664;
+	border-left: none;
+	border-right: none;
+	box-sizing: border-box;
+	background-color: #ffefef;
+}

src/scss/index.scss

@@ -0,0 +1,41 @@
+let jcm_content = document.getElementById('jcm_content_message');
+let jcm_post_time = (<HTMLInputElement>document.getElementById('jcm_content_time'));
+let jcm_reference_date = (<HTMLInputElement>document.getElementById('jcm_reference_date'));
+let jcm_reference_type = (<HTMLInputElement>document.getElementById('jcm_reference_type'));
+if(jcm_post_time !== null && jcm_reference_date !== null && jcm_reference_type !== null) {
+	const jcm_post_time_text = jcm_post_time.value;
+	const jcm_reference_date_text:number = Number(jcm_reference_date.value);
+	const jcm_reference_type_text:string = jcm_reference_type.value;
+	if(jcm_post_time_text !== null) {
+		// 記事の日付
+		const post_date = new Date(jcm_post_time_text.toString());
+		// 現在の日付
+		const date = new Date();
+		// 現在と記事の差分
+		const diff_date = date.getTime() - post_date.getTime();
+		const diff_year:number = Math.floor(diff_date / (1000 * 60 * 60 * 24 * 365));
+		const diff_month:number = Math.floor(diff_date / (1000 * 60 * 60 * 24 * 30));
+		const diff_day:number = Math.floor(diff_date / (1000 * 60 * 60 * 24));
+
+		// 表示条件比較
+		let compare_time = jcm_reference_type_text === 'year' ? diff_year : diff_day;
+		if( compare_time > jcm_reference_date_text ) {
+			// メッセージを取得
+			if(jcm_content !== null) {
+				let jcm_text = jcm_content.innerHTML;
+				// 正規表現置換
+				if(jcm_text !== null) {
+					jcm_text = jcm_text.replace(/%year%/,diff_year.toString());
+					jcm_text = jcm_text.replace(/%monthnum%/,diff_month.toString());
+					jcm_text = jcm_text.replace(/%day%/,diff_day.toString());
+
+					// DOM書き換え
+					jcm_content.innerText = '';
+					jcm_content.insertAdjacentHTML('afterbegin',jcm_text);
+					// メッセージ表示
+					jcm_content.style.display = "block";
+				}
+			}
+		}
+	}
+}