中央カテゴリロゴ

貢献 UX
1

こんにちは。

カテゴリページを表示している際に、ナビゲーションの上に表示されるカテゴリロゴを中央揃えにする方法を検索しましたが、見つかりませんでした。

よろしくお願いします。

2

これは、このようなカテゴリページのことですか？

The image shows a screenshot of a webpage with a blue icon featuring an open book and a green plant growing out of it, alongside the text "Helpful resources you may need." (Captioned by AI)
The image shows a screenshot of a webpage with a blue icon featuring an open book and a green plant growing out of it, alongside the text "Helpful resources you may need." (Captioned by AI)1220×415 80.7 KB

スタータープランのトライアルをご利用中のようですが、このプランではカスタムテーマは許可されていません。このようなことを行うには、スタンダードプランにアップグレードする必要があります。

カスタムテーマを使用すると、次のようなCSSを追加することで実現できます。

.category-heading {
  display: flex;
  flex-direction: column;
  align-items: center;
}

これにより、次のような結果が得られます。

This image shows a webpage header with a green logo, a text headline, and several navigation buttons. (Captioned by AI)
This image shows a webpage header with a green logo, a text headline, and several navigation buttons. (Captioned by AI)954×364 50 KB

「いいね！」 4
3

完璧です！ありがとうございます！display、flex-directionなどのプロパティに関するドキュメントはどこで見つけられますか？背景色も追加したいです。

「いいね！」 2
4

このリンクは、CSS の入門に役立つかもしれません

また、ご要望の機能を持つ「#customization:theme-component」を検索することもできます。これらは、GitHub のコードを確認してコピーするための良いリソースにもなります。

「いいね！」 2
5

Mozilla Developer Network は W3Schools よりも質の高い情報源となる傾向があります: MDN Web Docs

「いいね！」 2
6

素晴らしい、ありがとうございます。これを検討する必要があります。