質問: 今、私はWordPressのプラグインのコンタクトフォームを使って 下記の様な送信画面を作成しております ``` 氏名[textarea* changed-your-name 15x1] (必須) [textarea* grade-text 3x1] 回生・期生 (必須) ``` 回生、期生の入力欄は数字を入力するので右揃えにしたいのですが 実現可能でしょうか また可能なら回生・期生のテキストボックスにフォーカスが移った 時点で数字を入力する様にFEPを制御したいです 出来れば直接HTMLに記述する方法を教えて頂ければと存じます 当方の環境は私の記述が間違っているだけかもしれませんが cssを書いても効かなかい事が多いです WordPressのバージョンが3.7でホームページのサーバーが本部に 置いてありそこで色々制限を掛けているであろう事などが原因と 思われます 以下に画像を示します ![数字入力欄](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/0446fdb9d6ab1fdc41f832f2b72d7c55.png) ![数字を入力した画面](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/89f804e11a663b1bee0c8411eceb7352.png) フォト蔵にも画像を投稿しましたので参考にして頂ければと思います 数字入力欄 http://photozou.jp/photo/show/3675/260590014 数字を入力した画面 http://photozou.jp/photo/show/3675/260590094 以上どうぞ宜しく御願い致します
回答: WordPress を Docker で動かすことで、WordPress 3.7 + Contact Form 3.7.2 の環境が用意できたので試してみました。(正直、こんなに簡単に動くとは思ってなかった...) 念のためですが、下記の方法は、お使いのテーマによっては、利用できない可能性があります。( HTML5 対応テーマであれば可能と思いますが、それ以前の HTML 4.0 等のテーマだと利用できない可能性が高いです。) 質問への追記依頼のコメントで、「テーマの編集権限、プラグインの追加権限はない」ということだったので... テーマファイルを変更しなくても実現できそうな方法を試してみました。 -- まずは結果から・・・ !イメージ説明 フォームの学年を入れる部分の「入力した数字」が右寄せされています。(これがしたいということで良いですよね?) コンタクトフォームの定義画面の入力内容 !イメージ説明 質問に記載されているフォームの内容に クラス名 `class:mycf7-text-right` を追加しました。 ( Contact Form 7 テキスト項目 参照 ) (class-name の部分( `mycf7-text-right` )は、他と重複しない限り任意の名前で OK です。) フォームを表示するための固定ページの入力内容 !イメージ説明 「テキストエディタ」で、Contact Form 7 のショートコード( `[contact-form-7 id="5" title="TEST177933"]` )を貼り付けた下に 本来は、functions.php の 'wp_print_styles' フックや style.css ファイルに記載する下記のスタイル定義を直接記載しています。 ``` ``` これで、最初のスクリーンキャプチャーのように テキストエリア内で右寄せできます。