カスタマイズ Luxeritas(ルクセリタス)でリスト表示をカスタマイズする
HTMLで文章を書くときに、順番をつけて箇条書きにしたい時などに使えるリストデザインをご紹介します。デフォルトの表示、数字を丸で囲んだもの、イタリック文字など実用的なデザインです。Webには色々なリストデザインがあると思いますが、私がここで紹介しているのは、私が使いたいと感じるデザインだけです。
Luxeritas（ルクセリタス）テーマ
カスタマイズ 
カスタマイズ ルクセリタスの帯状メニューをプチカスタマイズする
ルクセリタスで簡単に表示できるヘッダー上の帯状メニューの、色とフォントアイコンを変える方法をご紹介します。ほとんどメニューとオリジナルのカスタマイザーから変更が可能です。
使い方 テーマLuxeritas(ルクセリタス)でAMP化する手順を詳しくわかりやすく
Googleの推進する AMP(Accelerated Mobile Pages) という仕組みを、ルクセリタスでも取り入れてみました。サイトをAMP化する準備から、実施後のスタイルの適用まで、順を追ってわかりやすく書いてみました。ルクセリタスでは、AMP用のウィジェットを表示させることのできる場所が、事前に９か所も用意されています。サイドバーはもちろんのこと、記事下ウィジェットなど、アドセンスの表示に欠かせない位置にもちゃんとAMP用があります。
使い方 ルクセリタスでSEO関連の設定を見直す
ルクセリタスのカスタマイズで出来るSEO対策について見直したので、自分なりに気づいたことを記事にしておきたいと思います。1.トップページの meta descriptionに記入した内容はHead内にページの概要を説明する内容としてタイトルとは別に表示されます。2.「タグとカテゴリ名を keywords にする」を選択することによって、カテゴリー名とタグ名がHead内にmeta name=”keywords”として表示されるようになります。3.記事の投稿画面には「抜粋」という欄がありますが、そこに要約した文章を入力することで、記事の内容がより読み手に伝わりやすくなります。
カスタマイズ ルクセリタスでカード型一覧表示の見た目をカスタマイズする
今回は、ルクセリタスの記事の一覧表示として選択できる「カード型」の見た目をプチカスタマイズしました。カード型一覧表示をプチカスタマイズするデフォルトのカード型一覧表示プチカスタマイズ後変更点カスタマイザーで下図のように設定カテゴリー一覧の最...
使い方 ルクセリタス カテゴリ一覧の最初に説明文を挿入する (HTML 記述可)
ルクセリタスのカスタマイザーは実にいろいろできるようになっているのですが、多すぎて一度設定しても次どこにあったか見失うことたびたびです(笑)なので、順に確認して行きたいと思います。「カテゴリ一覧の最初に説明文を挿入する」の使い方外観のカスタ...
カスタマイズ WordPressで月別アーカイブの表示を年ごとに展開（アコーディオン）方式にする
月別アーカイブの一覧を年ごとに展開方式にする変更前変更後変更手順プラグインをインストールするjQuery Archive List Widgetをインストールして有効化しますウィジェットを追加するウィジェットの一覧からjQuery Arch...
カスタマイズ テーマLuxeritas(ルクセリタス)でＰＣの「続きを読む」をカスタマイズしてみる
「続きを読む」をカスタマイズする通常表示変更前変更後カード型表示（最大２列）リンクルクセリタスでカード型一覧表示の見た目をカスタマイズする上記内容でカスタマイズ後のカード表示です変更前変更後タイル型（最大２列）記事のタイトルが長いと「記事を...
カスタマイズ プラグインを使用せずPrism.jsでコードをハイライト表示する
Luxeritas3.x以降にはPrism.jsを使ったハイライト機能が標準で装備されています。そちらの利用をおすすめします。ただしオプションの選択肢はありませんので、行番号を途中から始めたり、指定した行の色を変えるなどの機能は使えません。...
カスタマイズ フォントアイコン（Font Awesome）にアニメーション効果を追加する
フォントアイコンにアニメーション効果を追加する際 常に動かす アイコンにマウスポインタを重ねた時に動かす 親要素にマウスポインタを重ねた時に動かすの３パターンがありますが、３番目が実用的だと思いますので、そちらのご案内です。アニメーション効...