カスタマイズTips

販売されているテーマは、デザイン編集画面からの「カスタマイズ性」、そしてデザイン編集項目を出来るだけシンプルにして「初心者の方でも分かりやすくする」、という2つの点のバランスを熟慮して作られています。

もしデフォルトのデザイン編集項目では物足りない場合、「HTMLを編集する」ことで更なるカスタマイズをすることも可能です。以下にそのサンプルをご紹介しています。

テーマを改変していく場合、テーマのサポート範囲外となります。どこをどのように変更したかを覚えておくことで、今後テーマがアップデートされたときに、変更点を整理して再カスタマイズすることができます。

メイン写真の数を増やす

メイン写真はデフォルトでは3点までとなっていますが、HTMLコードを編集することで3点以上に増やしたい場合のカスタマイズコードです。

1. デザイン編集画面から「HTMLを編集する」を開き、39行目〜54行目にある「メイン画像2」に関するコードをまるごとコピーして、すぐ下にペーストして複製します。
複製したコードにある「MainVisual2xxxx」「Hero2xxxx」といった数字の部分を全て「MainVisual3」に直します。

2. 次に、378行目〜384行目（1の変更をする前の状態での行番号です）の7行分を、同じようにコピーペーストしてすぐ下に複製します。その中に含まれる「MainVisual2」といった数字の部分を全て「MainVisual3」に変更し、「second」という部分を「third」に直します。

3. そして2で複製した7行のコードを次のコードで囲みます。

{block:image-MainVisual3}　
（2で複製したコード）
{/block:image-MainVisual3}

---

今後、もし需要が高いと判断できたカスタマイズについてはそれを取り込み、アップデートにて対応することも検討いたします。どうぞよろしくお願いいたします。