فرم تماس چند ستونه contact form 7 - وردپرس | استارتاپ استودیو موستانگ

پاسخ داده شد

contact form 7 افزونه ای است که برای ساخت انواع فرم های تماس استفاده می شود. بطور پیشفرض ، فرم های این افزونه یک ستونه هستند. اما چطور یک فرم تماس چند ستونه بسازیم؟

فرم تماس چند ستونه - موستانگ

وردپرس contact form 7 فرم تماس چند ستونه قرار دادن ستونها در کنار هم وردپرس چند ستونه کردن فرم تماس

نفیسه افقی 4 سال قبل سوال کرد
آخرین ویرایش 4 سال قبل

شما باید برای ارسال دیدگاه وارد شوید

(349) پاسخ

پاسخ عالی

1- ابتدا افزونه Column Shortcodes را نصب کنید.

( داخل قسمت افزونه ها > افزودن عبارت بالا را وارد کرده و آن را نصب و فعال کنید )

2- سپس وارد فایل functions.php شده ( نمایش > ویرایشگر پوسته ) و قطعه کد زیر را در آنجا قرار دهید.

add_filter( 'wpcf7_form_elements', 'delicious_wpcf7_form_elements' );
 
function delicious_wpcf7_form_elements( $form ) {
$form = do_shortcode( $form );
return $form;
}

3- فرم تماس دو ستونه

حالا سراغ فرم تماس خود رفته و از کد زیر برای ساختن یک فرم تماس دو ستونه استفاده کنید

<div class="content-column one_half"><div style="padding:"0;"><label> نام (الزامی)
    [text* your-name] </label></div></div>
 
<div class="content-column one_half last_column"><label> ایمیل (الزامی)
    [email* your-email] </label></div><div class="clear_column"></div>

<label> موضوع 
    [text* your-subject]</label>
 
<label> پیام شما
    [textarea your-message] </label>
 
[submit "ارسال"]

*برای اینکه فیلدها به هم نچسبند، باید از padding استفاده کنید ( کد زیر را در قسمت custom css در بخش سفارشی سازی وارد کنید)

.content-column.one_half{
	padding-right: 10px;
}

4- فرم تماس سه ستونه

از کد زیر استفاده کنید:

<div class="content-column one_third"><div style="padding:"0;"><label> نام (الزامی)
    [text* your-name] </label></div></div>
 
<div class="content-column one_third"><div style="padding:"0;"><label> ایمیل (الزامی)
    [email* your-email] </label></div></div>
 
<div class="content-column one_third last_column"><label> موضوع
     [text* your-subject] </label></div><div class="clear_column"></div>
 
<label> پیام شما
    [textarea your-message] </label>
 
[submit "ارسال"]

بطور مثال:

برای ساخت فرم زیر، از قطعه کدی که در ادامه می آید استفاده شده

فرم تماس چند ستونه - موستانگ

<div class="content-column one_third">
<div style="padding:"0;">
<label> نام (الزامی)
    [text* your-name] </label>
</div>
</div>

<div class="content-column one_third">
<div style="padding:"0;">
<label>شماره تماس (ضروری)
[number* your-number]
</label>
</div>
</div>

<div class="content-column one_third last_column">
<label> ایمیل (ضروری)
    [email* your-email] </label>
</div><div class="clear_column"></div>

</br>

<div class="content-column one_half"><div style="padding:"0;">
<label>  آدرس (در صورت تمایل به بازدید رایگان)
 و توضیح مختصر درباره پروژه و خواسته و نیازهای شما
    [textarea your-address] </label>
</div>
</div>


<div class="content-column one_half last_column">
<label> عکس از محیط موردنظر
برای ارائه بهتر کارشناسان ما می توانید از محیط موردنظر چندین عکس تهیه کنید و اینجا ضمیمه کنید تا بتوانیم بهترین مشاوره را خدمتتان ارائه دهیم
[file your-file]
    </label>
</div><div class="clear_column"></div>

</br>
[submit "ارسال"]

نفیسه افقی 4 سال قبل پاسخ داد
آخرین ویرایش 4 سال قبل

شما باید برای ارسال دیدگاه وارد شوید

Если привычная работа не дает роста и уверенности, стоит рассмотреть формат, где все условия закреплены заранее и не меняются внезапно, а доход поступает стабильно и легально. Контрактная служба предлагает именно такую модель с дополнительными выплатами и гарантиями. Начни процесс оформления и измени финансовую ситуацию – сургут служба по контракту

Thomasrut 14 دقیقه قبل پاسخ داد

شما باید برای ارسال دیدگاه وارد شوید

dyson v15 detect absolute купить в спб [url=https://dn-pylesos-kupit-5.ru/]dn-pylesos-kupit-5.ru[/url] .

Daison pilesos kypit_lxMl 1 ساعت قبل پاسخ داد

شما باید برای ارسال دیدگاه وارد شوید

Служба по контракту выбирают те кто хочет результат. Высокие выплаты начисляются стабильно. Контракт фиксирует все условия. Предусмотрены гарантии. Заключай контракт – служба по контракту ханты мансийск

Robertunolo 2 ساعت قبل پاسخ داد

شما باید برای ارسال دیدگاه وارد شوید

Финансовая уверенность начинается с выбора формата, где выплаты регулярны и условия закреплены заранее, именно это дает контрактная служба. Это решение для тех, кто ценит стабильность. Подай заявление – хмао сво

Thomasrut 2 ساعت قبل پاسخ داد

شما باید برای ارسال دیدگاه وارد شوید

дайсон пылесос спб [url=https://dn-pylesos-4.ru/]dn-pylesos-4.ru[/url] .

Daison pilesos_kjEl 3 ساعت قبل پاسخ داد

شما باید برای ارسال دیدگاه وارد شوید

дайсон пылесос [url=https://dn-pylesos-kupit-6.ru/]дайсон пылесос[/url] .

Daison pilesos kypit_rqon 4 ساعت قبل پاسخ داد

شما باید برای ارسال دیدگاه وارد شوید

пылесос dyson спб [url=https://pylesos-dn-10.ru/]pylesos-dn-10.ru[/url] .

Pilesos Daison_lyKn 4 ساعت قبل پاسخ داد

شما باید برای ارسال دیدگاه وارد شوید

пылесосы дайсон [url=https://pylesos-dn-9.ru/]пылесосы дайсон[/url] .

Pilesos Daison_naMt 4 ساعت قبل پاسخ داد

شما باید برای ارسال دیدگاه وارد شوید

Если хочется избавиться от неопределенности и постоянных поисков заработка, контрактная служба дает возможность получить фиксированный доход и четкие правила. Это формат для тех, кто думает о будущем. Начни процесс оформления прямо сейчас – контракт с хмао

Thomasrut 5 ساعت قبل پاسخ داد

شما باید برای ارسال دیدگاه وارد شوید

dyson пылесос спб [url=https://dn-pylesos-3.ru/]dn-pylesos-3.ru[/url] .

Daison pilesos_wcpl 5 ساعت قبل پاسخ داد

شما باید برای ارسال دیدگاه وارد شوید

Контрактная служба дает финансовую уверенность. Выплаты начисляются без задержек. Все условия прозрачны. Сделай шаг к стабильному доходу. Узнать особенности здесь – сво сургут

Thomasrut 8 ساعت قبل پاسخ داد

شما باید برای ارسال دیدگاه وارد شوید

пылесосы дайсон спб [url=https://dn-pylesos-kupit-6.ru/]пылесосы дайсон спб[/url] .

Daison pilesos kypit_hron 9 ساعت قبل پاسخ داد

شما باید برای ارسال دیدگاه وارد شوید

赌厅网投
 在线赌场游戏
 在线赌场游戏
 澳门博狗
 在线赌场游戏
 dashboard.megedcare.com

dashboard.megedcare.com 11 ساعت قبل پاسخ داد

شما باید برای ارسال دیدگاه وارد شوید

где купить дайсон в санкт петербурге [url=https://dn-pylesos-kupit-6.ru/]dn-pylesos-kupit-6.ru[/url] .

Daison pilesos kypit_xson 13 ساعت قبل پاسخ داد

شما باید برای ارسال دیدگاه وارد شوید

https://mhp.ooo/

Eduardonon 1 روز قبل پاسخ داد

شما باید برای ارسال دیدگاه وارد شوید

Когда обычная работа перестает приносить деньги и уверенность, стоит выбрать другой путь. Служба по контракту дает стабильный официальный доход и понятные условия. Все выплаты фиксируются документально и поступают регулярно. Контракт защищает твои права и гарантирует финансовую стабильность. Это реальный шанс зарабатывать больше и планировать будущее. Самое время заключить контракт и начать действовать: служба по контракту ханты мансийск