【Cocoon無知の極み主婦の挑戦】サイトタイトルを改行して2段表示にする方法

パソコン関係
とび
とび

サブブログのことですが、ヘッダーに表示されるサイトタイトルに副題がついているので改行して2行表示にしたいと思いました。

(最終的にはタイトルロゴ入りのヘッダー画像にしましたが)

外観>テーマエディタ内、Cocoon Child: javascript.js に以下、黄色マーカー部分を追記します。

//ここに追加したいJavaScript、jQueryを記入してください。
//このJavaScriptファイルは、親テーマのJavaScriptファイルのあとに呼び出されます。
//JavaScriptやjQueryで親テーマのjavascript.jsに加えて関数を記入したい時に使用します。

(function($){
  var siteTitle = $('#header .site-name-text').text();
  siteTitle = siteTitle.replace("クルーズdeススメ!〜Forget Daily Life by Cruise〜", "クルーズdeススメ!<br>〜Forget Daily Life by Cruise〜");
  $('#header .site-name-text').html(siteTitle);
})(jQuery);

行間を詰める設定も一度しましたが、結局ヘッダー画像にタイトルロゴを入れることにしたので必要なくなり、削除したら最後。設定方法はもう分かりません。
だから備忘録って大事と思う今日この頃です。

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