賢威8でヘッダーのロゴ画像を中央に表示する方法をやってみた!

賢威8でヘッダーのロゴ画像を中央に表示する方法をやってみました。

途中で若干のトラブルが発生しましたが、無事に解決することができました。

賢威サポートページにログイン

賢威のサポートページにログインします。

 

子テーマをダウンロード

子テーマをダウンロードします。

賢威8子テーマをダウンロードを押すとダウンロードされます。

子テーマをインストールします

外観ーテーマよりインストールしていきます。

WordPress 子テーマ「親テーマが見つかりません。」になるとき

エラーが出てきてしまいました。ので解決。

FTPでFileZillaをいじります

賢威8の子テーマにあります、style.cssをダウンロードします。

 

style.cssに下記の一文を追加

元々のコードです。

/*
Theme Name: 賢威8.0(子テーマ)
Template: keni80_wp_standard_all_201812161315
Theme URI: https://rider-store.jp/keni/
Author: 株式会社ウェブライダー
Author URI: https://web-rider.jp/
Description: 賢威8.0 子テーマです。
Version: 8.0.0.0
Template: keni8
*/

黄色部分を追加しました。

/*
Theme Name: 賢威8.0(子テーマ)
Template: keni80_wp_standard_all_201812161315
Theme URI: https://rider-store.jp/keni/
Author: 株式会社ウェブライダー
Author URI: https://web-rider.jp/
Description: 賢威8.0 子テーマです。
Version: 8.0.0.0
Template: keni8
*/

 

これを小テーマに再度アップロードします。

 

子テーマを有効化することができました

パチパチ!!

追加CSSに下記のコードを追記。

今回 コタツであふぃりさんのサイトを参考にさせていただきました。

大変参考になりました。ありがとうございます。

https://irohaa.com/child-rogo/

 

カスタマイズより

追加CSSのいちばん下に

.keni-header .site-title, .keni-header_col1 .site-title {
float: none;
max-width: 100%;
text-align: center;
}
と、追加します。

 

 

 

 

無事に中央揃えになりました

めでたしめでたし!

 

 

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA