Twenty Seventeen 4, カラーパレットの装飾

Twenty Seventeenのカラーパレットを差し替えました。親テーマにカスタムパレットが見当たらなかったので、置き換えは不要で、自分のカスタムパレットを追記しました。

Twenty Seventeen 3, 記事一覧を要約文にする

Twenty Seventeenのアーカイブページ(最新記事、カテゴリーなど)は、投稿の全文表示だったので、抜粋に入れ替えました。テーマが意図した「read-more」を入れる方法も試してみましたが、面倒なのでfunctions.phpで置き換えました。

Twenty Seventeen 2, 1カラムへ変更

Twenty Seventeenを1カラム化しました。投稿やアーカイブなどのサイドバー付きのデザインでは、サイドバーを削除するだけ。固定ページのような元々サイドバーがついていないデザインは、追記CSSで本文幅を100%にすることで調整しました。

Twenty Seventeen 1, メインとサイドの幅調整

Twenty Seventeenを2カラム運用する際のメイン幅を大きく、サイドの幅を小さくしました。サイドバーがある「投稿」「アーカイブ」と、2カラム運用でもサイドバーがない「固定ページ」で分けて書きました。

Twenty Twenty 10、ページスピードテスト

2020年のワードプレスデフォルトテーマ「Twenty Twenty」のスピードテスト結果です。広告をつけると遅くなるのはいつものことですが、テンプレートを変えても結構変わりました。

Twenty Twenty 9、アドセンス自動広告

Googleアドセンスの自動広告コードは、一般的には、プラグインを使うっぽいのですが、これだけの為にプラグインを入れるのがイヤだったので、functions.phpに追記する形式にしました。

Twenty Twenty 8、アイキャッチ画像を小さくする

Twenty Twentyのアイキャッチ画像がデスクトップスクリーンの高さを超えていたので、「アーカイブ」と「デフォルトテンプレートの記事」に使用されるアイキャッチ画像を本文幅と揃えてみました。

Twenty Twenty 7、サイトのテーマカラー

Twenty Twentyでは、「本文エリア」と「ヘッダー&フッター」エリアの2つの背景色を自由に変更できます。選んだ背景色に合わせて刺し色と文字の色(白か黒)が自動で調整され。更に、好みのカスタムカラーを1色カラーバーから選択できます。

テスト用ページ

H2あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほ H3あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほ H4あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほ H5あいうえおかきくけ… 続きを読む テスト用ページ

ワードプレスデフォルトテーマ、Twenty Twentyの使用感

ワードプレスの2020年のデフォルトテーマ「Twenty Twenty」を1年間使用した感想に書き換えました。個人的にはカバーテンプレートが気に入ってしまって、2021年のデフォルトテーマが出ても「Twenty Twenty」がなくなるのが寂しいので、別のサイトに使う事にしました。

最低限のプラグイン 2021

万能SEOテーマの対極にあるワードプレスの標準テーマ「Twenty Twenty-One」と共に使うことにしたプラグインは5つ。サイトを軽くするためにも、管理負荷を軽くするためにも、プラグインを減らしたい。

メタ ディスクリプション (2021)

メタディスクリプションとは、検索エンジン向けのページ説明文・要約文です。最近では単にディスクリプションと呼ばれることが多い模様。使われ方、文字数、設定方法などを2021年版に更新しました。