サポート » プラグイン » Subscribe2での読者登録について

  • 解決済 performia2japan

    (@performia2japan)



    お世話になります。

    WordPressで作ったブログサイトに、Subscribe2を使ってメールアドレスを登録してもらう読者登録機能を設定しました。

    subscribe2は、日本語化するためにsubscribe2_1021-ja.zipを使いました。ブラウザはGoogle chrome、OSはwindows10です。

    設定自体はうまくいき、メールアドレスを入力するボックスと、その下に「登録するボタン」「登録解除するボタン」が並んで設置されましたが、その「登録するボタン」と「登録解除するボタン」のボタン自体の大きさが変わってしまい、チグハグに見えます。均一にしたいのですが、その方法がわからずに困っています。

    もし修正の方法をご存知の方がいらっしゃいましたら、是非教えてください。

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

    ヘルプの必要なページ: [リンクを見るにはログイン]

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

    (@du-bist-der-lenz)

    「登録するボタン」「登録解除するボタン」のスタイルを揃えたいということでしょうか。どちらかに、共有するのもいいでしょう。

    ありがとうございます。どのように共有すればよいのでしょうか?参考となるサイトなどがありましたら、是非リンクなどを教えていただけると幸いです。

    よろしくお願いします。

    CG

    (@du-bist-der-lenz)

    モデルを準備もできましたが具体的な教示を、ということでなくて、是非ということなので、参考となるサイトのリンクで良ければ
    https://www.w3schools.com/css/css_dimension.asp

    ありがとうございます。

    読者登録・解除フォームのソースを見ましたが、heightやwidthが見つからず、どこを直せばようのかわかりません。

    もう少し具体的な方法がわかればいいのですが…

    <div class=”widget-column footer-widget-2″><section id=”s2_form_widget-3″ class=”widget s2_form_widget”><h2 class=”widget-title”>読者登録・解除フォーム</h2><div class=”search”><form name=”s2form” method=”post”
    action=”https://blog.performia.jp/%e8%aa%ad%e8%80%85%e7%99%bb%e9%8c%b2%e3%83%bb%e8%a7%a3%e9%99%a4%e3%83%9a%e3%83%bc%e3%82%b8/”><input type=”hidden” name=”ip” value=”36.12.99.188″ /><span style=”display:none !important”><label for=”firstname”>Leave This Blank:</label><input type=”text” id=”firstname” name=”firstname” /><label for=”lastname”>Leave This Blank Too:</label><input type=”text” id=”lastname” name=”lastname” /><label for=”uri”>Do Not Change This:</label><input type=”text” id=”uri” name=”uri” value=”http://” /></span><p><label for=”s2email”>メールアドレス: </label><br /><input type=”text” name=”email” id=”s2email” value=”メールアドレスを入力してください… ” size=”20″ onfocus=”if (this.value === ‘メールアドレスを入力してください… ‘) {this.value = ”;}” onblur=”if (this.value === ”) {this.value = ‘メールアドレスを入力してください… ‘;}” /></p><p><input type=”submit” name=”subscribe” value=”登録する” /> <input type=”submit” name=”unsubscribe” value=”登録解除する ” /></p></form>

    CG

    (@du-bist-der-lenz)

    具体的も何も。「登録する」が、「witdh:144px,height:42px」。「登録解除する」が、「width:144.672px,height:35px」だから、「width:144.672px;height:35px」でいいんじゃないかな。わたしはせっかくだから、それぞれ形が違ったり、色違いだと違いがわかりやすいと思いますが。
    144.672と端数がでてるので、%で指定されているのでしょうか。

    こんにちは

    それぞれのボタンに設定されている文字とボタン枠の余白幅が異なるために、ボタンの大きさが異なってしまっています。
    以下のようにすれば高さはそろいます。

    ダッシュボード左メニューから

    外観 > カスタマイズ > 追加CSS

    を選び、表示されたテキストエリアに以下のように入力し、保存してください。
    登録解除ボタンの余白を登録ボタンに合わせます。

    form input[name="unsubscribe"] {
    	padding: 14px 28px;
    }

    幅も合わせたい場合は登録ボタンの幅を増やす必要があるので、

    form input[name="subscribe"] {
    	padding: 14px 44px;
    }

    も追記してください。

    munygaさま、非常に具体的な指示をいただき助かりました。できました。本当にありがとうございました。

    CGさま、何度もお付き合いいただきありがとうございました。できました。

    CG

    (@du-bist-der-lenz)

    具体的なことで、解決したなら良かったです。コンテンツを見ていて、複数のリンクが近くにあったり、リンク先を確認したくなるようだと良いと感じます。折角のかかわりでしたので、活用しやすいブログになるよう楽しみにしています。

    ありがとうございました。

9件の返信を表示中 - 1 - 9件目 (全9件中)
  • このトピックに返信するにはログインが必要です。