タグの見た目をCSSで細かく設定できるようになりました!

リリース日:2023/03/08

LEEEP2024-10-30

独自性のあるスタイルでコンテンツをサイトに掲載したいというご要望にお応えするため、「カスタマイズCSS」の機能を実装しました。

こちらの機能をお使いいただくことで、フォントのデザイン変更をはじめ、コンテンツの枠線を自社サイトに合った色へと変更することができます。

LEEEP管理画面のタグ一覧画面からCSSを適用させたいタグの編集画面へ移動します。

「カスタムCSS」の項目に適用させたいCSSの記述をお願いいたします。

全ての要素と命名の対応表のご用意がないため、CSSを適用されたい要素をブラウザのデベロッパーツール等で確認いただき、適切に実装をお願いいたします。

以下の実装例をカスタムCSSとして入力・保存していただくことでCSSによるデザイン変更をお試しいただけます。

・フォントをセリフ体(明朝体)に変更する

CSS

 

・コンテンツの枠線を緑色に変更する

CSS

 

・ 「もっと見る」のスタイルをシックに変更する

CSS

・商品のカードを角丸に変更する

CSS

  • コンテンツ間の隙間を埋める

    ******************の部分はタグIDに置き換えてください。

CSS

  • 切り替えタブのフォントサイズを小さくする

    {{タグID}}には適宜タグIDを代入してください。また、10px は適宜ご調整ください。

CSS

  • 「続きを読む」の表記を「See more」に変更する/「関連商品」の表記を「Item」に変更する

    content の値がそれぞれ表示する文字列になります。また、直下の font-size で文字の大きさも変更可能です。

CSS

  • 「スタッフ投稿リスト」のタグでスタッフの丸アイコンを非表示にする

******************の部分はタグIDに置き換えてください。

CSS