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

2022年7月22日2023年9月15日

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 のご購入をご検討ください。 ※「コピーライトの消し方を教えて下さい」という問い合わせには対応しておりませんので、予めご了承願います。