Twenty Twenty 3、カバーテンプレートが気に入ったんだが…


Twenty Twentyのカバーテンプレートのオーバーレイの色、テキストの色、透明度を変更したり、過去記事を一括でカバーテンプレートに変更したり、ipadで画像サイズ調整が上手くいっていないのを修正したりしました。

Twenty Seventeen、Twenty Nineteenですっかり巨大カバーとカラーフィルターに慣れて、これがないとちょっと寂しく感じます。

カバーテンプレートの基本設定

外観 → カスタマイズ → カバーテンプレート

Twenty Twenty、カバーテンプレート

「固定背景画像」でオーバーレイをパララックス(画像を固定して残りの部分をスクロール)にすると、かっこいいんですけど、アドセンスの自動広告が割り込むと混沌としてしまうので、悩むところです。

オーバーレイの色、テキストの色、透明度はお好みで。

「もやーっ」となっているので、「オーバーレイの不透明度」を変えるとマシになりました。

尚、iOSでパララックスが機能しない問題の解決法は見つけられませんでした。

iPadでオーバーレイの背景画像が全面表示されない問題は、下記を参考にCSS追記して解決しました。

参考: WordPress Support、Twenty Twenty – cover-template feature image parallax is not working on iOS

過去記事を一括でカバーテンプレートに変更する

過去記事を一括でカバーテンプレートに変えたい場合は、記事一覧から編集できます。

投稿 → 記事一覧 → タイトルの横のチェックボックスをティック → 一括操作 → 編集 → 適用

カバーテンプレートの一括設定、ステップ1

テンプレート → Cover Template → 更新

カバーテンプレートの一括設定、ステップ2

カバーテンプレートの設定(執筆中)

新しい記事を書いている時にカバーレターに設定したい場合は、投稿編集画面の設定から変更できます。

投稿編集画面 → 設定 → 文書タブ → 投稿の属性 → カバーテンプレート

Twenty Twenty、カバーフィルター、記事設定

追記

オリジナル投稿日:2019年12月7日

2021年1月30日、別のブログで使用するにあたって、最新状況に合わせて記事を更新しました。

最後までお読みいただきましてありがとうございました。


コメントを残す

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