フォーラムへの返信

9件の返信を表示中 - 1 - 9件目 (全9件中)
  • トピック投稿者 ari.endo

    (@ariendo)

    ありがとうございます。
    こちらでも調べた結果、同様の結論に達しました。

    get_header()とget_footer()はありますが、
    header.php 内の <?php wp_head(); ?> と
    footer.php 内の <?php wp_footer(); ?> とを
    削除してしまっていました。

    これらを復活させることにより、思い通り、
    送信確認とエラー表示のスタイルが復活しました。

    HTMLバリデータのチェックもしてみます。

    これにて、解決といたします。
    ご丁寧にありがとうございました。

    遠藤存

    トピック投稿者 ari.endo

    (@ariendo)

    追加情報です。

    テーマをいじる前の問い合わせフォームをFirebugで見てみると、
    以下のようなJavaScriptが見えているのですが、
    いじった後は、見えなくなります。この辺に問題がありそうです。

    /wp-content/plugins/contact-form-7/jquery.form.js?ver=2.47
    /wp-content/plugins/contact-form-7/scripts.js?ver=2.4.1
    /wp-includes/js/thickbox/thickbox.js?ver=3.1-20100407

    引き続き、調べてみます。
    取り急ぎ、中間報告まで。

    トピック投稿者 ari.endo

    (@ariendo)

    つい、あわてていて、配慮が足らず、すみませんでした。
    Contact Form 7 プラグインについての質問です。
    バージョンは、WordPress 3.0.1、MySQL 5.0.85、PHP 5.2.11 です。
    テーマは、既定のTwenty Ten 1.1 を使っています。

    Contact Form 7 プラグインを使って、問い合わせフォームを作れば、
    当然、Twenty Ten のデザイン上に、入力項目一覧が配置されますが、
    枠を独自のデザインに変えたいのです。

    そのために、Twenty Ten テーマの編集で、ページテンプレート
    (page.php)を上記のように変更して保存しました。
    (index.phpではなく、page.phpでした。すみません。)

    その結果、「送信」ボタンを押した後に、その右に表示される
    作業中のアイコン(2つの矢印がぐるぐる回るもの)が表示されなくなり、
    送信完了のメッセージは表示され、送信もされるのですが、
    送信完了メッセージの周りの緑色の枠が表示されなくなった、ということです。

    枠を独自のデザインに変えたまま、作業中のアイコンと、
    送信完了メッセージの周りの緑色の枠とを復活させるには、
    どうすればいいか、アドバイスをお願いします。

    ちなみに、実際のコンタクトフォームは、以下のようになっています。
    よろしくお願いいたします。

    <style type=”text/css”>
    <!–
    .list-block .wpcf7-list-item { display: block; }
    .list-inline .wpcf7-list-item { display: inline; }
    .red{color:#ff0000;}
    –>
    </style>
    <table id=”contact”><tr><th style=”white-space:nowrap; vertical-align:top;”>
    <span class=”red”>*</span>御社名
    </th><td>
    [text* company]
    </td></tr><tr><th style=”white-space:nowrap; vertical-align:top;”>
    <span class=”red”>*</span>ご担当者氏名
    </th><td>
    [text* name-kanji]
    </td></tr><tr><th style=”white-space:nowrap; vertical-align:top;”>
    <span class=”red”>*</span>E-mailアドレス
    </th><td>
    [email* your-email](半角英数字)
    </td></tr></table>
    <table id=”contact”><tr><th style=”white-space:nowrap; vertical-align:top;”>
    <span class=”red”>*</span>今後、弊社の案内を希望しますか?
    </th><td>
    [radio promo class:list-inline default:2 “はい” “いいえ”]
    </td></tr></table>
    <table id=”contact”><tr><th style=”white-space:nowrap; vertical-align:top;”>
    <span class=”red”>*</span>どこで弊社を知りましたか?
    </th><td>
    [radio source class:list-block “新聞” “TV” “Google検索” “Yahoo検索” “その他”]
    </td></tr></table>
    <p>[submit “送信”]</p>

    トピック投稿者 ari.endo

    (@ariendo)

    ご教示の通りの設定で、解決いたしました。
    スタイルシートの勉強不足で申し訳ありませんでした。
    ご丁寧な説明、ありがとうございました。

    これにて、解決済みとさせていただきます。

    トピック投稿者 ari.endo

    (@ariendo)

    遅ればせながら、$7寄付させていただきました。

    トピック投稿者 ari.endo

    (@ariendo)

    追加情報です。
    <style type=”text/css”>
    <!–
    .list-block { display: block; }
    .list-inline { display: inline; }
    –>
    </style>
    クラスを作成し、以下のようにタグを作っています。
    [checkbox* inquiry-type class:list-block “資料が欲しい” “相談がしたい”]

    ところが、Firebugで見てみると、作ったクラスが反映されず、
    wpcf7-list-itemクラスが固定で設定されてしまっています。
    <span class=”wpcf7-list-item”>
    <input name=”inquiry-type[]” value=”資料が欲しい” type=”checkbox”> 
    <span class=”wpcf7-list-item-label”>資料が欲しい</span>
    </span>
    <span class=”wpcf7-list-item”>
    <input name=”inquiry-type[]” value=”相談がしたい” type=”checkbox”> 
    <span class=”wpcf7-list-item-label”>相談がしたい</span>
    </span>

    設定の仕方がまずいのでしょうか?
    ご教示いただければ幸いです。

    フォーラム: プラグイン
    返信が含まれるトピック: Contact Form 7 チェックボックス項目の改行

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

    フォーラム: プラグイン
    返信が含まれるトピック: Contact Form 7 チェックボックス項目の改行

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

    フォーラム: プラグイン
    返信が含まれるトピック: Contact Form 7 チェックボックス項目の改行

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

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

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

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

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

9件の返信を表示中 - 1 - 9件目 (全9件中)