旧テーマ(Simple, Picture Window, Awesome Inc., Watermark, Ethereal, Travel)については把握していましたが、
今更ながら、新テーマ(Soho)での「連絡フォーム」ガジェット でレンダリングされるソースコードを調べてみました。
新テーマ(Soho)
<div class='widget ContactForm' data-version='2' id='ContactForm1'> <h3 class='title'> 連絡フォーム </h3> <div class='contact-form-widget'> <div class='form'> <form name='contact-form'> <p></p> 名前 <br/> <input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/> <p></p> メール <span style='font-weight: bolder;'>*</span> <br/> <input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/> <p></p> メッセージ <span style='font-weight: bolder;'>*</span> <br/> <textarea class='contact-form-email-message' cols='25' id='ContactForm1_contact-form-email-message' name='email-message' rows='5'></textarea> <p></p> <input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='送信'/> <p></p> <div style='text-align: center; max-width: 222px; width: 100%'> <p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></p> <p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></p> </div> </form> </div> </div> </div>
旧テーマ(Simple)
<div class='widget ContactForm' data-version='1' id='ContactForm1'> <h2 class='title'>連絡フォーム</h2> <div class='contact-form-widget'> <div class='form'> <form name='contact-form'> <p></p> 名前 <br/> <input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/> <p></p> メール <span style='font-weight: bolder;'>*</span> <br/> <input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/> <p></p> メッセージ <span style='font-weight: bolder;'>*</span> <br/> <textarea class='contact-form-email-message' cols='25' id='ContactForm1_contact-form-email-message' name='email-message' rows='5'></textarea> <p></p> <input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='送信'/> <p></p> <div style='text-align: center; max-width: 222px; width: 100%'> <p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></p> <p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></p> </div> </form> </div> </div> <div class='clear'></div> </div>
まぁ特に大きな違いはないですね
Bloggerの連絡フォームガジェットを個別ページに移動させる方法も新テーマでも問題ないと思います。
非表示にするだけなら ContactForm のクラスだけでokです




0 comments:
スパム対策の為コメントをオフにしています。
Disqusは利用出来ます。
注: コメントを投稿できるのは、このブログのメンバーだけです。