WordPress Lightningの追加CSS

2025年6月19日 2025年6月19日

realrhymer

追加CSS

コピーライトを非表示にする方法

Ligntningのテーマを使用した際、フッター下にコピーライトが表示されます。
そのままでもいいんですが、2行目に記述されているテキストを消したい人も多いと思います。

Powered by WordPress with Lightning Theme & VK All in One Expansion Unit by Vektor,Inc. technology.

これを消すためには、VKの有料プラグインを購入するのが一番確実です。
ですが、今回はお金をかけずに作成するために
外観、カスタマイズ、追加CSSに次のコードを記述してください。

LightningG3（version 14以前）

footer .copySection p:nth-child(2) {
    display:none !important;
}

LightningG3（version 14以降）

.site-footer-copyright p:nth-child(2) {
    display: none;
}

投稿日を非表示にする方法

投稿の日付などのデータを表示したくないことがあります。
外観、カスタマイズ、追加CSSに次のコードを記述してください。

.entry-meta {
    display: none;
}

ロゴを大きくする方法

投稿の日付などのデータを表示したくないことがあります。
外観、カスタマイズ、追加CSSに次のコードを記述してください。

LightningG3（version 14以前）

/*ロゴ画像を大きくする*/
.navbar-brand img {
max-height: 80px;
}

LightningG3（version 14以降）

/*ロゴ画像を大きくする*/
.site-header-logo img {
max-height: 80px;
}

ヘッダーを変更する方法

ヘッダーをカスタムするコードです。

LightningG3（version 14以前）

/* ページヘッダーの背景画像 */
.page-header {
    background: url(http://example.com/headedr.jpg) no-repeat;
    background-size: cover;
    height: 10vw;
    display: flex;
    align-items: center;
}
 
/* ページヘッダーの文字 */
h1.page-header_pageTitle {
    color: #000;
    font-size: 4vw !important;
}

LightningG3（version 14以降）

/* ページヘッダーの背景画像 */
.page-header {
    background: url(http://example.com/headedr.jpg) no-repeat;
    background-size: cover;
    height: 10vw;
    display: flex;
    align-items: center;
}
 
/* ページヘッダーの文字 */
h1.page-header-title {
    color: #000;
    font-size: 4vw !important;
}