質問の仕方が変な部分もあるかも知れませんが、ご了承ください。
ワードプレスのサイトタイトルを、1時なら「1時だよ!全員集合」、20時なら「20時だよ!全員集合」というように表示したいです。
(※サイトタイトルというのは、<tilte>~</title>の中身のことです)
テーマの改造(PHP)は難易度が高いので、javascriptで置換を行い、例えば、サイトタイトルを
『〇△〇だよ!全員集合』
と設定して、
〇△□ → H時
に置換して実現しようと考えています。
また、ワードプレスでjavascriptを動かすのは『CSS & JavaScript Toolbox』というプラグインを使います。
[Javascript] ページ内の文字列の置換 replace
リンク内容
↑
こちらを参考に
window.onload = function(){
document.body.innerHTML = document.body.innerHTML.replace(/〇△□/g."置換後の文字列");
}
を動かそうと試みましたが、上手くいきません。
(本文・タイトル・記事タイトルにそれぞれ〇△□を書きましたが、置換されません)
そこで質問なのですが
①もし『CSS & JavaScript Toolbox』でJavascriptを動かすやり方が間違っているのであれば、正しいやり方を教えて頂きたいです。
②Javascriptが動いて、置換が成功したとして、次に問題になるのが、"置換後の文字列"にH時(PHPを使った変数)はそもそも使えるのか?
という疑問があります。
アクセスした時の時間を表示させるには、"置換後の文字列"に何と記述すれば良いのでしょうか?
質問が読みづらくてすみません。
よろしくお願いします。
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
↓↓↓追記↓↓
ありがとうございます!
あとは
document.addEventListener("DOMContentLoaded", e => {
const date = new Date(document.querySelector("time").dateTime);
[].forEach.call(document.querySelectorAll("title,h1"),
elem => elem.textContent = elem.textContent.replace(/○/,
${date.getFullYear()}年${date.getMonth()+1}月
));
});
をワードプレスのサイトで動かせば良い、という事でしょうか。
JSを動かせるプラグイン『CSS & JavaScript Toolbox』に記述しましたが、エラーがでます。
もう1押しで上手く行きそうですが…
(ここから先は、プラグインの使い方とか、ワードプレスでJavaScriptを動かす質問になってくるので…一旦ここで質問を終えた方が良いかもしれませんね。すみません)
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/04/07 22:46
2018/04/07 23:41
2018/04/07 23:44
2018/04/08 00:13
2018/04/08 00:16
2018/04/08 00:17
2018/04/08 00:34 編集
2018/04/08 00:37
2018/04/08 00:52