Luxeritasのトップ・カテゴリページの記事カード（タイル）の枠線カスタマイズ

Luxeritasを使っていてAMPチェックで怒られた所に対応する方法２つ（カスタマイズしている方向け）

2017.03.282021.04.25

Luxeritasで最後のH2手前にウィジェットエリアを作成してAdSenseを表示する

2021.03.032023.01.25

Luxeritasでスマホメニューを横スクロールできるようにする

2021.02.252021.04.25

Luxeritasのカルーセルスライダーウィジェットのデザインをカスタマイズする

2017.08.222021.04.25

Luxeritasの記事カード（タイル）の枠線を引くor消す方法　その１

Luxeritasは、テーマ自体に、枠線を描画する機能があります

１　「コンテンツ領域に枠線をつける」にチェックを入れる

管理画面からLuxeritas→カスタマイズ外観→コンテンツ領域とサイドバーを開きます。

「コンテンツ領域に枠線をつける」にチェックを入れると、枠線をつけられます。
外すと消えます。

わからなくても仕方ないかも
Luxeritasは設定項目多いから……

２　「コンテンツ領域枠線色」で枠線の色を設定する

「背景色/枠線色」に移動します。

「コンテンツ領域枠線色」で枠線の色の設定をします。

その３　枠線をカスタマイズしたい場合

角を丸めたい場合を例にとります。
以下のコードを子テーマのstyle.cssに追記してください。

/*　Luxeritas枠線装飾　*/
.grid{
border-radius: 4px;
}

border-radiusはボックスの角を丸めるプロパティ。
数字を変えると丸まり具合が調整できます。

他の装飾をしたい時も同じ。
{　}の中にプロパティを記述すれば設定できます。

Luxeritasの記事カード（タイル）の枠線を引くor消す方法　その２

前項の方法が一般的ではあるのですが、これだと記事エリアにも枠線が引かれてしまいます。
リストページのみに枠線をつけたいのなら「コンテンツ領域に枠線をつける」のチェックを外し、CSSで直接指定します。
下のコードはカスタマイズ外観「グリッドレイアウト」で「カード型（最大１列）」に設定しているケースです。

/*　Luxeritas記事リスト枠線（カード型最大１列の場合）　*/
#card-1 .grid{
border: 1px solid #ddd;
border-radius: 4px;
}
#bottom-area{
border: none !important;
}

指定するID（例なら「#card-1」）はお使いのレイアウトによって変わります。
 例えば「タイル型（最大３列）」なら「#tile-3」となります。
全部のレイアウトに適用させたければ「#list」を指定してください。

まとめ

Luxeritasは多機能ですけど、どこに何があるかわかりづらいのが難点。
私も恥ずかしながら……
以前、テーマに標準で機能がついているのに気づかず、作者のるなさんからコメントで指摘を受けたことがあります。

帯状メニューに「サイトマップ」と「問い合わせ」ボタンを追加する　～Luxeritasカスタマイズ

本記事は、WordPress無料テーマLuxeritasのヘッダー上部帯状メニューの項目を追加する方法カスタマイズを紹介するものです。 【2017/02/25追...

kimoota.net

2017.02.24

当時はまだまだユーザーが少なく情報が乏しかったというのもあるのですが。

しかし、もはやLuxeritasは無料WordPressテーマ一番人気と呼んでいいほど。
情報は豊富にあります。

わからなければ、とりあえずGoogle先生に聞いてみましょう。
「Luxeritas　（やりたいことや機能）」で検索すれば大抵のことは教えてもらえると思います。