WordPressのコメントブロックのフォームにある「コメントを送信」ボタン。
なんだか左寄せになっているのが気に入らないので、右寄せにする方法をメモしておきます。
コメントブロックを使うのはブロックテーマのみだと思いますので、ブロックテーマを使用しているものとして紹介します。
手順1 CSSクラスを追加する
サイトエディターで、個別投稿や自身で追加した投稿用テンプレートを開き、コメントブロックを指定します。
右サイドバー最下部にある「高度な設定」を開き、「追加CSSクラス」欄へ適当なCSSクラスを追加します(このページのコードの場合は「ha-comment」を追加したものとして紹介します)。
手順2 スタイルコードを追加する
子テーマのstyle.cssなどへ、以下のコードを追加します
.ha-comment p.form-submit.wp-block-button {
text-align: right;
}
たったこれだけで、本ページのように「コメントを送信」ボタンが右寄せになります。
最新のWordPressでは、テーマのグローバルスタイルで、ブロックごとにスタイルコードが追加できるようになっています。ブロックごとのCSSが利用できる場合は、そこへ追加してもいいでしょう。
コメントを残す