[WordPress]副題(サブタイトル)を変更するJavaScript/jQueryの書き方!

WordPressの副題をスクリプトで自由に変更する方法

PHPやプラグインで変更する方法が正攻法なのでしょうが、調べてみるとこれだ!と頷ける方法がないものです。私としてはページごとに変更したり気分によって変更できたらいいのに…なんて思うんですが、そういうしっくりしたプラグインは私が探した限りはありませんでした。すこし姑息な手段ではありますが、急いでいる時などはjQueryを使用してDOM描画後に書き換えてもよいのではないでしょうか。

JavaScriptでサブタイトルを変更する

私が使用しているテンプレートのHTMLを調べると副題(サブタイトル)にsite-descriptionというClassが指定されていたので、以下のようなスクリプトで変更することができました。ブログの副題が「サブタイトルを変更できます!」に変わっていることがわかるでしょうか?JavaScriptを使いこなすことができれば、こんなこともできてしまいます。

(function(){
document.getElementsByClassName("site-description")[0].innerText="サブタイトルを変更できます!";
}());

※WordPressを使いこなすためには、HTML/CSS/JavaScript/JQuery/PHP/Mysql/Linuxなどの幅広い知識が必要です。お困りの方はプログラミング指導サービスを通じて詳しくお教えします。メニューの「プログラミングを学べ!」をご確認ください!

コメント

タイトルとURLをコピーしました