見出しデザインメニューをカスタマイズ

概要

図1に示す、以下のメニューを、独自に作成した見出しに設定します。

• メイド・イン・ヘブン設定→基本デザイン→見出しデザイン
• メイド・イン・ヘブン設定→拡張→ローディング画面

手順

以下の手順で、作成します。

1. 子テーマのsikins下に、スキンと同じフォルダーを作成
2. 追加・変更する見出しの設定ファイルを、該当するフォルダーに登録
3. 追加・変更する見出しのCSS、テンプレートファイルを、該当するフォルダーに登録

• cocoon-child-master
  • skins
    • skin-made-in-heaven
      • assets
        • css
          • h2
          • h3
          • h4
          • w
          • l
      • tmp
        • load

各ファイル

表1に、ファイル命名規則を示します。

項目	見出し	ウィジェット	ローディング画面
設定ファイル	見出し番号.csv	w.csv	l.csv
CSSファイル	見出し番号-追番.css	w-追番.css	任意.css
テンプレートファイル	–	–	任意.php

設定ファイル

以下の形式で入力します。

ファイル名,メニューに表示する文言

見出し、ウィジェット

例えば、見出し「H2」に追加する場合、h2.csvは、以下となります。

0,装飾なし
1,左縦線

ローディング画面

例えば、ローディング画面「ハート」を追加する場合、l.csvは、以下となります。

none,なし
heart,ハート

テンプレートファイル

ローデング画面のHTMLを入力します。

<?php
if (!defined('ABSPATH')) exit;
?>

<div class="loader-bg">
  // ローディング画面
</div>

登録先

以下に示すように、フォルダーに各々のファイルを登録します。

• cocoon-child-master
  • skins
    • skin-made-in-heaven
      • assets
        • css
          • h2
            • h2.csv
            • h2-1.css
          • h3
          • h4
          • w
          • l
            • l.csv
            • heart.css
        • tmp
          • load
            • heart.php