STEP

用語集

テスト_こちらは、CSS改修のためのテストになります

  • 公開日:1970/01/01
  • 更新日:2026/03/23

こちらはリッチエディタで組み込めるようにしたいCSSのリストです。

https://document.microcms.io/manual/rich-editor-usage

カスタムclass赤字

カスタムclassマーカー

  • リスト
    • リスト
  1. 番号
    1. 番号

背景色(こちらは既にCSSに入っている)

カスタムclassにbg_light_grayを入れた上で、カスタムclassを使ってみるとこのような形になる。

薄いグレー

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

グレー

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

薄いイエロー

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

薄いブルー

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

薄いピンク

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

枠線

ボタン

オレンジボタン

classがglossaryとなっていますが、希望としてはすべてのリッチエディタで使えるCSSとしたいです。
サイト内にあるオレンジのCTAボタンの挙動が各ページで若干違うのですが、
シャドウは3px、transitionは0.2s、矢印の動きはなし、でお願いします。
(その他のCSSは専門でない人間が社内でそれっぽく作っているものなので、よしなに整えていただけるとありがたいです。)

↓旧

2026年3月23日 追加

オレンジでないボタン

メイン訴求でないときに使うボタン
※見本としては「linkBtn」を使っているが、すべてのページリッチエディタで同じようなデザインになるように調整したい。

人物紹介

佐藤 修美(さとうなおみ) マーケティング営業部3グループ シニアソリューションプランナー 2007年入社。以来、一貫して中小・中堅企業様を対象としたセクションに在籍。営業、営業マネジャー、北海道支社長を務める。 担当した企業は延べ1000社に上る。セミナーの企画運営・講師担当。中小企業診断士。
ああ
ああ
ああ
ああ

本文内の画像の位置変更

本来はリッチエディタ上の横位置で画像の位置が変わるはずだが、現状変わらない。

画像拡大

分析項目概要

https://www.recruit-ms.co.jp/issue/feature/0000001527/

画像の拡大が、通常、コンテンツブロックごとに1つしか設定できないため、記事中で自由度高く設定できないかCNDさんに確認したところ、このやり方を解決方法として提示された

主に研究所のコンテンツで、図表など文字が細かいものに適宜適用されている

おすすめの
無料セミナー

Online seminar

サービスを
ご検討中のお客様へ

facebook
x