100文字でわかる百科事典『100文字百科』
スポンサーリンク

【ワードプレス Cocoon】サイトタイトルを改行する方法。JavaScriptで解決

WordPress ◆WEB
画像出典:WordPress

var selector = ‘.site-name-text’; // 注1: タイトルのタグに使われている”CSSセレクタ”
var title = jQuery(selector).html();
var pos = 4; // 注2: 何文字目で改行するか?
jQuery(selector).html(title.slice(0, pos) + ‘<br>’ + title.slice(pos));

引用元:https://shizuka-na-kazushi.style/2020/04/16/wordpress-site-title-add-newline-howto/

上記コードを「テーマファイルエディター」の
「javascript.js」に貼り付ければOKです。
上記コードの3行目の数字で

サイトタイトルの改行位置を調整できます。


参考サイト

WordPressでサイトタイトルを改行して表示する技!?CSSではなくJavaScriptで解決 | しずかなかずし
こんにちは!   ブログを通勤電車の中でスマホで書くのが習慣だったのが、在宅勤務で通勤時間がなくなり日課がこなせないことが何より残念な、しずかなかずしです。...
タイトルとURLをコピーしました