こんにちは、WordPress専門のWEBデザイナー前原です！
今回は「追加CSSを使って、サイトのデザインを自由に変える方法」を初心者向けに解説します！
ノーコードでは難しい微調整が、CSSで簡単にできるようになりますよ！
■管理画面にログイン
まずはWordPressの管理画面にログインします。
■カスタマイザーを開く
左のメニューから「外観」→「カスタマイズ」をクリックします。
この画面が「カスタマイザー」と呼ばれるエリアです。
■追加CSSを開く
次に、左下にある「追加CSS」をクリックします。
ここにCSSを書いていくことで、デザインを変更できます。
■CSSコードを書いてみる
たとえば、Lightningテーマのスライドタイトルの文字を小さく、中央にしたい場合は、こんなコードを入力します。
まず、「Lightningトップスライドショー」→[1]位置(任意)→中央
これで、スライドタイトルの文字を中央によせます。
追加cssをクリックし、下記の内容を記入していきます。
.mini-content-container-1 .ltg-slide-text-title {
font-size: 28px;
}
すると、右側のプレビュー画面ですぐに反映されます。
カスタマイズが確認できたら、「公開」ボタンをクリックして保存しましょう。
■ よくある調整例
他にも、スライドの説明文の位置を少し下にずらしたい場合は、こんな感じです。
css
.mini-content-container-1 .ltg-slide-text-title+.ltg-slide-text-caption {
margin: 20px 0 0 0;
}
■ 補足：CSSって何？
CSSとは、サイトの「見た目」を整えるための言語です。
難しそうに見えるかもしれませんが、目的がはっきりしていれば、コピペだけでも十分使えますよ
■よくある質問＆LINE案内（4:00〜4:30）
「クラス名が分からない」「反映されない」など困ったときは、公式から無料で質問OKです！
■講座のご案内
もっと詳しく学びたい方は、初心者向けのWordPress講座もご用意しています。
自分だけのサイトを作れるようになりますよ！
コメント