Luxeritas(ルクセリス)の使い方でよくある悩み。
投稿画面のタイトルを太字にしたい。
そんな風に感じた方もいるかと思います。
そこで、ルクセリタスのタイトルの文字を太字にする方法をご紹介していきましょう。
Luxeritas(ルクセリタス)の投稿記事タイトルのデフォルトのフォント設定
Luxeritas(ルクセリタス)の投稿記事のタイトルはデフォルトでは、太字や色は設定されていません。
まず初期設定では、どのようになっているのか見ていきましょう。
下記画面をご覧下さい。
初期設定状態について
CSSに何も記述をしないと、フォント色は、デフォルトでは、黒で表示され、また太字等にもなりません。
Luxeritas(ルクセリタス)でタイトルを太字にしよう！
それでは、実際に、太字にするためには、どのような記述をすればよいのかやってみましょう。
下記画面をご確認下さい。
このように、投稿記事のフォントや色を変えるためには、「.entry-title」というメソッドを活用して、デザインを作っていきます。「font-weightにbold」が、太字の設定を意味しています。
Luxeritas(ルクセリタス)でタイトルを太字＋色を設定しよう
それでは、もう一つ進んで、今度は、投稿記事タイトルに、フォントを太字にすることに加えて、色を付けていってみましょう。
もう一つ加える処理としてさらに、「color」になります。配色の設定コードを調べて、自分の好きなフォント色に変更していきましょう。
CSSにソースコードを記入しよう！
それでは、実際にCSSのコードを記入してみましょう。下記をコピーしても構いません。まずは、実践して使用して、成功の感覚に慣れていきましょう。
1 2 3 4 | .entry-title{ font-weight: bold; color: #0066cc; } |
このように、「追加CSS」に記入することで、投稿タイトルの太字や色を設定することが可能になります。
＜完成版＞
これで、完成です。
実際には、自分の好きなデザインにされたいと思いますので、ぜひ自分の好みのカラーバリーエーションに変えながら、自分の気に入った色やフォントを設定していきましょう。
まとめ
CSSコードは、最初から自由自在に設定するのは、不可能です。
まずどういうソースコードが、どういう動きをするのか一つずつ分析し、覚えていくことで、CSSが自在に利用できるようになります。
ソースコードを一つずつ覚えて、デザインをカスタマイズできるようにしていきましょう。
-
ルクセリタスでプログラムをきれいに見せたい！投稿画面にソースコードを埋め込む方法とは
続きを見る
＜検索エンジンで上位を狙えるAFFINGER6について＞
ブログやサイト構築の中でどんなに記事を書き続けていても、中々上位表示されないとお悩みの方も少なくないかと思います。
無料のWordpressテーマでもキーワードによっては上位が狙えても、競合が多いキーワードでは、有料のWordpressテーマの利用者に負けてしまうことが多いです。同キーワードで記事を投下しても中々上位表示できないこともあります。しかし、私自身もそうした問題を懸念し、AFFINGER6にWordpressテーマを変えた途端に、数記事で上位表示したキーワードが多数出てきました。その詳細を下記記事で記載しています。
私も無料のWordpressテーマで何度も上位を落としてきたことがあり、その経験から皆様にも早くお伝えしておくべきと感じた次第です。特に、AFFINGER6はSEO最適化及び的確に上位表示を狙っていくのに最適のWordpressテーマの一つです。SEOで的確に上位表示を狙い、収益化に繋げることを目標にされている方は、ぜひ利用してみて下さい。
また上位表示させるためのテクニックを下記にて安価で公開しておりますので、ぜひ参考にしてみて下さい。
➡上位表示と収益化が格段に加速する！1２のブログ戦略ノウハウ
＼AFFINGER6を購入する／
