HOME　→　
投稿日:

Luxeritas ブログカードのカスタマイズ

Luxeritas（ルクセリタス）
ブログカードのカスタマイズ
 
Luxeritas には、内部リンクや外部リンクのための「ブログカード」が標準で装備されており、ビジュアルエディターのアイコンから呼び出せる。このブログカードのデザインを、サイトの色調に合わせるカスタマイズを施した。
 
CSSでのカスタマイズ結果
 
以下、Luxeritas のブログカードをカスタマイズした記録。
HOME　→　
投稿日:

Luxeritas ショートコードで カテゴリー別 記事一覧を表示

Luxeritas（ルクセリタス）
カテゴリー指定で 記事一覧を表示する
ショートコードを作る
 
『親カテゴリーをメニュー項目にし、メニューにする固定ページを該当カテゴリーの記事インデックスとする』。このために、固定ページに指定したカテゴリーの記事一覧を表示し、且つ、記事が増減しても自動でインデックスが変化する様【ショートコード】を作る。
記事インデックスは、「ブログカード風の内部リンクカード」で表示する。
 
作成した固定ページを表示してみる
 
以下、Luxeritas 独自の「ショートコード登録」機能を使って、カテゴリー別記事一覧を表示するショートコードを作った記録。
HOME　→　
投稿日:

Luxeritas AMPの ブログカードで 画像が表示されない

Luxeritas（ルクセリタス）
AMPページの ブログカードに 画像が表示されない
 
サムネイルの LazyLoad を有効化してると、AMPページでブログカードに画像が表示されない。
 
AMPページでブログカードに画像が表示されない
 
Luxeritasのバージョンを、【3.7.7】から最新の【3.8.0】にアップデートすることで、解決。
HOME　→　
投稿日:

Luxeritas フッター周りのカスタマイズ

Luxeritas（ルクセリタス）
フッター周りのカスタマイズ
 
ヘッダー周りのカスタマイズ → サイドバー周りのカスタマイズと続いて、最後にフッター周りのカスタマイズを行う。
 
フッター周りの、カスタマイズ結果
 
以下、フッター周りのカスタマイズを行った記録。
HOME　→　
投稿日:

Luxeritas ヘッダー周りのカスタマイズ

Luxeritas（ルクセリタス）
ヘッダー周りのカスタマイズ
 
固定ページを作成し、ヘッダーナビ（グローバルナビ）が完成したので、ヘッダー 背景画像の設定等、ヘッダー周りのカスタマイズを行う。
 
【Font Awesome】のアイコンを設定した画面
 
以下、ヘッダー周りのカスタマイズを行った記録。
HOME　→　
投稿日:

Luxeritas 固定ページによるメニューの作成

Luxeritas（ルクセリタス）
固定ページの作成と
ヘッダーナビ（グローバルメニュー）の作成
 
親カテゴリーをメニュー項目にし『固定ページをカテゴリー別の記事インデックスとする』を目標に、ヘッダーナビ（グローバルナビ）を作成した。
 
『固定ページをカテゴリー別の記事インデックスとする』メニューの完成
 
以下、固定ページによるメニューの作成記録。
HOME　→　
投稿日:

Contact Form 7のメールを WP Mail SMTPを使い Gmailで送信する

Luxeritas（ルクセリタス）
Contact Form 7の問い合わせメールを
WP Mail SMTPを使い Gmailで送信する設定
 
Raspberry Pi で構築した「Luxeritas（ルクセリタス）」サイトのサーバーにはメール環境がないため、問い合わせメールが送信できない。そこで、 『WP Mail SMTP』と言うプラグインで、Gmail のサーバー を使って送信が出来る様にした。
 
「メール」セクションの「メーラー」から【 Gmail 】を選択する
 
以下、Contact Form 7のメールを WP Mail SMTPを使い Gmailで送信出来る様にした記録。
HOME　→　
投稿日:

Luxeritas お問い合わせフォーム Contact Form 7 と reCAPTCHA の設定

Luxeritas（ルクセリタス）
問い合わせフォームの作成 と スパムメール対策
 
「Contact Form 7」で作成した問い合わせフォームに、スパムメール対策として【 reCAPTCHAv3 】という「人目につかないバックグラウンドで、スパムかどうかを判断してサイトを保護する仕組み」を導入した。
 
GoogleのreCAPTCHAサービスページにアクセスし、右上のAdmin Consoleボタンをクリックする
 
以下、Luxeritasでの「問い合わせフォームの作成」と【 reCAPTCHAv3 】の設定記録。