Q.ヘッダーロゴ部分にサイトタイトルを表示させている際に、任意の箇所で改行を入れることはできますか?
▼変更箇所イメージ
A.テーマファイル内のjsファイルにコードを追加することで対応できます。
今回は例として、テーマ「CURE」のサイトタイトルに改行を加えます。
以下の箇所にコードを追加してください。
サイトタイトルの任意の箇所で改行を追加
該当ファイル:js/jscript.js
該当箇所:コードの最下部(「});」の上部)
▼追加コード
var title = jQuery('.pc_logo_text').html(); //サイトタイトルのクラスを指定 var pos = 12; // 何文字目で改行を入れるか jQuery('.pc_logo_text').html(title.slice(0, pos) + '<br>' + title.slice(pos)); //改行を追加
上記コードの1行目.pc_logo_textの部分には、各テーマごとのサイトタイトルに付与されているCSSクラスを記載してください。
CSSクラスの確認の際には以下の記事を参考に、ブラウザのデベロッパーツールをご活用ください。
▼修正後変更箇所イメージ
この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!