CSS

スポンサーリンク

Luxeritas(ルクセリタス)でページネーションをカスタマイズする

記事の一覧が複数ページにまたがる時、一覧下にはページを移動するためのボタンが表示されます。今日はこちらを少しカスタマイズしてみたいと思います!ページネーションをカスタマイズするデフォルトのページネーションはこんな感じこれを、こんな感じにカス...

Luxeritas(ルクセリタス)の見出しを固定ページで異なるデザインにする

当サイトで記事にしている見出しのデザインは下の通りです。これをそのまま固定ページにも使用すると、プライバシーポリシーのページは下のような表示になります。しかし、固定ページでは少し違った見出しのデザインにしたいな、ということで、当サイトのプライバシーポリシーのページは下のようになっています。大した違いではありませんが、同様の理由で、サイトマップのページも見出しのデザインを変更しています。今回は、その手順についてご案内したいと思います。

新着記事を投稿順ではなく更新順に表示する

2018.06.24 CSSにスペルの誤りが見つかりました。コピーしてお使いの方は、修正をお願いします。サイドバーにサイト内の新着記事の一覧を表示させるケースは比較的多くあると思います。ルクセリタスでは、オリジナルのウィジェットが用意されて...

Luxeritas(ルクセリタス)でサイト説明文をサイト名の右側に表示する

サイト名は必ずヘッダーに表示されていると思いますが、サイトの内容がわかりやすいよう、その下にキャッチフレーズ(短いサイトの説明文)を表示していることが多いと思います。ルクセリタスで、デフォルトの状態で表示したロゴ画像、サイト名、キャッチフレーズの見た目をカスタマイズしたいと思います。
未分類

記事の一覧表示をデザインする

ルクセリタスはオリジナルのカスタマイザーで、記事の一覧表示を3タイプから選べるようになっています。こちらのサイトの記事一覧ページは、通常スタイルです。カテゴリー一覧表示はカード型で、ちょっとカスタマイズしたものです。一覧表示にはもう一種類、...

構造化データにエラーがあるよと言われる

Search Consoleに「エラーが発生」と表示されていました。エラーが発生しているページのURLが「/」というのは、トップページのことです。1.エラー タイプ updated がありませんは、記事の公開日の記載がありませんよってことなんだと思います。独断でプラグインのfunction.phpを書き換えてみることにしました。2.エラー タイプ entry-title がありませんは、記事のタイトルがありませんよってことかな?これも独断でプラグインのfunction.phpの170行目のrpwe-titleって箇所を書き換えました。

Luxeritas(ルクセリタス)でリスト表示をカスタマイズする

HTMLで文章を書くときに、順番をつけて箇条書きにしたい時などに使えるリストデザインをご紹介します。デフォルトの表示、数字を丸で囲んだもの、イタリック文字など実用的なデザインです。Webには色々なリストデザインがあると思いますが、私がここで紹介しているのは、私が使いたいと感じるデザインだけです。

記事本文で画像を横に並べるCSSとAddQuicktagへの登録方法

幅の狭い画像を記事本文内に配置する時、横に並べたい時があり、そのため用のCSSを追加しましたので、覚え書きです。display:flexというCSSを使用すると一番簡単そうなので、それを採用しました!各画像の右側の余白は50pxとっていますが、もう少し狭くてもいいかもしれません。

ルクセリタスの帯状メニューをプチカスタマイズする

ルクセリタスで簡単に表示できるヘッダー上の帯状メニューの、色とフォントアイコンを変える方法をご紹介します。ほとんどメニューとオリジナルのカスタマイザーから変更が可能です。

カスタム投稿も表示できるサイトマップ作成プラグインWP Sitemap Pageをカスタマイズ

ルクセリタスには固定ページのテンプレートを選択することで簡単に表示できるサイトマップが標準装備されています。ただ、カスタム投稿の一覧は出力されません。そこで、カスタム投稿に対応したWP Sitemap Pageというプラグインを使用することにしました。一般的なサイトマップを表示させるには、指定された専用コードを固定ページなどに貼るだけです。私は「カテゴリー」という文言を含まないリストを出力することにしました。
スポンサーリンク