プログラミング

2021/7/27

Power BIとは?利用用途・メリット・デメリットを徹底解説

業務を最大限効率化したり、ビッグデータを取り扱う際に効果的な方策の一つに「Power BI」というツールがあります。 しかし、その利用用途や利用メリットやデメリットを知らない方も少なくありません。 そこで本章では、このPower BIの利用用途やメリット・デメリットについて詳しく解説していきます。   目次1 Power BIとは1.1 Power BIでできること2 Power BIの種類3 ExcelでできなくてPower BIでできること4 Power BIの利用するメリット・デメリット4 ...

ReadMore

チャーガ 健康法・ケア

2021/7/28

チャーガに含むβグルカン!高免疫力・高癌抑制効果おすすめサプリ5選

高免疫力や癌の抑制効果、ダイエット効果など、様々な健康効果が期待され、国内需要が高まってきているチャーガ(カバノアナタケ)茶。   しかし、癌抑制効果が高いのはチャーガなどのお茶だけではないことをご存じでしたか。 癌が治るとされているチャーガにはβグルカンという成分が含まれており、この成分にその癌抑制効果や健康効果が高く、需要がいっそう拡大してきています。   そこで、品質は当然のこと、そのチャーガのみならず、このβグルカンを多く含む癌抑制効果や健康効果の高いサプリメントを厳選してご紹 ...

ReadMore

エクセル関数 プログラミング

2021/7/26

【初心者向け】Power BIおすすめ教本5選!使い方が手軽に分かる

  データサイエンティストが利用されると言われる「Power BI」。しかし、その機能や使い方も知らない方も多いのが実情です。 そこで、Power BIの機能性や利用メリットなどを理解するためにはどんな教本がおすすめなのか、初心者でもわかりやすいおすすめ教本5つ厳選してご紹介していきます。   目次1 Power Biを購入する前に知っておきたい3つのポイント2 Power Biを始める際の教本の選定ポイントは?3 Power BIの使い方が初心者でも基礎からわかる!おすすめ教本ランキ ...

ReadMore

映画 洋画

2021/7/15

海外映画『トゥモロー・ウォー』フル動画を無料視聴するならこれ一択!おすすめの視聴方法とは

最新人気映画「トゥモロー・ウォー」。海外のフル動画で見たり、無料視聴する方法にはあらゆる視聴方法が普及してきています。 そんな中でも、こんな悩み。 悩む女性1 海外映画無料視聴したい。 映画が今すぐ見たい。 借りに行くのが面倒くさい。 簡単にフル動画をみたい。   そんな海外映画を見て、有意義なひと時を過ごしたい。そんなふうに感じる事もあるかと思います。そこで、海外映画を無料視聴する方法やフル動画を見る方法があるのか。そんな悩みについて解説していきましょう! 管理者   また海外映画を ...

ReadMore

テレワーク 生活情報

2021/7/28

テレワーク業務効率10倍UP!コスパ最強おすすめ便利グッズ8選

  COVID19の影響に伴って加速する「テレワーク・在宅勤務」。   悩む女性1 しかし、実際に自宅で仕事をしてみると、案外仕事ができる環境じゃなくて、仕事が捗らない! そこで、このテレワークで充実した仕事ができるような環境を整備することも非常に大切です。 私もテレワークは、とても小さい椅子と縦長の狭い机でパソコン2台を使って作業をしていたので、非常にやりづらさを感じていました。   そこで、心機一転テレワーク環境を整備するためにデスクやチェア、PCガジェットを購入して、非 ...

ReadMore

AFFINGER6 Wordpress

2021/7/12

【AFFINGER6】購入者限定10大特典付き!初心者向けおすすめアイコン・戦略あり

当サイトからAFFINGER6(ACTION)をご購入頂いた方のために、当サイトでしか受け取れない購入者限定特典をお付けして、皆様のブログ運営を全力でサポートさせて頂きます。 またそれ以外にも、ブログで大切なことはいったいなんなのか、その根源を教える内容を盛り込んでご紹介していこうと思います。   目次1 「AFFINGER6(ACTION)」について2 購入する前に「AFFINGER6」の魅力を知ろう!3 AFFINGER6-当サイト限定10購入者特典について3.1 AFFINGER6当サイト ...

ReadMore

AFFINGER6 Wordpress

2021/7/12

AFFINGER6(ACTION)の購入メリット・デメリットを徹底解説【特典あり】

有料のWordpressテーマを選ぶなら「AFFINGER6(ACTION)」が絶対におすすめです。   悩む女性1いったいどうしてAFFINGER6がおすすめなの? 実際に無料のテーマと有料のテーマを利用した私が実体験を元にそのおすすめの理由とメリット・デメリット、そして詳細の機能について実体験に基づいてレビューしました。 管理者   ぜひ皆様の参考になれば幸いです。   目次1 有料Wordpressテーマ「AFFINGER6(ACTION)」を利用すべきおすすめ理由3つ ...

ReadMore

ジブリ 映画

2021/7/19

映画ジブリ『借りぐらしのアリエッティ』フル動画を無料視聴するならこれ一択!おすすめの視聴方法とは

昔からある人気のジブリ映画「借りぐらしのアリエッティ」。そんな昔のアニメをフル動画で見たり、無料視聴する方法にはあらゆる視聴方法が普及してきています。 そんな中でも、こんな悩み。 悩む女性1 ジブリ映画を無料視聴したい。 昔のジブリ映画が今すぐ見たい。 借りに行くのが面倒くさい。 簡単にフル動画をみたい。   そんな懐かしのアニメを見て、子供と一緒に癒されたい。そんなふうに感じる事もあるかと思います。 そこで、昔のジブリ映画を無料視聴する方法やフル動画を見る方法があるのか。そんな悩みにお答えして ...

ReadMore

ママが得する!富士山の玄武岩層・地下約200メートルから汲み上げた大人気ウォーターサーバー

Luxeritas Luxeritasの使い方

Luxeritasの使い方!サイドバーのカテゴリーを階層分けしてみよう!

今人気沸騰中!テレワーク低糖質ダイエット商品

今回は、Luxeritas(ルクセリタス)の使い方でカテゴリーを更に階層分けして表示するやり方をご紹介していきましょう。カテゴリーを更に階層分けするには、大きく分けて2つの設定が必要です。

 

Luxeritas(ルクセリタス)のカテゴリーの階層分けの画面イメージ

Luxeritas(ルクセリタス)のサイドバー部分に表示されるカテゴリー分類を階層分けができるようにしていきましょう。

まず画面イメージから確認しておきましょう。

下記のように、シンプルにデフォルトの設定のままにすれば、カテゴリーに登録されたものがそのまま表示されます。

 

<デフォルト設定>

 

このように、通常の設定では、上記のように全て親カテゴリなので、全て同じ上位階層に表示されています。

 

<変更後の設定>

 

このように、変更した後で、さらに細かく細分化した分類に分けることができます。

 

カテゴリーの階層分けを行うには2つの設定が必要

このカテゴリーの階層分けを行うためには2つの設定が必要になります。その設定は下記になります。

 

 

ポイント

<カテゴリー分類をさらに階層分けするための2つの設定について>

  1. style.cssへのプログラム追加
  2. カテゴリーの親分類の設定

 

まずは、カテゴリーの分類を設定する前に、style.cssの設定から行っていきましょう。

style.cssへのCSSの追加設定

 

CSSの設定は、ウィジェットのカテゴリー分けしている部分にフォルダと階層分けを行う画面を表示します。

下記をCSSにコピーして貼り付けましょう。これによって、カテゴリーの階層分けする設定を行うことができます。

■<Font Awesome 4 の場合>

/* カテゴリーfa4アイコン表示 */
#side .widget_categories ul li:before {
    font-family: FontAwesome;
    content: "\f07c";
    margin-right: 5px;
    display: inline-block;
    color: #E44D26; /* アイコンの色 */
}
/* 子カテゴリーfa4アイコン表示 */
#side .widget_categories ul li li:before {
    font-family: FontAwesome;
    content: "\f141";
    margin-right: 5px;
    display: inline-block;
    color: #E44D26; /* アイコンの色 */
}

 

■<Font Awesome 5 の場合>

/* カテゴリーfa5アイコン表示 */
#side .widget_categories ul li:before {
    font-family: "Font Awesome 5 Free";
    content: "\f07c";
    font-weight: 900;
    margin-right: 5px;
    display: inline-block;
    color: #E44D26; /* アイコンの色 */
}
/* 子カテゴリーfa5アイコン表示 */
#side .widget_categories ul li li:before {
    font-family: "Font Awesome 5 Free";
    content: "\f141";
    margin-right: 5px;
    display: inline-block;
    color: #E44D26; /* アイコンの色 */
}

 

また、この際、重要なことが、Font Awesome 4もしくは、Font Awesome 5の設定によっても、そのCSSの表示が異なりますので、きちんと設定を確認しておきましょう。

 

Font Awesome 4 or 5の確認箇所はこちら

 

style.css(スタイルシート)の貼り付け箇所

続いて、style.cssにプログラムを貼り付けてみましょう!

■Luxeritas ⇒ 子テーマの編集 ⇒ 「style.css」シートを選択する

この中に、先ほどコピーしたCSSを貼り付けましょう。これで、CSSの設定は終了です。

 

カテゴリーの親分類と子分類に階層分けする設定方法について

CSSの設定ができましたら、よしこれで表示を確認してみましょう!・・

 

悩む女性1

・・・???

あれ??表示されてない!!

管理者

そう。。これだけでは、ダメでした。実はもう一つ必要な設定があります。

 

 

それが、正式に「子のカテゴリー」を設定とするためのカテゴリーを決定するための設定をする必要性があります。これは、Luxeritasの設定で持っていますので、設定画面から変更していきましょう。

 

1.まずカテゴリータブを開いて、最も大きな分類とする設定を見ておきましょう。

 

2.親カテゴリーを作る際は、下記のように子となるカテゴリーから親カテゴリーを指定します。

 

Luxeritasというカテゴリーを親カテゴリーとする場合を例にとって、解説すると、その階層分けしたい子カテゴリーの「プラグイン」や「使い方」等のカテゴリー分類から設定を行うことができます。

ここから親のカテゴリを設定しておきましょう。

 

親と子のカテゴリー数の設定ズレについて

但し、親のカテゴリーの設定数に対して、子のカテゴリーの設定がきちんと一致していないと、数値が合わなくなる可能性がありますので、そこは、しっかり調整するようにしましょう。

 

親の数が多いということは、子の設定がされていないということになりますので、覚えておきましょう。

ちなみに、私のサイトもまだその設定を未確認済みです。

今後調整していきます。

 

完成後の画像

完成後の画像はこちら☟

 

まとめ

このように、案外カテゴリーの階層分けは、後からの見栄えの問題等が気になるようになります。

そこで、ちょっとしたカテゴリーの階層分けの仕方を覚えておくだけで、便利に利用することができることもありますので、ぜひ一度設定を試して見て下さいね。

 

大人気自宅飲み放題!多彩なビールをご自宅で楽しめる【DREAM BEER】

楽天おすすめ商品はこちら

人気急上昇中!累計販売数40万本突破『どこでもミラバス』

Copyright© 副業ケアネット , 2021 All Rights Reserved Powered by AFFINGER5.