PR

Luxeritas (ルクセリタス) カスタマイズまとめ-サイドバー編-

Headline3

カスタマイズ関連の記事が増えてきて、カテゴリがあちこちに散らばってしまっているため、サイドバー関連でまとめてみました。

サイドバーの見出しh3とh4をカスタマイズ

サイドバーのこんな感じのところのカスタマイズです。
Headline3
サイドバー見出しのデザインをカスタマイズ

カテゴリー一覧の見出しをカスタマイズ

Category list
カテゴリー一覧の見出しをカスタマイズ

カテゴリーやアーカイブの一覧に下線を引く

Separator line

リンク↓見た目のカスタマイズ の中にあります。
一覧の見た目をカスタマイズ

月別アーカイブの表示をアコーディオン形式にする

プラグインjQuery Archive List Widgetを使用して、月別アーカイブの一覧をアコーディオン形式で表示します。
monthly archive 02
月別アーカイブの表示をアコーディオン形式にする

ウィジェットを使ってサイドバーにプロフィールを表示する

テキストウィジェット、もしくはカスタムHTMLウィジェットを使用してプロフィール欄を作ります。
profile-Widget
プロフィールを表示する
プロフィール欄にフォントアイコンを使用する

カスタム投稿の記事一覧をテキストで表示する

通常の記事は除いた、カスタム投稿の新着記事一覧を表示します。
Custom Posts New Articles
カスタム投稿の記事一覧を表示する

人気記事一覧をサムネイル付きで表示する

プラグインWordPress Popular Postsを使用して、人気のある記事を順位表示します。
WordPress Popular Posts
WordPress Popular Postsのランキング表示をLuxeritas(ルクセリタス)の新着表示となじませる

カスタム投稿を含む新着記事一覧をサムネイルつきで表示する

プラグインRecent Posts Widget Extendedを使用して、新着記事の一覧をサムネイル付きで表示します。
サイドバーにカスタム投稿を含む新着記事一覧をサムネイルつきで表示する

カテゴリーの一覧を任意の順番に並べ替える

プラグインCustom Taxonomy Order NEを使用して、自由にカテゴリーを並べ替えます。
カテゴリーの表示順を並べ替える

おすすめ記事一覧をサムネイル付きで表示する

プラグインRecent Posts Widget Extendedを使用して、おすすめ記事一覧をサムネイル付きで表示します。
おすすめ記事一覧をサムネイル付きで表示させる

コメント

  1. taro より:

    最近、こちらのサイトを参考にさせていただきながら、ルクセリタスでサイト作りを始めています。
    アーカイブの逆順表示などは、そのまま使わせていただいております。

    実は私のサイトでは、サイトバーに「最近の更新記事」を無理やり表示しているのですが、もっと簡単にできる方法があれば教えていただけると助かります。
    そんなものは無いとのことでしたら、今後のカスタマイズの候補に加えていただけるとうれしいです。
    ぜんぜん急ぎませんので、お時間のある時にでもご検討ください。

    よろしくお願いします。

    • どらみ より:

      taroさん

      やっとそれらしい紹介記事を書くことができましたので、もしよろしかったら参考にしてくださいね!
      https://martto.net/wordpress/plugin/11633/
      私自身も、更新した記事が目に留まる機会がないので、ちょうど導入したいと思っていたところでした。
      いいきっかけを与えていただき、ありがとうございました!

  2. 坂上雄一 より:

    とても情報量の多いページですね、感謝です
    ルクセリタスで行き詰っているところがございました、ご支援を頂きたく記載いたしました
    ルクセリタスオリジナル#1~#8の#4,6,8のタイトル文字に飾りを付けたいと考えております。
    どらみさんのは下記のようですが
    カテゴリー
    cssの場所が分かりません、もしかしたらルクセリタスオリジナルはご使用に成られていないのでしょうか。
    現在はカスタムHTMLの場合だけ、下記コードをいれることで下線にしています
    ご案内
    お時間がございましたらご回答いただければ幸いです

    • どらみ より:

      坂上雄一 さん

      はじめまして☆
      サイドバーのタイトル文字の装飾ですね?
      当サイトのサイドバーの見出しの装飾はCSSではこうなっています。

      #side h3, #col3 h3, #side h4, #col3 h4 {
      	color: #fff;
      	background-color: #1e73be;
      	margin: 4px -14px 20px;
      	padding: 8px 30px 6px;
      }
      #side h3:before, #side h4:before {
      	font-family: FontAwesome;
      	content: "\f04c";
      	margin-right: 7px;
      	color: #fff; /* アイコンの色 */
      }

      これで何かヒントになりますか?