Office FENEX - News投稿ルールマニュアル

「高級感」と「プロフェッショナリズム」を維持するために、News（お知らせ）を投稿する際の文字装飾ルールをまとめました。
WordPressのエディタで「カスタムHTML」ブロックを使うか、段落ブロックの「高度な設定 > 追加CSSクラス」をご利用ください。

🛠️ 設定方法（忘れがちな方へ）

A. ブロック全体にスタイルを適用する（例：左の赤い線）

  1. 編集したい「段落ブロック」をクリックして選択します。
  2. 画面右上の「歯車マーク（⚙️）」をクリックしてサイドバーを開きます。
  3. サイドバー内の「ブロック」タブを選択します。
  4. 一番下にある「高度な設定」をクリックして展開します。
  5. 「追加CSSクラス」の欄に、クラス名（例：border-l-red）を入力します。

B. 文章の一部だけ色を変える（例：金色の文字）

  1. 編集したい段落ブロックをクリックします。
  2. ブロックのすぐ上に出るツールバーの「︙（縦の3点リーダー）」をクリックします。
  3. メニューから「HTMLとして編集」を選択します。
  4. 色を変えたい文字を <span class="text-fenex-gold"> と </span> で囲みます。
    例：<span class="text-fenex-gold">ここが金色</span>
  5. もう一度「︙」をクリックし、「ビジュアル編集」に戻します。

C. 太字にする（Bボタン）の特殊効果

ツールバーの「B（太字）」ボタンを押すと、単に太くなるだけでなく、以下のOffice FENEX専用スタイルが適用されます。

※文字サイズを大きくしたい場合は、右サイドバーの「タイポグラフィ > サイズ」で変更してください。

1. 文字色を変える（金色・赤色）

強調したいキーワードに色を付けることで、メリハリのある美しい文章になります。

金色（FENEX Gold）

最も重要なキーワード、ポジティブな強調に使用します。

現場で死なない、確かな実装を。 
<span class="text-fenex-gold">確かな実装</span>

赤色（FENEX Red）

警告、注意喚起、または情熱的な強調に使用します。

流行を追うだけの幻想は捨ててください。 
<span class="text-fenex-red">幻想</span>

2. 左に赤い線を入れる（引用・強調ブロック）

重要なメッセージや、理念などを語る際に使用します。視覚的に区切りができ、読みやすくなります。

成功するDXの鍵は、最新のモデルを使うことではなく、
「誰が、いつ、どう使うか」という運用設計にあります。

【方法】

  1. 段落ブロックを選択
  2. 右側のサイドバー「高度な設定」を開く
  3. 「追加CSSクラス」に border-l-red と入力

※または「カスタムHTML」で以下のように記述：

<p class="border-l-red">ここ強調したい文章...</p>

3. 投稿のコツ（推奨フォーマット）

Office FENEXのダークモードデザインにおいて、最も美しく見える文章構成です。