My Original WordPress Child theme

Kanamii for AFFINGER C

子テーマの有効化と初期設定

更新日:

表示確認
Google Chromeで「F12」キーを押すとパソコンからスマホやタブレット各端末での表示確認ができます。(切り替え後は「F5」キーでリロードしてください)
AMPページhttps://kanamii.jp/affinger-c-sample/shokisettei/amp/

こちらのページでは、当子テーマの有効化と初期設定についてご説明します。

WordPressダッシュボード→外観→テーマ→「新規追加」より、あらかじめ親テーマ(AFFINGER4)を先にアップロードしておきます。

ダウンロードページよりご自身のパソコンにダウンロードした子テーマ(affinger4-child-kanamii-c)は、通常の子テーマと同じようにアップロード後「有効化」します。

テーマのスクリーンショットが同じなので少しわかりにくいですが、赤枠部分のテーマファイル名をご確認ください。

オリジナルテーマカスタマイザーを再保存

WordPressダッシュボード→AFFINGER4管理→「オリジナルテーマカスタマイザーを使用する」にチェックを入れて、必ず「デフォルト」を選択して再保存を行ってください。

この作業によって、子テーマの設定が反映されます。(AFFINGER4新規導入サイトにて動作確認済み)

styleが反映されない場合は、ブラウザーのキャッシュのクリアをお試しください。

ヘッダー画像の設置方法

当子テーマのヘッダー画像は、3枚横並びにスライダー表示になるように設定しています。

ヘッダー画像を自作される際には、1060×290pxの画像を3枚以上準備してください。

WordPressダッシュボード→外観→カスタマイズ→「ヘッダー画像」を開き、デフォルトのヘッダー画像の「画像を非表示」をクリック。

続いて、「新規画像を追加」をクリックして全てのヘッダー画像をアップロードしてください。

さらに、少し下の方にある「スライドショー横スクロール時に横並びに表示する」にチェックを入れて保存します。

アイキャッチ画像を小さくしたいときは?

当子テーマでは、投稿画面右側で設定したアイキャッチ画像は記事タイトル下に表示されるようにカスタマイズを行っています。(AMPページを除く)

アイキャッチ画像のサイズを小さくしたい場合は、下記のコード編集を行ってください。

WordPressダッシュボード→外観→テーマ→テーマの編集→「style.css」(Kanamii for AFFINGER C)を開きます。

パソコンの「Ctrlキー」+「F」で表示される検索欄に アイキャッチ と入力してマークされるコードの赤線部分、左右の余白『0』をお好きなpxサイズに書き換えてください。

変更が反映されない場合は、ブラウザーのキャッシュのクリアをお試しください。

続いて、各メニューの設定ページをご参照ください。

各メニューの設定方法

表示確認 Google Chromeで「F12」キーを押すとパソコンからスマホやタブレット各端末での表示確認ができます。(切り替え後は「F5」キーでリロードしてください) AMPページhttps:// …

続きを見る

  • B!