• 解決済 masaru

    (@masaru)


    Contact Form 7 でチェックボックスやラジオボタンを追加した時の項目の改行する方法は本体を修正する以外にないのでしょうか?
    #VerUPが早いので本体修正は避けたいと考えてます。

    項目が長いと横一覧に延々と並んで醜いので何とかしたいと思っております。

    [radio radio-337 "項目<br />" "項目1<br />" "項目2<br />"]
    とした場合、表示は

    項目
    項目1
    項目2

    といい感じになりますが、項目1を選んだとしたら送られてくるメールが 項目1<br /> となります。

    何かいい手はないでしょうか?

7件の返信を表示中 - 1 - 7件目 (全7件中)
  • モデレーター Takayuki Miyoshi

    (@takayukister)

    プラグインの作者です。こんにちは。基本的にはそういったところを CSS で変更しやすいように、という設計で作ってますので、行を分けるのでしたら

    span.wpcf7-list-item { display: block; }

    といったような CSS をどこかに書いてやればいけると思います。

    かなり前にそのあたりの説明をブログに書いているのでよかったらこちらもどうぞ。

    http://ideasilo.wordpress.com/2007/12/26/custom-layout-for-checkboxes-and-radio-buttons-contact-form-7-tips/

    多くの方から「わかりにくい」と酷評いただいてますので参考になるかどうかわかりませんが。

    トピック投稿者 masaru

    (@masaru)

    takayukisterさん

    ありがとうございます。
    CSS編集で解決しました。

    残念ながら私の知識では?Blog記事の内容が理解できませんでした。

    初めまして。遠藤存と申します。
    技術評論社の本で、Contact Form 7を知り、利用させていただいております。
    とても使いやすく、すばらしいプラグインを作っていただき、ありがとうございます。

    ところで私も、masaruさんと同様の要望があり、
    span.wpcf7-list-item { display: block; }を使って、
    チェックボックスを縦書きにすることができました。

    「タグの作成」のオプションの、idとかclassのところで
    { display: block;}を指定したスタイル名を指定したのですが、
    どうも、span.wpcf7-list-itemという名前で無いと反映されないようです。

    これだと、他のチェックボックスやラジオボタンもすべて縦書きになってしまいます。
    ラジオボタンは短いものは横書き、長いものは縦書き、と使い分けたかったので、
    タグのidとかclassのところで、別々のスタイル名を有効にできないものでしょうか?

    よろしくお願いいたします。

    ari.endoさん、これは便乗質問ですか?追記の回答ではないですよね?

    だとすれば、このフォーラムは便乗質問はできません。ましてや解決済みのスレッドでは回答は望めませんよ;)
    関連するスレッドがあるならリンクを貼って、新規にスレッドを立ち上げてください。

    モデレーター Takayuki Miyoshi

    (@takayukister)

    便乗質問は歓迎されませんが、今回は元の回答への補足として。

    一般論としては、CSS のスタイルが反映されないのは、他により優先順位の高いスタイル指定あって上書きされてしまっているケースがほとんどです。

    もしスタイルの優先順位について何のことかわからないようでしたら、ウェブか本屋さんで CSS の仕様を調べてください。

    実際のページでどのスタイルが優先されているか調べるには Firebug を使うのが便利です。

    shokun0803さま、
    ご指摘ありがとうございます。
    新規にスレッドを立ち上げました。

    Takayuki Miyoshiさま、
    早速のアドバイス、ありがとうございます。
    Firebugで解析してみます。
    タイミングがずれてしまったので、
    こちらへのお礼で失礼いたします。

7件の返信を表示中 - 1 - 7件目 (全7件中)
  • トピック「Contact Form 7 チェックボックス項目の改行」には新たに返信することはできません。