賢威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;
}
と、追加します。
無事に中央揃えになりました
めでたしめでたし!
コメントを残す