Luxeritas　カテゴリー別ページのプチカスタマイズ

2022年1月20日

カテゴリーページ

最初にカテゴリーページを編集する為に、

Luxeritas　➡　外観カスタマイズ　➡　グリットレイアウト

カテゴリー別ページのHTMLを挿入するために、チェックを入れます。

カテゴリーHTML編集

最初のカテゴリー別ページは、下の画像の様に、

赤く囲った所は、こんな感じでパンくずリストしか、表示されていません。

 

そこで、下の画像の様にアクセントをつけました。

 

各カテゴリーの設定を変える事が出来ます。

カテゴリーの編集したいページの編集から、説明欄に記入します。

参考にしたボックスデザインは、サルカワさんです。

CSSに貼っていきましょう。

スタイルシートに、CSSを貼っていきます。

下のCSSは、今回使ったデザインのCSSです。

.box7{
	width:auto; height:auto;
    padding: 0.5em 1em;
    color: #fff8f8;
    background:#746d6d;/*背景色*/
    border-left: double 7px #eb7492;/*左線*/
    border-right: double 7px #eb7492;/*右線*/
}
.box7 p {
	text-align:center;
	font-size: 18px;
    margin: 0; 
    padding: 0;
}

色の変更は背景色や文字色などは好みで変更してください。

colorは文字の色変更です。

box〇 p は、上２列は、文字をセンターに指定し、文字の大きさを指定しています。

サルカワさんのCSSを、参考に少し変更しているので、

自身のボックスデザインが決まった時に、変更する時の参考になればと思います。