リストにスタイルを追加

追加機能
この記事は約1分で読めます。
記事内に広告が含まれています。

はじめに

本スキンでは、「リスト」ブロックのインデントに応じて階層表示します。

表示例

  • cocoon-child-master
    • functions
      • functions1.php
      • functions2.php
      • functions3.php
    • functions.php
    • javascript.js
    • style.css

手順

Gutenbergエディター

図1に示すように、以下の手順で指定します。

  1. 「リスト」ブロックを配置します。
    階層に応じて、リストにインデントを指定します。
  2. 高度な設定→追加CSSクラスにhvn-hierarchyと入力します。

表示がおかしい場合は、高度な設定→追加CSSクラスを削除してください。

さいごに

本スキンのカスタマイズにより、「リスト」ブロックをインデントに応じて階層表示させることができます。
これにより、プログラムのフォルダ構成や階層的な情報をわかりやすく表現できます。

タイトルとURLをコピーしました