サンプルのカスタマイズについて

当サンプルのカスタマイズ例をご紹介します。あくまでも一例であり、こうでなければならないということはありません。

※キャプチャはAFFINGER4になります(バージョンやテーマにより異なる場合がございます)
※サンプルに使用している画像などの素材は付いておりません。

子テーマ管理画面

「子テーマ管理画面」にて「子テーマ管理及びカスタマイザーの上書きを解除する」を有効化します

親テーマ管理画面

親テーマの管理画面の「ヘッダー設定」にて

  • ヘッダーを分割しない
  • ヘッダーエリアをセンタリング

を有効化してサイト名(ロゴ)をセンタリングします

「PC用グローバルメニュー」の「PC用メインメニューを表示しない」を有効化してメニューを非表示にします

ヘッダー画像(スライドショー)の「ヘッダー画像を全て非表示にする」を有効化

カスタマイザー

「外観」>「カスタマイズ」のカスタマイザーでロゴやカラーを変更します

アコーディオンメニューのカラーを白色に変更

ロゴを登録して「ヘッダーロゴ画像を使用する」を有効化

背景画像を登録

背景色を「白色」に

基本エリア設定 > フッターエリアに画像を登録して「フッターの背景色を100%にする」を有効化

CSSでカテゴリを配色

style.cssに以下を記述

.catname.st-catid3 {.catname.st-catid3 { background:#FFC107; color:#fff;}
.catname.st-catid2 { background:#0288D1; color:#fff;}

「.st-catid3」の「3」の数字を任意のカテゴリIDに適宜変更して下さい

カテゴリIDの確認方法

関連広告設定について

投稿日:

Copyright© サイトのタイトル(check) , 2018 All Rights Reserved Powered by AFFINGER4.