Lightningを追加CSSとプラグインのちょい足しで可愛くするコード実例

WordPress無料テーマLightningにCSSをちょい足しして可愛くするカスタマイズ

荒井の推しテーマのひとつ、Lightning。

Pro版も購入させていただいておりますが、今回は無料で利用できるLightningを可愛くするコードのメモです。

デモサイトはこちら。

デモサイトあけてくれてありがとう...
デモサイトあけてくれてありがとうーー! ご質問お待ちしてます…♡
/* ヘッダーグローバルナビフォント変更 */
.global-nav-list>li .global-nav-name {
    font-size: 16px;
    font-family: 'Kosugi Maru';
}
/* 文字をゆったりさせて可愛く♡ */
body {
    letter-spacing: 1px;
}
/* フッターのコピーライトを非表示にする */
.site-footer-copyright p:nth-child(2) {
    display:none;
}
/* 自己紹介セクションの背景をボーダーで可愛く♡ */
span.wp-block-cover__background.has-background-dim-100.has-background-dim {
    background-size: auto auto;
background-color: rgba(233, 233, 233, 1);
background-image: repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(230, 229, 229, 1) 3px, rgba(230, 229, 229, 1) 5px );
}
/* フッターを水玉もようにする♡ */
footer.site-footer {
    background-color: #EBEEEC;
    background-image: radial-gradient(#FFF 5%, transparent 5%), radial-gradient(#FFF 5%, transparent 5%);
    background-size: 60px 60px;
    background-position: 0 0, 30px 30px;
}
/* 電話番号表示を黒文字にする */
span.contact_txt_tel.veu_color_txt_key {
    color: #333;
}
/* ヘッダーをうすーーいグレーにする */
.site-header {
    background-color: #fcfcfc;
}
/* メインビジュアル文字をゆったりと */
.ltg-slide-text-caption {
    line-height: 1.8;
}
目次

WordPressテーマLightningのコピーライトについて

Lightningでは、コピーライトの削除がみとめられています。

WordPressについてたくさんの学びの場を提供してくださったり、自由なWordPress利用を推進してくださったり、好き!!ってなります。

好きなので私はプロ版のライセンスを購入してます。

フッターのコピーライト表記を削除したいのですが

コピーライトは自由に改変いただいて結構です。 消し方がわからない方は、コピーライト表記を書き換えるプラグイン Lightning Copyright Customizer を販売しています。 あるいは、Lightning にPro版機能を追加するプラグイン Lightning G3 Pro Unit にコピーライト表記を設定する機能が含まれていますので、他のPro版機能も併せて使いたいということであれば Lightning G3 Pro Pack のご購入をご検討ください。 ※「コピーライトの消し方を教えて下さい」という問い合わせには対応しておりませんので、予めご了承願います。

Lightning
よくあるご質問 | Lightning 目次1. Lightning(無料版) について2. Pro版 (G3 Pro Unit) についてLightning(無料版) についてLightning無料版を使用するにあたって、利用規約等ございますでしょうか Li...

Lightningの無料版でもフォントを可愛くするプラグインEasy Google Fonts

今回はEasy Google Fontsを使用しています。

CSSでヘッダーのところだけフォントの指定を書き足してるのは、プラグインでの設定が効かなかったから?でしょうか。ちょっと記憶があいまいですみません!

プラグインだけで効いてたらCSS書かなくてOKですよ!

WordPress.org 日本語
Easy Google Fonts コードなしで任意のテーマに Google フォントを追加し、WordPress カスタマイザーでリアルタイムプレビューするために自動的に統合します。

背景に使える!CSSジェネレーターとギャラリーでデザインをちょい足し

荒井のメモも兼ねて、CSSジェネレーターとギャラリーのサイトです。

ドットとかストライプ好きです。

あわせて読みたい
CSS STRIPE GENERATOR ストライプCSSジェネレーター
MagicPattern
CSS Background Patterns by MagicPattern Beautiful pure CSS background patterns that you can actually use in your projects!
あわせて読みたい

Googleクロームの「検証」でCSSのクラスを調べて追加CSSであてていきましょう〜!

シェアはこちらから
  • URLをコピーしました!
  • URLをコピーしました!

この記事は私が書いています

あらいのアバター あらい おうちウェブ

おうち大好きな二児ママ在宅ワーカー。
2016年ブログアフィリエイトで開業したのち、WordPressの構築や運用に必要なWeb制作・デザイン・SEOを学んでフリーランスに。
WordPressで働きかたを構築します ◡̈ ˎˊ˗

おうち大好きひきこもりなフリーランスママ属性のブログはこちらから読めます!

目次