何をどう変えたか忘れちゃうので、変更履歴をつける事にしました。

  • Twenty NineteenのH1~H4タグ Twenty NineteenのH1~H4タグTwenty Nineteenの「投稿」、「固定ページ」、「カテゴリー」(アーカイブ系ページ)のH1タグとH2~H4タグの配布のされ方をそれぞれチェック。サイト名には見出し(heading)タグは配布されておらず、ウィジェットのタイトル部分はH2タグ。
  • Twenty Nineteen、スクリーンサイズ1168以上の時の段落幅 Twenty Nineteen、スクリーンサイズ1168以上の時の段落幅スクリーンサイズの最低幅が1168px以上の時に、段落の幅がそのスクリーンの半分の大きさになるように調整されていました。読みやすくするためだと思われますが、画像の幅の指定値とあまりにもかけ離れているので、違和感が残りましたので、少し寄せてみました。
  • Twenty Nineteen、テーブルの縦線を削除し、線色を薄くする Twenty Nineteen、テーブルの縦線を削除し、線色を薄くするテーブルの縦線と、ほとんど黒色の濃いグレー線が息苦しいので、縦線を除いて、のこった線を薄いグレーに切り替えました。すごくおしゃれなテーマなのに、ココだけ突然息切れしていて不思議です。「ワードプレス管理画面 → 外観 → カスタマイズ → 追加CSS」にて追記しました。
  • Twenty Nineteenにカラーパレットを追加 Twenty Nineteenにカラーパレットを追加Twenty Nineteenでは、親テーマでカスタムカラーパレットがその他のテーマサポートと抱き合わさった状態で「after_setup_theme」で実行されています。つまり、既にテーマ上に通常のカスタマイズが施されているので、他の方法でそれを上書きするしかありません。
  • Twenty Nineteen、ホームを固定ページへ変更 Twenty Nineteen、ホームを固定ページへ変更ワードプレステーマ「Twenty Nineteen」の初期設定では、ホームページは最新記事一覧(最新の投稿)になっていますが、これを「固定ページ」へと変更することができます。「外観 → カスタマイズ → ホームページ設定 → 固定ページ → 保存」です。
  • Twentynineteen、ヘッダエリアを調整する Twentynineteen、ヘッダエリアを調整するTwentynineteenのヘッダーエリアを修正しました。サイト名を大きくしたり、ナビゲーションメニューを調整したり、変な区切り線を消したり、最終投稿日を加えたり、パンくずリストを入れたりしています。
  • ワードプレステーマ「Twentynineteen」の第一印象 ワードプレステーマ「Twentynineteen」の第一印象ワードプレスの新しいデフォルトテーマ「Twentynineteen」が出ました!一言でいうと、かっこいい。1カラムのスッキリとしたデザインで、いわゆるミニマル系のおしゃれ。とくに英語版。日本語だと、文字がやたらと大きくて、汎用性はナゾ。
  • Twentynineteen、文字を小さくする Twentynineteen、文字を小さくするワードプレスの新デフォルトテーマ「Twentynineteen」で最初に面食らうのは、そのフォントサイズの大きさ。基準フォント、ウィジェットフォント、見出しフォントのサイズを調整しました。(飽くまで私の好み)
  • 【2019年6月更新】「Font Awesome」をAMP対応に再設定 【2019年6月更新】「Font Awesome」をAMP対応に再設定「Font Awesome」は、オープンソースのアイコンフォントです。新しいバージョンに変えたら、AMP化するにあたって、javaスクリプトが要らないモードが無くなっていたので、古いversion 4.7.0のコードに戻したらAMP対応が出来ました。
  • 【2019年4月更新】タイルギャラリー「モザイク」が使えない時は… 【2019年4月更新】タイルギャラリー「モザイク」が使えない時は…タイルギャラリーは、お使いになっているテーマがサポートしていないと使えません。加えて、Jetpackの「サイトアクセラレーター」が有効化されるとサポートが始まります。更に、ギャラリーブロックを入れた後、タイルギャラリーに変換する必要があります。面倒ですね。
  • Twenty Nineteen、「ヘッダーメニュー」が鬼便利! Twenty Nineteen、「ヘッダーメニュー」が鬼便利!ワードプレステーマ「Twenty Nineteen」のヘッダーナビゲーションのメニューバーでは、固定ページ、投稿ページ、カテゴリー、カスタムリンクから好きなページを自由に組み合わせることが出来て、便利!ただ、項目の余白が窮屈だったので、1rem分のマージンを入れてみました。
  • Twentynineteen、巨大なフロント画像を半分にした Twentynineteen、巨大なフロント画像を半分にした「Twenty Nineteen」のフロント画像は、画面の90%を占有するようにデザインされていました。おしゃれですが、個人的にリード文まではファーストビューで読みたいですので、半分ぐらいのサイズに収まるように調整しました。
  • Twenty Nineteen、見出しの余白とFont Awesome Twenty Nineteen、見出しの余白とFont Awesomeワードプレステーマ、Twenty Nineteenの見出しの上部余白が窮屈に感じたので、余白を大きくしました。ついでなので、Font Awesomeのフォントを使って挿し色をつけてみました。H2タグの時だけ既存の設定を上書きしなければならないので、ちょっと面倒くさいかも。
  • Twenty Nineteen、ul、olリストのCSS修正 Twenty Nineteen、ul、olリストのCSS修正Twenty Nineteenのリストはキレイに枠内に収まっているようですが、空白が大きすぎるかも。このテーマでは、すべてのブロック間のマージンが32pxとピクセル指定されているので、ulとolだけマージンを狭めても意味がなく、全体的に1.5行分の空白に、ちょっとだけ詰めました。
  • ブログのフォントを最近よく見かける「Yu Gothic」へ変更 ブログのフォントを最近よく見かける「Yu Gothic」へ変更Twenty Nineteen、Twenty Seventeenでフォントを「游ゴシック体」に変更しました。確かに見やすいフォントではあるのですが、何となく、見やすさに拘っているサイトに多く使用されることで、フォントの実力以上により引き立っている感じがしなくもありません。
  • 画面キャプチャーに自動で「枠線」つける 画面キャプチャーに自動で「枠線」つける写真を掲載する時は「枠線なし」がキレイ。でも画面キャプチャーに「枠線」が欲しい。というわけで、画面キャプチャーを掲載する場合にのみ自動で「枠線」を追加するCSSを書いてみました。前提条件として、画像ファイルを使い分けている必要があります。
  • Twenty Seventeen、「外部リンク」のアイコン自動化 Twenty Seventeen、「外部リンク」のアイコン自動化外部リンクと内部リンクのアイコンが自動つくようにCSSに追記しました。アイコンはFont Awesomeを使用しました。TwentynineteenとTwentyseventeenの両方が同じ構造なので、どちらにも使えます。

このサイトでご覧になるテーマは変更後の形ですので、元のテーマの感触を知りたい場合には、当ブログテスト環境「Untold Stories」をご参照くださいませ。

投稿者: のろのろ

ゲーマーで、トレッキーに片足突っこんでいる、SF好きの、雑記ブロガーです。

コメントを残す

メールアドレスが公開されることはありません。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください