プログラミング

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(ルクセリタス)のサイドバー「見出しのデザイン初期設定」

Luxeritas(ルクセリタス)のサイドバーのデフォルトの見出しのデザインは、下記のような画面になっています。ご覧ください。

 

このように、何もインパクトがない状態でとても味気ない感じがしますよね。そこで、このサイドバーをデザインして、見やすくしてあげましょう。

実際に投稿している内容を見るとわかるのですが、文章と見出しの境目がわかりにくくなるので、なるべく見出しは大きめに表示するようにデザインする方が読み手にとっても読みやすい記事になるメリットがあります。

 

Luxeritas(ルクセリタス)のサイドバー「見出しのデザイン設定の仕方」

それでは、実際にサイドバーの見出しのデザインの設定の仕方を解説していきましょう。こちらの画面をご確認下さい。

上図は、「追加CSS」に下記プログラムソースを記述した画面イメージになります。

  • サイドバーの見出し左横線を付ける設定
  • 下線を付ける設定

<追加したCSS>

#side h3, #col3 h3, #side h4, #col3 h4  {
	background: #f5f5f5;
	color: #333;
	padding: 8px 15px 4px; 
	margin: 4px 0 8px; 
	font-weight: bold;
	border-left:10px solid #358be0;
	border-bottom:1px dotted #358be0; 
	font-size: 16px;
	font-size: 1.6rem; 
}

特に、影響があるプログラムソースに関しては、「border- left」と「border-bottom」の2種類の部分です。ここに、サイズ設定と色の設定を加えていることで、上記のような見出しを再現しています。

但し、1点注意点としてサイドバー個別に色を付けるのは、このCSSの記述ではできません。あくまで、サイドバー見出し全てにこのカラーが適用されますので、覚えておきましょう。

正確には、CSS1行目の「#side h3, #col3 h3, #side h4, #col3 h4 」の部分によって見出しの全ても制限しています。

又「#side」という部分が、サイドバーを指しています。

 

まとめ

いかがでしたでしょうか?このように、サイトをカスタマイズしていると、意外とサイトをきれい表現していきたいと思うようになります。画面の設計は、人に大きな印象を与え、見やすい画面はそのサイトの滞在時間も長くする等のメリットや訪問してきてくれた人がリピーターになったりする等収益にも結びやすくなります。

最初のうちは、どのようにして設定するかよくわからないことも多いと思います。そんな時は、CSSの設定等を見よう見まねで設定して、どのような画面になるのかを把握しながら、徐々にプログラムソースを自由に扱い、カスタマイズできるようにしていきましょう。

⇒ Luxeritasでサイドバーにプロフィールとプロフィール画像を設置してみよう!

Luxeritasでサイドバーにプロフィールと画像を設置してみよう!

 

⇒ Luxeritasでサイドバーの枠線が表示されない原因とカスタマイズの仕方

Luxeritas(ルクセリタス)の使い方-サイドバーの枠線が表示されない!その原因とカスタマイズの仕方とは

 

 

 

 

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

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

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

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