Luxeritas Wordpress

Luxeritas(ルクセリタス)のサイドバーの見出しをきれいに表示しよう!

 

悩む女性1

Luxeritas(ルクセリタス)の検索タイトル等のサイドバーの見出しをきれいにデザインしたい!でも、どうやるんだろう?

初期設定では、デザインが非常にシンプルなデザイン設定になっているので、サイトを作っているうちに、「デザインをきれいに見せたい。」そんな風に感じた方も多いかと思います。

管理者

 

そこで、そんなあなたのために、検索タイトルなどのサイドバーのデザインをカスタマイズする方法をご紹介していきましょう。

 

 

サイドバーの位置について

 

一応確認ですが、サイドバーの位置がわからない方も案外いらっしゃるので、サイドバーの位置を解説しておきましょう。

 

 

このように、赤枠の部分が「サイドバーになりますので、間違えないようにしておきましょう。

 

 

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

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

 

 

このように、何もインパクトがない状態でとても味気ない感じがしますよね。

管理者

 

そこで、このサイドバーをデザインして、見やすくしてあげましょう。

 

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

 

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

それでは、実際にサイドバーの見出しのデザインの設定の仕方を解説していきましょう。

こちらの画面をご確認下さい。

 

サイドバー見出しの画面イメージ

 

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

 

ポイント

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

 

<追加したCSS>

 

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

 

注意ポイント

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

 

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

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

 

まとめ

このように、サイトをカスタマイズしていると、意外とサイトをきれい表現していきたいと思うようになります。

画面の設計は、人に大きな印象を与え、見やすい画面はそのサイトの滞在時間も長くする等のメリットや訪問してきてくれた人がリピーターになったりする等収益にも結びやすくなります。

最初のうちは、どのようにして設定するかよくわからないことも多いと思います。

そんな時は、CSSの設定等を見よう見まねで設定して、どのような画面になるのかを確認しながら、徐々にプログラムソースを自由に扱い、カスタマイズできるようにしていきましょう。

 

合わせて読む
Luxeritasサイドバーの枠線が表示されない原因と設定の仕方

続きを見る

 

<検索エンジンで上位を狙えるAFFINGER6について>

ブログやサイト構築の中でどんなに記事を書き続けていても、中々上位表示されないとお悩みの方も少なくないかと思います。

無料のWordpressテーマでもキーワードによっては上位が狙えても、競合が多いキーワードでは、有料のWordpressテーマの利用者に負けてしまうことが多いです。同キーワードで記事を投下しても中々上位表示できないこともあります。しかし、私自身もそうした問題を懸念し、AFFINGER6にWordpressテーマを変えた途端に、数記事で上位表示されてしまうキーワードが多数出てきました。その詳細を下記記事で記載しています。

AFFINGER6での上位表示の詳細について

私も無料のWordpressテーマで何度も上位を落としてきたことがあり、その経験から皆様にも早くお伝えしておくべきと感じた次第です。特に、AFFINGER6はSEO最適化及び的確に上位表示を狙っていくのに最適のWordpressテーマの一つです。

SEOで的確に上位表示を狙い、収益化に繋げることを目標にされている方は、記事を投下すると後からの記事変更や記事再修正に時間が掛かり二度手間になりますので、変更するのであれば早い方が効率的ですので、ぜひ利用を検討してみて下さい。

また上位表示させるためのテクニックを下記にて安価で公開しておりますので、ぜひ参考にしてみて下さい。

上位表示と収益化が格段に加速する!12のブログ戦略ノウハウ

 

\AFFINGER6を購入する/

AFFINGERER6の購入はこちら

 

 


→当ブログをフォローして頂けると励みになります。 


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

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

  • この記事を書いた人
  • 最新記事

みやさん

【サイト運営者・著者】みやさん 【実績】ライター歴7年 ブログ歴3年⇒2万PV推移中 【実務】現役プログラマー|【発信内容】▶副業やブログの始め方 ▶ライターとしてのノウハウ ▶生活の有益情報を発信しています。皆様の生活改善にご利用ください。

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