Twenty Twentyのヘッダーナビとフッターメニューの自由度は高くて便利です。Twenty Twentyにはサイドバーはありません。
カテゴリー: テーマ
これまで使用したことがあるワードプレスの「テーマ」のカスタマイズ備忘録です。
Twenty Twenty 5、ホーム、アーカイブの設定
Twenty Twentyのホームを要約に変えたり、アーカイブのアイキャッチ画像を非表示にしたりしました。
Twenty Twenty 4、サイト基本設定とホーム
Twenty Twentyに、ロゴ、サイトのタイトル、キャッチフレーズ、サイトアイコンなどを入れてみましたが、正直イマイチかな。
Twenty Twenty 3、カバーテンプレートが気に入ったんだが…
Twenty Twentyのカバーテンプレートのオーバーレイの色、テキストの色、透明度を変更したり、過去記事を一括でカバーテンプレートに変更したり、ipadで画像サイズ調整が上手くいっていないのを修正したりしました。
Twenty Twenty 2、タイトルと本文の文字サイズを小さく
Twenty Twentyのタイトルや本文の文字サイズが大きすぎると感じたところを小さくしました。
Twenty Twenty 1、本文エリアの幅を広げる
Twenty Twentyの本文エリア(=コンテンツ幅)が妙に狭かったので、大きくしました。
ワードプレスデフォルトテーマ、Twenty Twentyの使用感
ワードプレスの2020年のデフォルトテーマ「Twenty Twenty」を1年間使用した感想に書き換えました。個人的にはカバーテンプレートが気に入ってしまって、2021年のデフォルトテーマが出ても「Twenty Twenty」がなくなるのが寂しいので、別のサイトに使う事にしました。
Twenty Twenty-One 10, ページスピードテスト
ワードプレスデフォルトテーマ『Twenty Twenty-One』は、GoogleのPageSpeed Insightにて97(mobile)、100(desktop)のスコアをたたき出していたもののアドセンス広告コードを入れたら酷い事になってました。
Twenty Twenty-One 8, ページ下部の妙な空白を狭くした
Twenty Twenty-Oneの本文とフッターの間に妙に巨大な隙間(180px)があったので小さく(60px)してみました。
Twenty Twenty-One 7, カラーパレットの色の調整
ワードプレスのデフォルトテーマ『Twenty Twenty-One』のカラーパレットを入れ替え、配色を見直したので、メモ。
Twenty Twenty-One 6, アイキャッチ画像の出力制御
Twenty Twenty-Oneのアーカイブや記事の上部についているアイキャッチ画像は、大きすぎて正直ちょっと鬱陶しい。アイキャッチ画像があっても表示されない様に設定しました。OGPやシェア用にアイキャッチ画像を指定したいけど、テーマでは表示したくない場合に便利です。
Twenty Twenty-One 5, サイトタイトルのサイズとフォントを変えてみた
Twenty Twenty-Oneのサイト名のサイズを大きくして、ついでにフォントを変えてみました。なんかパンチがないよね。
Twenty Twenty-One 4, サイトヘッダーを眺めてみた
Twenty Twenty-Oneのスマホ版のヘッダーロゴを大きくしたり、サイトナビゲーションメニューをつけたりしました。
Twenty Twenty-One 3, 見出し(H1~H6)のサイズ調整
Twenty Twenty-Oneの本文中のヘッディング(h2~h6)と本文文字、コメントタイトル、アーカイブのリストタイトルを、前回調整したタイトルより小さくなるように調整しました。
Twenty Twenty-One 2, タイトル文字の大きさ調整
Twenty Twenty-Oneの投稿・固定ページ、アーカイブページ、ホームのページタイトルとアーカイブとホームの説明の文字サイズを調整しました。
Twenty Twenty-One 1, 本文エリアの幅を広げる
ワードプレスデフォルトテーマ『Twenty Twenty One』の本文エリアの幅を大きくした後、全体を狭くして見やすくしました。
ワードプレステーマ『Twenty Twenty-One』の使用感
ワードプレスの2021年のデフォルトテーマ『Twenty Twenty One』が出てたので、使ってみました。気付くの遅いね。あはは。
ワードプレステーマ「Advance Blog (無料版)」はAMPが使えない?
ワードプレス「Advance Blog」は、デザインがブログっぽさを残しながらもスッキリとしたオシャレなデザインで、気に入ったのですが、プラグイン「AMP」ではAMPバージョンが生成できませんでした。 それ以外は使い心地… 続きを読む ワードプレステーマ「Advance Blog (無料版)」はAMPが使えない?
ワードプレステーマ「Blossom Travel (無料版)」、気に入った
『Blossom Travel』は、ワードプレスデフォルトテーマ『Twenty Twenty』のような大きなファーストビュー画像があるカバーテンプレートが好きで、2カラムで運用したい人におススメのテーマです。
テーマ「Cocoon」の初期設定メモ
【2020年3月更新】自分用の変更部分の設定値の備忘録です。※人様のお役に立てる内容ではありません。
ワードプレステーマ「Twenty Nineteen」の使用感
【2020年3月更新】一言でいうと、かっこいい。ワードプレスの2019年デフォルトテーマ「Twentynineteen」の使用感です。
Twenty Nineteen 11、ヘッダエリアを調整する
【2020年3月更新】Twentynineteenのヘッダーエリアを修正しました。サイト名を大きくしたり、ナビゲーションメニューを調整したり、変な区切り線を消したり、最終投稿日を加えたり、パンくずリストを入れたりしています。
Twenty Nineteen 10、巨大なフロント画像を半分にした
【2020年3月更新】「Twenty Nineteen」のフロント画像は、画面の90%を占有するようにデザインされていましたが半分にしてみました。
Twenty Nineteen 9、ホームを固定ページへ変更
【2020年3月更新】ワードプレステーマ「Twenty Nineteen」の初期設定では、ホームページは最新記事一覧(最新の投稿)になっていますが、これを「固定ページ」へと変更することができます。
Twenty Nineteen-8、テーブルの縦線を削除し、線色を薄くする
【2020年3月更新】テーブルの縦線と色が重苦しいので、縦線を除いて、のこった線を薄いグレーに切り替えました。
