🚀JetTheme向け連絡フォーム修正

🚀JetThemeで動作する連絡フォームをJetThemeで設定できる外観のものに修正

デモ

該当部分

<div class='input-field'><label for='{{NAMEID}}'>{{NAME}}</label><input type='text' name='name' id='{{NAMEID}}'/></div><div class='input-field'><label for='{{EMAILID}}'>{{EMAIL}}</label><input type='text' name='email' id='{{EMAILID}}'/></div><div class='input-field'><label for='{{MESSAGEID}}'>{{MESSAGE}}</label><textarea name='message' id='{{MESSAGEID}}'></textarea></div><button class='submit-button' type='submit' id='{{SUBMITID}}'>{{SUBMIT}}</button><div id='{{NOTIFID}}' class='notification-cont'></div>

を

<form class='contact-form-blogger'><div class='contact-form-wrap row'><div class='col-md-6 mb-3'><label class='form-label fs-7 fw-bold' for='{{NAMEID}}'>Your Name</label><input class='form-control bg-transparent jt-border-light text-reset' id='{{NAMEID}}' name='name' required='' type='text' placeholder='Enter Name'/></div><div class='col-md-6 mb-3'><label class='form-label fs-7 fw-bold' for='{{EMAILID}}'>Email Address</label><input class='form-control bg-transparent jt-border-light text-reset' id='{{EMAILID}}' name='email' required='' type='email' placeholder='Enter Email'/></div><div class='col-12 mb-3'><label class='form-label fs-7 fw-bold' for='{{MESSAGEID}}'>Message</label><textarea class='form-control bg-transparent jt-border-light text-reset' id='{{MESSAGEID}}' name='message' required='' rows='3' placeholder='Enter Message'></textarea></div><div class='col-12 mb-3'><button class='btn btn-sm fw-bold py-2 px-5 jt-btn-primary' type='submit' id='{{SUBMITID}}'>SEND</button></div></div><div id='{{NOTIFID}}' class='notification-cont'></div></form>

に変更(2025/07/10 修正)

CSSは不要