CHERRY score 15235
2019/03/13 13:09 投稿
| WordPress を Docker で動かすことで、WordPress 3.7 + Contact Form 3.7.2 の環境が用意できたので試してみました。(正直、こんなに簡単に動くとは思ってなかった...) |
| 念のためですが、下記の方法は、お使いのテーマによっては、利用できない可能性があります。( HTML5 対応テーマであれば可能と思いますが、それ以前の HTML 4.0 等のテーマだと利用できない可能性が高いです。) |
| ---- |
| 質問への追記依頼のコメントで、「テーマの編集権限、プラグインの追加権限はない」ということだったので... テーマファイルを変更しなくても実現できそうな方法を試してみました。 |
| -- |
| まずは結果から・・・ |
|  |
| フォームの学年を入れる部分の「入力した数字」が右寄せされています。(これがしたいということで良いですよね？) |
| コンタクトフォームの定義画面の入力内容 |
|  |
| 質問に記載されているフォームの内容に クラス名 ` class:mycf7-text-right` を追加しました。 ( [Contact Form 7 テキスト項目](https://contactform7.com/ja/text-fields/) 参照 ) |
| (class-name の部分( `mycf7-text-right` )は、他と重複しない限り任意の名前で OK です。) |
| フォームを表示するための固定ページの入力内容 |
|  |
| ``` |
| <style> |
| .mycf7-text-right { |
| text-align: right; |
| } |
| </style> |
| ``` |
| これで、最初のスクリーンキャプチャーのように テキストエリア内で右寄せできます。 |
