まとめ
- 推奨する画像サイズは 880×660 。
- PNG形式とする。
タグ: 子テーマ
はじめに
- Twenty Twenty では、ページの左上にサイトのタイトルが、または設定していればロゴが表示される。
- ロゴ表示の仕組みについては、公式ドキュメントをまず読むこと。
- Twenty Twenty でのロゴ出力は関数にまとめられている。
- twentytwenty/template-tags.php at d97e6cea0079215bb86988a94ad114bf1fe722be · WordPress/twentytwenty
- apply_filters が設定されているので、これを使って介入すればやりたいことを実現できるかもしれない。 => できた。
タイトルのことを実現するためにやったことを、以下、ノートしてまいります♪
はじめに
- サイトアイコン、つまりファビコンを設定するために去年書いた別の子テーマのコードをコピペした。
- 初めて実施した WordPress コーディングスタイルチェックに引っ掛かり、コードを根底から見直すことにした。
はじめに
WordPress Twenty Nineteen 子テーマ作成。カスタマイザーの 色 > アイキャッチ画像にメインカラーのフィルターを適用する のチェックをデフォルトで無しにする方法 – oki2a24 にて作ったコードは、動くには動きました。けれども、必要な部分が少しだけで残りはコピペ、メンテナンス性も悪い状態でした＞＜。
今回、この状態を改善しましたのでノートします。
WordPress Twenty Nineteen 子テーマ作成。位置がメインのメニューに検索フォームを設置するとクリックしてもフォーカスが外れる原因を探る – oki2a24 で原因を特定できました。
今回は、改善できましたので、その記録です。
調査結果
- class が site-branding の
<div>に囲まれた部分は、 クリック時に JavaScript によってフォーカスを外されていた。(タブでフォーカスを当てた時は外されなかった) - 問題のソースコード該当箇所
考え方・ポイント
- Theme Logo « WordPress Codex
- 公式ページの使い方を読み、親テーマの中でどのように使われているかを、公式ページで紹介されているメソッドや単語でグレップして調べる。
- テーマロゴ、カスタムロゴ、という名前で検索するとよい。
はじめに
- サイトアイコンというのは、ファビコンのことです。
- カスタマイズ > サイト基本情報 > サイトアイコン、でファビコンを設定できますけれども、これが設定されていなければテーマデフォルトのサイトアイコンを表示する。
まとめ
- add_action メソッドで、 customize_register を登録する。
- 親テーマでも customize_register を登録しているので、これを打ち消す。
子テーマ化の前に、方針を決めるための調査
- Twenty Eleven とコピペテーマの差分を抽出し、子テーマへ施す。
- コピペテーマ作成時の投稿をなぞる形で子テーマをはじめから作成する。
これらの方針考えられました。
Twenty Eleven とコピペテーマの差分を確認してみたところ、、、コピペして修正した箇所以外にも差分が多くございました。テーマがバージョンアップしているからですね。となると、この方法は却下です。
次のコピペテーマ作成時の投稿を参考に、子テーマをはじめから作成することにしました。