AMOREの「トップページ第4ブロック」の記事の表示数を変更する方法|中級者向けカスタマイズ
AMOREの「トップページ第4ブロック」の記事の表示数を変更する方法|中級者向けカスタマイズ
AMOREでは、固定ページにアイキャッチ画像を設定すると、下記のようにメインビジュアルとして表示され、画像の上にページタイトルが表示されるようになっています。

AMOREの固定ページアイキャッチ

AMOREの固定ページアイキャッチ

今回は、この画像上のページタイトルを、下記のように任意の場所で改行し、さらに1行目と2行目で文字のスタイルを変更する方法を解説したいと思います。

タイトルを改行し、1行目と2行目で文字のスタイルを変更した状態

タイトルを改行し、1行目と2行目で文字のスタイルを変更した状態

固定ページのタイトルを改行し、1行目と2行目で文字のスタイルを変更する方法

タイトルを調整する

固定ページのタイトルを下記のように調整します。

spanタグで囲んだ部分で改行され、文字のスタイルが変更されます。

1行目の文字スタイルを変更する場合

2行目の文字スタイルを変更する場合

カスタムCSSにコードを入力する

固定ページの編集画面下部にある「カスタムCSS」に、下記のコードを入力します。

〇〇の部分には任意のカラーコードを入力してください。

例えば、タイトル中のspanタグで囲んだ部分の文字色をオレンジにする場合は、下記のように記述します。

これで、ページタイトルを改行し、1行目と2行目で文字のスタイルを変更することができます。

1行目の文字スタイルを変更した場合

1行目の文字スタイルを変更した場合

1行目の文字スタイルを変更した場合

2行目の文字スタイルを変更した場合

2行目の文字スタイルを変更した場合

2行目の文字スタイルを変更した場合

まとめ

今回は、AMOREの固定ページのタイトルを改行し、1行目と2行目で文字のスタイルを変更する方法を解説しました。

アイキャッチ画像に合わせてページタイトルも装飾したいという方は、ぜひ試してみてください。

全てのテーマを見るならこちら

スポンサーリンク

スポンサーリンク

アンケート実施中

テーマニアの内容をさらに充実させるため
アンケートを実施中です。

ご協力お願いいたします。

おすすめの記事