中央カテゴリロゴ

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の利用を開始するのに役立つリンクはこちらです。

また、お探しのものを行う Theme component を探すこともできます。GitHubでコードを確認してコピーすることも良いリソースになります。

「いいね！」 2
5

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

「いいね！」 2
6

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