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を使用しています。

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

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

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

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

あわせて読みたい
CSS STRIPE GENERATOR ストライプCSSジェネレーター
ONE NOTES
CSSチェック柄ジェネレーター | ONE NOTES 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をコピーしました!
目次
閉じる