چطور میتوانم فرم تماس ساده با HTML بسازم؟

ابتدا یک فرم با تگ form بسازید و فیلدهای نام، ایمیل و پیام را اضافه کنید. از ویژگی required برای اجباری کردن پر کردن استفاده کنید. مسیر action را به فایلی که پردازش PHP انجام میدهد، تنظیم کنید.

آیا نیاز به تنظیمات سرور برای ارسال ایمیل دارم؟

برای ارسال ایمیل به PHP نیاز به تابع mail یا کتابخانهای مثل PHPMailer دارید. سرور باید امکان ارسال ایمیل از طریق تابع mail را فعال داشته باشد. اگر در localhost تست میکنید، ممکن است نیاز به تنظیمات SMTP داشته باشید.

چطور میتوانم اسکریپت PHP ارسال ایمیل را امن کنم؟

برای امنیت بهتر ورودیها را با تابع htmlspecialchars یا filter_var پاکسازی کنید. همچنین از توکنهای nonce برای جلوگیری از CSRF استفاده کنید. فایل PHP را در پوشهای خارج از دسترس عمومی قرار ندهید.

فرم من پس از ارسال خالی نمیشود، چرا؟

معمولاً پس از ارسال باید با جاوااسکریپت یا PHP مقادیر فیلدها را پاک کنید. میتوانید از ویژگی reset در فرم یا دستور unset برای متغیرهای POST استفاده کنید. همچنین از جلوگیری مرورگر از ذخیره خودکار مطمئن شوید.

آموزش وردپرس

ساخت فرم تماس در وردپرس بدون استفاده از افزونه فرم

وحید بهنامسپتامبر 11, 20263 دقیقه مطالعه0 بازدید0 دیدگاه

اگر تا به امروز برای افزودن فرم تماس به سایت وردپرس‌تان به افزونه‌های پیچیده وابسته بودید، شاید وقت آن رسیده که یک روش مستقل و انعطاف‌پذیر را امتحان کنید. در این راهنمای گام‌به‌گام، با کدهای ساده اما قدرتمند، ساختار HTML، پردازش PHP و تنظیمات ایمیل را از صفر می‌سازید. هر بخش با توضیح مختصر و نکات عملی همراه است تا درک دقیق‌تری از نحوه کار هر قطعه داشته باشید. به‌علاوه، نکات امنیتی و بهینه‌سازی را نیز می‌آموزید تا فرم‌تان هم کارآمد و هم ایمن بماند. با پیروی از این راهکارها، می‌توانید فرم تماس سفارشی خود را بدون وابستگی به افزونه‌های سنگین، به‌سرعت در هر پوسته‌ای پیاده‌سازی کنید. نتیجه‌گیری این است که کنترل کامل بر ظاهر و رفتار فرم، در دسترس شماست و می‌توانید آن را مطابق نیازهای دقیق سایت‌تان تنظیم کنید.

درک ساختار فرم ساده HTML

در ابتدا برای ساخت یک فرم تماس ساده، باید به دو بخش اصلی فرم - ساختار کلی (تگ

) و فیلدهای ورودی (تگ‌های ،

</code> و <code><button></code>) - آشنا شوید. تگ <code></p>
<form></code> نقطهٔ شروع است؛ این تگ به مرورگر می‌گوید داده‌ها به چه آدرسی (<code>action</code>) و با چه روشی (<code>method</code>) ارسال شوند. در اکثر فرم‌های تماس، <code>method="POST"</code> استفاده می‌شود چون اطلاعات در بدنهٔ درخواست قرار می‌گیرد و از نمایش در URL جلوگیری می‌کند.</p>
<p>در داخل <code></p>
<form></code>، هر فیلد ورودی باید با یک <code><label></code> مرتبط باشد. برچسب (label) نه تنها دسترسی‌پذیری را بالا می‌برد، بلکه کاربر را به‌صورت واضح راهنمایی می‌کند. برای هر <code><input></code> یا <code><textarea></code>، ویژگی <code>name</code> الزامی است؛ این نام، کلید داده‌ای است که به اسکریپت پردازش‌کننده (مثلاً PHP یا یک webhook) ارسال می‌شود. همچنین می‌توانید از ویژگی <code>required</code> برای اجباری‌سازی پر کردن فیلد استفاده کنید.</p>
<p>در ادامه یک جدول فشرده از رایج‌ترین فیلدهای فرم تماس آورده شده است. این جدول می‌تواند به‌سرعت به‌عنوان یک چک‌لیست برای اطمینان از پوشش تمام نیازهای اساسی فرم استفاده شود.</p>
<table>
<thead>
<tr>
<th>فیلد</th>
<th>تگ HTML</th>
<th>ویژگی‌های کلیدی</th>
</tr>
</thead>
<tbody>
<tr>
<td>نام</td>
<td><code><input type="text"></code></td>
<td><code>name="user_name"</code>، <code>required</code></td>
</tr>
<tr>
<td>ایمیل</td>
<td><code><input type="email"></code></td>
<td><code>name="user_email"</code>، <code>required</code></td>
</tr>
<tr>
<td>موضوع</td>
<td><code><input type="text"></code></td>
<td><code>name="subject"</code></td>
</tr>
<tr>
<td>متن پیام</td>
<td><code><textarea></code></td>
<td><code>name="message"</code>، <code>rows="5"</code></td>
</tr>
<tr>
<td>دکمه ارسال</td>
<td><code><button type="submit"></code></td>
<td>متن دکمه (مثلاً «ارسال»)</td>
</tr>
</tbody>
</table>
<p>به‌عنوان مثال، یک فرم تماس پایه می‌تواند به این صورت کدنویسی شود:</p>
<div class="code-card" dir="ltr"><div class="code-card-bar"><span class="code-dots" aria-hidden="true"><i></i><i></i><i></i></span><span class="code-lang">CODE</span><button type="button" class="code-copy" aria-label="کپی کد">کپی</button></div><pre><code><form action="/wp-admin/admin-post.php" method="POST">
    <label for="name">نام:</label>
    <input type="text" id="name" name="user_name" required>

    <label for="email">ایمیل:</label>
    <input type="email" id="email" name="user_email" required>

    <label for="msg">پیام:</label>
    <textarea id="msg" name="message" rows="5">

نکتهٔ عملی: قبل از افزودن این فرم به قالب وردپرس، حتماً از تابع wp_nonce_field() برای جلوگیری از حملات CSRF استفاده کنید و در فایل functions.php یک هک (hook) به admin_post_nopriv_* و admin_post_* اضافه کنید تا داده‌ها به‌درستی پردازش شوند. این تنظیمات ساده باعث می‌شود فرم شما امن، قابل‌اعمال و بدون نیاز به افزونهٔ فرم‌ساز باشد.

ایجاد فیلدهای ورودی با کد

برای ساخت یک فرم تماس ساده در وردپرس بدون استفاده از افزونه، اولین گام اضافه کردن فیلدهای ورودی به‌صورت کد است. می‌توانید این کد را در فایل قالب (مثلاً page-contact.php) یا داخل یک shortcode بگذارید تا در هر صفحه‌ای قابل فراخوانی باشد. در اینجا از عناصر استاندارد HTML مانند و </code> استفاده می‌کنیم و نوع دادهٔ مورد انتظار را با ویژگی <code>type</code> مشخص می‌کنیم.</p> <p>یک فرم پایه‌ای معمولاً شامل فیلدهای نام، ایمیل و پیام است. برای هر فیلد یک برچسب (<code><label></code>) همراه با شناسهٔ یکتا (<code>id</code>) تعریف می‌کنید تا دسترسی‌پذیری بهبود یابد. مثال زیر، ساختار اولیهٔ فرم را نشان می‌دهد:</p> <div class="code-card" dir="ltr"><div class="code-card-bar"><span class="code-dots" aria-hidden="true"><i></i><i></i><i></i></span><span class="code-lang">CODE</span><button type="button" class="code-copy" aria-label="کپی کد">کپی</button></div><pre><code><form method="post" action="<?php echo esc_url( admin_url('admin-post.php') ); ?>"> <label for="cf-name">نام:</label> <input type="text" id="cf-name" name="cf_name" required> <label for="cf-email">ایمیل:</label> <input type="email" id="cf-email" name="cf_email" required> <label for="cf-message">پیام:</label> <textarea id="cf-message" name="cf_message" rows="5" required>

بعد از دریافت داده‌ها، مهم است که ورودی‌ها را پاک‌سازی (sanitize) و اعتبارسنجی کنید تا از حملات XSS و injection جلوگیری شود. در هوک admin_post_nopriv_handle_contact_form می‌توانید از توابع وردپرس مانند sanitize_text_field()، sanitize_email() و wp_kses_post() استفاده کنید. نمونه‌ای از پردازش داده‌ها به شکل زیر است:

CODE

function handle_contact_form() {
    if ( ! wp_verify_nonce( $_POST['_wpnonce'], 'contact_form' ) ) {
        wp_die( 'دسترسی غیرمجاز' );
    }

    $name    = sanitize_text_field( $_POST['cf_name'] );
    $email   = sanitize_email( $_POST['cf_email'] );
    $message = wp_kses_post( $_POST['cf_message'] );

    // در اینجا می‌توانید ایمیل بفرستید یا در دیتابیس ذخیره کنید
    wp_redirect( home_url( '/thanks/' ) );
    exit;
}
add_action( 'admin_post_nopriv_handle_contact_form', 'handle_contact_form' );
add_action( 'admin_post_handle_contact_form', 'handle_contact_form' );

فیلد	عنصر HTML	توابع پاک‌سازی	قیدهای اعتبارسنجی
نام		`sanitize_text_field()`	required, minlength = 2
ایمیل		`sanitize_email()`	required, format email
پیام	</code></td> <td><code>wp_kses_post()</code></td> <td>required, maxlength = 500</td> </tr> </tbody> </table> </figure> <p>برای ایمن‌سازی نهایی، حتماً از <code>nonce</code> استفاده کنید؛ این مقدار یک توکن یکبار مصرف است که ارسال فرم را از دسترسی‌های غیرمجاز محافظت می‌کند. همچنین، به‌جای پردازش مستقیم در همان صفحه، از هوک‌های <code>admin_post</code> یا <code>admin_post_nopriv</code> بهره بگیرید؛ این کار به جداسازی منطق فرم از نمایش محتوا کمک می‌کند و نگهداری کد را ساده‌تر می‌سازد.</p> <h2 id="%d8%a7%d9%81%d8%b2%d9%88%d8%af%d9%86-%d8%a7%d8%b9%d8%aa%d8%a8%d8%a7%d8%b1%d8%b3%d9%86%d8%ac%db%8c-%d8%b3%d9%85%d8%aa-%da%a9%d9%84%d8%a7%db%8c%d9%86%d8%aa">افزودن اعتبارسنجی سمت کلاینت</h2> <p>اعتبارسنجی سمت کلاینت نقش اساسی در بهبود تجربه کاربری و کاهش بار پردازشی سرور دارد. وقتی کاربر فرم را پر می‌کند، می‌توان خطاهای واضح مثل فیلدهای خالی یا فرمت نادرست ایمیل را بلافاصله نشان داد و از ارسال درخواست‌های نادرست جلوگیری کرد. این کار نه تنها از نارضایتی کاربران جلوگیری می‌کند، بلکه میزان درخواست‌های ناموفق به سرور را به‌طور چشمگیری کم می‌کند.</p> <p>ساده‌ترین راه برای پیاده‌سازی اعتبارسنجی، استفاده از ویژگی‌های داخلی HTML5 است. ویژگی‌های <code>required</code>، <code>type="email"</code>، <code>pattern</code>، <code>minlength</code> و <code>maxlength</code> به‌سرعت می‌توانند اکثر نیازهای پایه را پوشش دهند. برای مثال، افزودن <code>required</code> به فیلد پیام، تضمین می‌کند که کاربر حداقل یک مقدار وارد کرده باشد، در حالی که <code>type="email"</code> به‌طور خودکار قالب ایمیل را چک می‌کند.</p> <p>برای مواردی که نیاز به قواعد پیچیده‌تر دارید، می‌توانید از جاوااسکریپت استفاده کنید. در ادامه یک مثال کوتاه آورده شده که با استفاده از <code>addEventListener</code> فرم را قبل از ارسال بررسی می‌کند و در صورت عدم تطابق الگوی ایمیل، پیام خطا نمایش می‌دهد:</p> <div class="code-card" dir="ltr"><div class="code-card-bar"><span class="code-dots" aria-hidden="true"><i></i><i></i><i></i></span><span class="code-lang">CODE</span><button type="button" class="code-copy" aria-label="کپی کد">کپی</button></div><pre><code>document.getElementById('contact-form').addEventListener('submit', function(e) { var email = document.getElementById('email').value; var emailPattern = /^[^s@]+@[^s@]+.[^s@]+$/; if (!emailPattern.test(email)) { e.preventDefault(); alert('لطفاً یک ایمیل معتبر وارد کنید.'); } }); </code></pre></div><p>در جدول زیر ترکیبی از ویژگی‌های HTML5 و چک‌های جاوااسکریپت را به‌صورت خلاصه نشان می‌دهد تا بتوانید به سرعت تصمیم بگیرید که کدام روش برای هر فیلد مناسب است:</p><figure><table><thead><tr><th>قالب اعتبارسنجی</th><th>ویژگی / کد</th><th>موارد استفاده رایج</th></tr></thead><tbody><tr><td>HTML5</td><td><code>required</code></td><td>فیلدهای اجباری (نام، پیام)</td></tr><tr><td>HTML5</td><td><code>type="email"</code></td><td>آدرس ایمیل</td></tr><tr><td>HTML5</td><td><code>pattern="^[0-9]{10}$"</code></td><td>شماره تلفن ثابت 10 رقمی</td></tr><tr><td>جاوااسکریپت</td><td><code>RegExp</code> + <code>event.preventDefault()</code></td><td>قواعد پیچیده (حداکثر طول پیام، چک اسپم)</td></tr></tbody></table></figure><h2 id="%d8%aa%d9%86%d8%b8%db%8c%d9%85-%d8%a7%d8%b1%d8%b3%d8%a7%d9%84-%d8%a7%db%8c%d9%85%db%8c%d9%84-%d9%88%d8%b1%d8%af%d9%be%d8%b1%d8%b3">تنظیم ارسال ایمیل وردپرس</h2><p>در بیشتر سرورهای اشتراک‌گذاری، تابع پیش‌فرض <code>wp_mail()</code> که بر پایه <code>mail()</code> پی‌اچ‌پی کار می‌کند، به‌دلیل محدودیت‌های پیکربندی یا فیلترهای اسپم، ایمیل‌ها به‌صورت ناهموار یا حتی به‌کل ارسال نمی‌شوند. برای اطمینان از تحویل قابل‌اعتماد، بهتر است ارسال ایمیل را به یک سرویس SMTP معتبر (مانند Gmail, Outlook یا یک سرویس ایمیل تجاری) منتقل کنید؛ این کار نه تنها نرخ تحویل را بالا می‌برد، بلکه امکان پیگیری خطاها را نیز میسر می‌سازد.</p><p>برای تنظیم SMTP در وردپرس، تنها کافی است یک افزونهٔ سبک مانند <em>WP SMTP</em> نصب کنید و مقادیر زیر را در صفحه تنظیمات وارد کنید:</p><ul><li>سرور SMTP (مثلاً <code>smtp.gmail.com</code>)</li><li>پورت (۲۲۵ یا ۵۸۷ برای TLS/SSL)</li><li>روش رمزنگاری (TLS یا SSL)</li><li>نام کاربری و رمز عبور حساب ایمیل</li></ul><p>پس از ذخیره، افزونه به‌صورت خودکار <code>wp_mail()</code> را بازنویسی می‌کند تا تمام ایمیل‌های وردپرس-including فرم تماس سادهٔ شما-از طریق این سرور ارسال شوند.</p><p>اگر نمی‌خواهید از افزونه استفاده کنید، می‌توانید کد زیر را به فایل <code>functions.php</code> قالب خود اضافه کنید. این قطعه کد به‌صورت مستقیم با <code>PHPMailer</code> داخلی وردپرس کار می‌کند و تنظیمات SMTP را اعمال می‌نماید:</p><div class="code-card" dir="ltr"><div class="code-card-bar"><span class="code-dots" aria-hidden="true"><i></i><i></i><i></i></span><span class="code-lang">CODE</span><button type="button" class="code-copy" aria-label="کپی کد">کپی</button></div><pre><code>add_action( 'phpmailer_init', function( $phpmailer ) { $phpmailer->isSMTP(); $phpmailer->Host = 'smtp.example.com'; $phpmailer->SMTPAuth = true; $phpmailer->Port = 587; $phpmailer->Username = 'your@email.com'; $phpmailer->Password = 'yourpassword'; $phpmailer->SMTPSecure = PHPMailer::ENCRYPTION_STARTTLS; });</code></pre></div><p>سپس می‌توانید فرم تماس ساده را با توابع زیر به‌سرعت پیاده‌سازی کنید؛ توجه داشته باشید که <code>wp_mail()</code> به‌صورت خودکار از تنظیمات بالا استفاده می‌کند:</p><div class="code-card" dir="ltr"><div class="code-card-bar"><span class="code-dots" aria-hidden="true"><i></i><i></i><i></i></span><span class="code-lang">CODE</span><button type="button" class="code-copy" aria-label="کپی کد">کپی</button></div><pre><code>$to = 'admin@yourdomain.com'; $subject = 'پیام جدید از فرم تماس'; $message = "نام: $namenایمیل: $emailnمتن: $message"; $headers = array('Content-Type: text/plain; charset=UTF-8'); wp_mail( $to, $subject, $message, $headers );</code></pre></div><figure><table><thead><tr><th>سرویس</th><th>سرور SMTP</th><th>پورت</th><th>رمزنگاری</th></tr></thead><tbody><tr><td>Gmail</td><td>smtp.gmail.com</td><td>587</td><td>TLS</td></tr><tr><td>Outlook/Office 365</td><td>smtp.office365.com</td><td>587</td><td>TLS</td></tr><tr><td>Zoho Mail</td><td>smtp.zoho.com</td><td>465</td><td>SSL</td></tr></tbody></table><figcaption>پیکربندی‌های رایج برای سرویس‌های ایمیل شناخته‌شده</figcaption></figure><p>در نهایت، برای اطمینان از عملکرد صحیح، یک ایمیل تستی از طریق صفحهٔ تماس ارسال کنید و با استفاده از افزونهٔ <em>WP Mail Logging</em> یا ابزارهای لاگ‌سرور، هدرها و پاسخ‌های SMTP را بررسی کنید. اگر خطایی مشاهده شد، پیام‌های خطا معمولاً حاوی توضیحاتی دربارهٔ ناموفق بودن اعتبارسنجی یا پورت‌های مسدود شده هستند که می‌توانید به‌سرعت آن‌ها را رفع کنید.</p><h2 id="%d9%85%d8%ad%d8%a7%d9%81%d8%b8%d8%aa-%d8%a7%d8%b2-%d9%81%d8%b1%d9%85-%d8%a8%d8%a7-nonce-%d9%88-captcha">محافظت از فرم با nonce و CAPTCHA</h2><p>یکی از بزرگ‌ترین خطرهای فرم‌های تماس، حملات CSRF (Cross‑Site Request Forgery) است که مهاجمان با ارسال درخواست‌های جعلی می‌توانند داده‌های فرم را به‌صورت خودکار پر کرده و سرور را گمراه کنند. برای رفع این مشکل در فرم سفارشی وردپرس، می‌توانید از <strong>nonce</strong> استفاده کنید؛ nonce مخفف «number used once» است و یک توکن تصادفی و موقت می‌سازد که هر بار صفحه بارگذاری می‌شود تغییر می‌کند. توکن را می‌توانید با <code>wp_create_nonce('my_contact_form')</code> تولید و در یک فیلد پنهان <code><input type="hidden" name="my_form_nonce" value="<?php echo $nonce; ?>"></code> قرار دهید؛ سپس هنگام پردازش فرم با <code>check_admin_referer('my_contact_form', 'my_form_nonce')</code> اعتبارسنجی کنید.</p><p>اگر فرم شما در دسترس عمومی است، افزودن لایه‌ای دیگر امنیتی مانند <strong>CAPTCHA</strong> توصیه می‌شود تا روبات‌ها نتوانند به‌سرعت فرم را پر کنند. دو گزینهٔ رایج وجود دارد: Google reCAPTCHA v2 (چک‌باکس «من ربات نیستم») و reCAPTCHA v3 (امتیاز مخفی). نسخهٔ v2 برای سایت‌های کوچک که کاربران تمایل به کلیک دارند مناسب است، در حالی که v3 برای تجربهٔ کاربری بی‌وقفه و تشخیص هوشمند تر مناسب‌تر است. برای استفاده، کافیست کلیدهای سایت و مخفی را از <a href="https://www.google.com/recaptcha">پانل گوگل دریافت کنید و اسکریپت مربوطه را در هدر یا فوتر قالب بارگذاری کنید.</p><figure><table><thead><tr><th>ویژگی</th><th>reCAPTCHA v2</th><th>reCAPTCHA v3</th></tr></thead><tbody><tr><td>نوع تعامل</td><td>کلیک روی چک‌باکس</td><td>بدون تعامل کاربر</td></tr><tr><td>پیاده‌سازی</td><td>اسکریپت ساده + توکن مخفی</td><td>اسکریپت پیشرفته + امتیاز بر پایهٔ JavaScript</td></tr><tr><td>تجربه کاربری</td><td>محدودیت‌های زمانی برای حل چالش</td><td>کاملا شفاف، فقط در پس‌زمینه بررسی می‌شود</td></tr></tbody></table></figure><p>در عمل، ترکیب nonce و CAPTCHA به‌صورت زیر می‌تواند امنیت فرم را تضمین کند: ۱) توکن nonce را در فرم قرار دهید؛ ۲) اسکریپت reCAPTCHA را اضافه کنید و توکن دریافت‌شده را به‌عنوان یک فیلد مخفی دیگر بفرستید؛ ۳) در فایل پردازش فرم، ابتدا <code>check_admin_referer</code> را اجرا کنید، سپس <code>$_POST['g-recaptcha-response']</code> را به سرویس Google بفرستید و پاسخ را بررسی کنید. اگر هر دو اعتبارسنجی موفق بود، می‌توانید ایمیل یا دیتابیس را به‌روز کنید؛ در غیر این صورت درخواست را رد کنید.</p><h2 id="%d8%aa%d8%b3%d8%aa-%d9%88-%d8%b1%d9%81%d8%b9-%d8%a7%d8%b4%da%a9%d8%a7%d9%84-%d9%86%d9%87%d8%a7%db%8c%db%8c">تست و رفع اشکال نهایی</h2><p>پس از افزودن فرم تماس به تم، اولین گام تست عملکرد است. برای این کار فرم را در یک صفحه آزمایشی باز کنید و هر فیلد را با داده‌های معتبر پر کنید. سپس دکمه ارسال را کلیک کنید و مطمئن شوید ایمیل به آدرس مقصد می‌رسد؛ اگر ایمیل دریافت نشد، به لاگ سرور (مانند <code>wp_mail()</code>) نگاه کنید یا از افزونه‌ای مثل <em>WP Mail Logging</em> برای ضبط درخواست‌های ایمیل استفاده کنید.</p><p>اگر فرم به درستی ارسال می‌شود اما مقادیر وارد شده در ایمیل ناقص یا به شکل نامنظم ظاهر می‌شوند، احتمالاً قالب‌بندی قالب (template) ایمیل دچار مشکل است. در فایل <code>functions.php</code> یا فایلی که پیام ایمیل را می‌سازد، تگ‌های HTML را با دقت بررسی کنید؛ به‌ویژه استفاده از <code>nl2br()</code> برای تبدیل خط‌های جدید به <code><br /></code> یا تابع <code>sanitize_text_field()</code> برای پاک‌سازی داده‌ها. اصلاح این توابع معمولاً مشکل نمایش نادرست را رفع می‌کند.</p><p>در برخی موارد فرم ممکن است به‌دلیل تداخل اسکریپت‌های جاوااسکریپت دیگر صفحه (مانند اسلایدر یا منوهای تعاملی) از کار بیفتد. برای شناسایی این تداخل، ابتدا تمام اسکریپت‌های غیرضروری را موقتاً غیرفعال کنید و دوباره تست کنید. اگر مشکل رفع شد، می‌توانید اسکریپت‌های باقی‌مانده را با استفاده از توابع <code>wp_enqueue_script()</code> به‌صورت «defer» یا «async» بارگذاری کنید تا ترتیب اجرا بهبود یابد.</p><figure><table><thead><tr><th>مشکل رایج</th><th>راه‌حل پیشنهادی</th></tr></thead><tbody><tr><td>ایمیل دریافت نمی‌شود</td><td>بررسی تنظیمات <code>wp_mail()</code>، استفاده از سرویس SMTP (مانند <em>WP Mail SMTP</em>) و فعال‌سازی لاگ ایمیل.</td></tr><tr><td>متن ایمیل نامرتب است</td><td>استفاده از توابع <code>nl2br()</code> یا <code>wpautop()</code>، و اطمینان از پاک‌سازی ورودی با <code>sanitize_text_field()</code>.</td></tr><tr><td>دکمه ارسال کار نمی‌کند</td><td>بررسی خطاهای جاوااسکریپت در کنسول مرورگر، حذف اسکریپت‌های تداخل‌ساز و بارگذاری اسکریپت فرم با <code>defer</code>.</td></tr><tr><td>فیلدهای اجباری رد می‌شوند</td><td>اطمینان از اضافه کردن ویژگی <code>required</code> به ورودی‌ها و بررسی تابع اعتبارسنجی سروری (<code>validate_contact_form()</code>).</td></tr></tbody></table></figure><p>در نهایت، برای اطمینان از سازگاری فرم با مرورگرهای مختلف، صفحه تست را در Chrome, Firefox و Safari باز کنید. اگر در یکی از مرورگرها نمایش متفاوتی مشاهده کردید، به‌خصوص در دستگاه‌های موبایل، از ابزارهای توسعه (DevTools) برای شناسایی CSSهای متناقض استفاده کنید و استایل‌های مرتبط با فرم را در یک فایل جداگانه (مثلاً <code>contact-form.css</code>) به‌روز کنید. این کار نه تنها مشکلات ظاهری را برطرف می‌کند، بلکه تجربه کاربری سازگار و حرفه‌ای‌تری فراهم می‌سازد.</p><h2 id="qa">سوالات متداول</h2><h3 id="sp-h9">چطور می‌توانم فرم تماس ساده با HTML بسازم؟</h3><p>ابتدا یک فرم با تگ form بسازید و فیلدهای نام، ایمیل و پیام را اضافه کنید. از ویژگی required برای اجباری کردن پر کردن استفاده کنید. مسیر action را به فایلی که پردازش PHP انجام می‌دهد، تنظیم کنید.</p><h3 id="sp-h10">آیا نیاز به تنظیمات سرور برای ارسال ایمیل دارم؟</h3><p>برای ارسال ایمیل به PHP نیاز به تابع mail یا کتابخانه‌ای مثل PHPMailer دارید. سرور باید امکان ارسال ایمیل از طریق تابع mail را فعال داشته باشد. اگر در localhost تست می‌کنید، ممکن است نیاز به تنظیمات SMTP داشته باشید.</p><h3 id="sp-h11">چطور می‌توانم اسکریپت PHP ارسال ایمیل را امن کنم؟</h3><p>برای امنیت بهتر ورودی‌ها را با تابع htmlspecialchars یا filter_var پاک‌سازی کنید. همچنین از توکن‌های nonce برای جلوگیری از CSRF استفاده کنید. فایل PHP را در پوشه‌ای خارج از دسترس عمومی قرار ندهید.</p><h3 id="sp-h12">فرم من پس از ارسال خالی نمی‌شود، چرا؟</h3><p>معمولاً پس از ارسال باید با جاوااسکریپت یا PHP مقادیر فیلدها را پاک کنید. می‌توانید از ویژگی reset در فرم یا دستور unset برای متغیرهای POST استفاده کنید. همچنین از جلوگیری مرورگر از ذخیره خودکار مطمئن شوید.</p><p><script type="application/ld+json"> { "@type":"FAQPage", "mainEntity":[ { "@type":"Question", "name":"چطور می‌توانم فرم تماس ساده با HTML بسازم؟", "acceptedAnswer":{ "@type":"Answer", "text":"ابتدا یک فرم با تگ form بسازید و فیلدهای نام، ایمیل و پیام را اضافه کنید. از ویژگی required برای اجباری کردن پر کردن استفاده کنید. مسیر action را به فایلی که پردازش PHP انجام می‌دهد، تنظیم کنید." } }, { "@type":"Question", "name":"آیا نیاز به تنظیمات سرور برای ارسال ایمیل دارم؟", "acceptedAnswer":{ "@type":"Answer", "text":"برای ارسال ایمیل به PHP نیاز به تابع mail یا کتابخانه‌ای مثل PHPMailer دارید. سرور باید امکان ارسال ایمیل از طریق تابع mail را فعال داشته باشد. اگر در localhost تست می‌کنید، ممکن است نیاز به تنظیمات SMTP داشته باشید." } }, { "@type":"Question", "name":"چطور می‌توانم اسکریپت PHP ارسال ایمیل را امن کنم؟", "acceptedAnswer":{ "@type":"Answer", "text":"برای امنیت بهتر ورودی‌ها را با تابع htmlspecialchars یا filter_var پاک‌سازی کنید. همچنین از توکن‌های nonce برای جلوگیری از CSRF استفاده کنید. فایل PHP را در پوشه‌ای خارج از دسترس عمومی قرار ندهید." } }, { "@type":"Question", "name":"فرم من پس از ارسال خالی نمی‌شود، چرا؟", "acceptedAnswer":{ "@type":"Answer", "text":"معمولاً پس از ارسال باید با جاوااسکریپت یا PHP مقادیر فیلدها را پاک کنید. می‌توانید از ویژگی reset در فرم یا دستور unset برای متغیرهای POST استفاده کنید. همچنین از جلوگیری مرورگر از ذخیره خودکار مطمئن شوید." } } ] } </script> </p><h3 id="sp-h13">چک‌لیست سریع</h3><ul><li>ساختار پایه یک فرم HTML را به‌صورت ساده درک کنید.</li><li>فیلدهای متنی، ایمیل و متن‌پیام را با تگ‌های مناسب اضافه کنید.</li><li>با JavaScript یا ویژگی‌های HTML5 اعتبارسنجی سمت کاربر را فعال کنید.</li><li>تابع wp_mail را تنظیم کنید تا پیام‌ها به ایمیل موردنظر ارسال شوند.</li><li>nonce و CAPTCHA را برای محافظت در برابر حملات پیاده‌سازی کنید.</li><li>فرم را تست کنید و خطاهای احتمالی را رفع نمایید.</li></ul><p>با اجرای این مراحل، می‌توانید فرم تماس کاملاً سفارشی و ایمن را بدون نیاز به افزونه، مستقیماً در قالب خود پیاده کنید. این روش نه تنها بار اضافی سرور را کاهش می‌دهد، بلکه کنترل کامل بر ظاهر و رفتار فرم را به دست می‌گیرید. اگر سؤال یا تجربه‌ای در این زمینه دارید، خوشحال می‌شوم آن را با شما به‌اشتراک بگذارم.</p></div><div class="post-actions"><button class="like-btn" id="likeBtn" type="button" data-post-id="13922"><span class="heart">🤍</span><span>مفید بود</span><span class="like-count">0</span></button><div class="share-buttons"><span class="lbl">اشتراک‌گذاری:</span><a class="s-telegram" href="https://t.me/share/url?url=https%3A%2F%2Fseoplus.ir%2Fwordpress-training%2F%25d8%25b3%25d8%25a7%25d8%25ae%25d8%25aa-%25d9%2581%25d8%25b1%25d9%2585-%25d8%25aa%25d9%2585%25d8%25a7%25d8%25b3-%25d9%2588%25d8%25b1%25d8%25af%25d9%25be%25d8%25b1%25d8%25b3-%25d8%25a8%25d8%25af%25d9%2588%25d9%2586-%25d9%25be%25d9%2584%25d8%25a7%25da%25af%25db%258c%25d9%2586%2F&text=%D8%B3%D8%A7%D8%AE%D8%AA%20%D9%81%D8%B1%D9%85%20%D8%AA%D9%85%D8%A7%D8%B3%20%D8%AF%D8%B1%20%D9%88%D8%B1%D8%AF%D9%BE%D8%B1%D8%B3%20%D8%A8%D8%AF%D9%88%D9%86%20%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87%20%D8%A7%D8%B2%20%D8%A7%D9%81%D8%B2%D9%88%D9%86%D9%87%20%D9%81%D8%B1%D9%85" target="_blank" rel="noopener nofollow" aria-label="اشتراک در تلگرام"><svg class="ic ic-telegram" width="18" height="18" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false"><path d="M21.9 4.3 18.6 20c-.2 1.1-.9 1.4-1.8.9l-5-3.7-2.4 2.3c-.3.3-.5.5-1 .5l.4-5 9.2-8.3c.4-.4-.1-.6-.6-.2L6.1 13.1 1.2 11.6c-1-.3-1-1 .2-1.5l19.1-7.4c.9-.3 1.6.2 1.4 1.6z"/></svg></a><a class="s-whatsapp" href="https://api.whatsapp.com/send?text=%D8%B3%D8%A7%D8%AE%D8%AA%20%D9%81%D8%B1%D9%85%20%D8%AA%D9%85%D8%A7%D8%B3%20%D8%AF%D8%B1%20%D9%88%D8%B1%D8%AF%D9%BE%D8%B1%D8%B3%20%D8%A8%D8%AF%D9%88%D9%86%20%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87%20%D8%A7%D8%B2%20%D8%A7%D9%81%D8%B2%D9%88%D9%86%D9%87%20%D9%81%D8%B1%D9%85%20https%3A%2F%2Fseoplus.ir%2Fwordpress-training%2F%25d8%25b3%25d8%25a7%25d8%25ae%25d8%25aa-%25d9%2581%25d8%25b1%25d9%2585-%25d8%25aa%25d9%2585%25d8%25a7%25d8%25b3-%25d9%2588%25d8%25b1%25d8%25af%25d9%25be%25d8%25b1%25d8%25b3-%25d8%25a8%25d8%25af%25d9%2588%25d9%2586-%25d9%25be%25d9%2584%25d8%25a7%25da%25af%25db%258c%25d9%2586%2F" target="_blank" rel="noopener nofollow" aria-label="اشتراک در واتساپ"><svg class="ic ic-whatsapp" width="18" height="18" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false"><path d="M12 2a9.9 9.9 0 0 0-8.5 15L2 22l5.2-1.4A10 10 0 1 0 12 2zm0 18.1a8 8 0 0 1-4.1-1.1l-.3-.2-3 .8.8-3-.2-.3A8.1 8.1 0 1 1 12 20.1zm4.5-6-1.6-.8c-.2-.1-.4-.1-.6.1l-.7.9c-.1.2-.3.2-.5.1a6.6 6.6 0 0 1-3.3-2.9c-.1-.2 0-.4.1-.5l.6-.7c.1-.2.1-.4 0-.6L9.7 8c-.2-.5-.4-.4-.6-.4h-.5a1 1 0 0 0-.7.3 3 3 0 0 0-.9 2.2 5.2 5.2 0 0 0 1.1 2.7 11.8 11.8 0 0 0 4.6 4c2.2.9 2.2.6 2.6.6a2.6 2.6 0 0 0 1.7-1.2 2.1 2.1 0 0 0 .1-1.2z"/></svg></a><a class="s-x" href="https://x.com/intent/post?url=https%3A%2F%2Fseoplus.ir%2Fwordpress-training%2F%25d8%25b3%25d8%25a7%25d8%25ae%25d8%25aa-%25d9%2581%25d8%25b1%25d9%2585-%25d8%25aa%25d9%2585%25d8%25a7%25d8%25b3-%25d9%2588%25d8%25b1%25d8%25af%25d9%25be%25d8%25b1%25d8%25b3-%25d8%25a8%25d8%25af%25d9%2588%25d9%2586-%25d9%25be%25d9%2584%25d8%25a7%25da%25af%25db%258c%25d9%2586%2F&text=%D8%B3%D8%A7%D8%AE%D8%AA%20%D9%81%D8%B1%D9%85%20%D8%AA%D9%85%D8%A7%D8%B3%20%D8%AF%D8%B1%20%D9%88%D8%B1%D8%AF%D9%BE%D8%B1%D8%B3%20%D8%A8%D8%AF%D9%88%D9%86%20%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87%20%D8%A7%D8%B2%20%D8%A7%D9%81%D8%B2%D9%88%D9%86%D9%87%20%D9%81%D8%B1%D9%85" target="_blank" rel="noopener nofollow" aria-label="اشتراک در ایکس"><svg class="ic ic-x" width="18" height="18" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false"><path d="M17.5 3h3.3l-7.2 8.2L22 21h-6.6l-5.2-6.6L4.3 21H1l7.7-8.8L1.3 3H8l4.7 6.1L17.5 3zm-1.2 16h1.8L7.8 4.9H5.9l10.4 14.1z"/></svg></a><a class="s-linkedin" href="https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fseoplus.ir%2Fwordpress-training%2F%25d8%25b3%25d8%25a7%25d8%25ae%25d8%25aa-%25d9%2581%25d8%25b1%25d9%2585-%25d8%25aa%25d9%2585%25d8%25a7%25d8%25b3-%25d9%2588%25d8%25b1%25d8%25af%25d9%25be%25d8%25b1%25d8%25b3-%25d8%25a8%25d8%25af%25d9%2588%25d9%2586-%25d9%25be%25d9%2584%25d8%25a7%25da%25af%25db%258c%25d9%2586%2F" target="_blank" rel="noopener nofollow" aria-label="اشتراک در لینکدین"><svg class="ic ic-linkedin" width="18" height="18" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false"><path d="M4.98 3.5a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5zM3 9h4v12H3zM9 9h3.8v1.7h.05c.53-.95 1.83-1.95 3.75-1.95 4 0 4.75 2.5 4.75 5.8V21h-4v-5.6c0-1.34-.03-3.07-2-3.07-2 0-2.3 1.46-2.3 2.97V21H9z"/></svg></a><button class="s-link" id="copyLinkBtn" type="button" data-link="https://seoplus.ir/wordpress-training/%d8%b3%d8%a7%d8%ae%d8%aa-%d9%81%d8%b1%d9%85-%d8%aa%d9%85%d8%a7%d8%b3-%d9%88%d8%b1%d8%af%d9%be%d8%b1%d8%b3-%d8%a8%d8%af%d9%88%d9%86-%d9%be%d9%84%d8%a7%da%af%db%8c%d9%86/" aria-label="کپی لینک"><svg class="ic ic-link" width="18" height="18" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false"><path d="M10.6 13.4a4 4 0 0 0 5.7 0l2.8-2.8a4 4 0 1 0-5.7-5.7l-1.4 1.4 1.4 1.4 1.4-1.4a2 2 0 1 1 2.9 2.9L15 12a2 2 0 0 1-2.9 0zm2.8-2.8a4 4 0 0 0-5.7 0l-2.8 2.8a4 4 0 0 0 5.7 5.7l1.4-1.4-1.4-1.4-1.4 1.4a2 2 0 1 1-2.9-2.9L9 12a2 2 0 0 1 2.9 0z"/></svg></button></div></div><section class="author-box" itemscope itemtype="https://schema.org/Person"><a href="https://seoplus.ir/author/vahidbehnam/" aria-hidden="true" tabindex="-1"><img class="author-avatar" src="https://seoplus.ir/wp-content/uploads/2026/08/vahidbehnam.webp" width="68" height="68" alt="وحید بهنام" loading="lazy" decoding="async"></a><div><span class="eyebrow">نوشته‌شده و بازبینی‌شده توسط</span><h3><a href="https://seoplus.ir/author/vahidbehnam/" rel="author" itemprop="url"><span itemprop="name">وحید بهنام</span></a></h3><p class="bio" itemprop="description">متخصص سئو، وردپرس و تولید محتوا</p><div class="author-links"><a href="https://seoplus.ir/author/vahidbehnam/">954 مقاله از این نویسنده ←</a><span class="author-social" title="پروفایل‌های تأییدشدهٔ نویسنده"><a href="https://www.linkedin.com/in/SeoPlusIR/" target="_blank" rel="noopener nofollow me" itemprop="sameAs" aria-label="لینکدین"><svg class="ic ic-linkedin" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false"><path d="M4.98 3.5a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5zM3 9h4v12H3zM9 9h3.8v1.7h.05c.53-.95 1.83-1.95 3.75-1.95 4 0 4.75 2.5 4.75 5.8V21h-4v-5.6c0-1.34-.03-3.07-2-3.07-2 0-2.3 1.46-2.3 2.97V21H9z"/></svg></a><a href="https://t.me/VahidBehnam" target="_blank" rel="noopener nofollow me" itemprop="sameAs" aria-label="تلگرام"><svg class="ic ic-telegram" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false"><path d="M21.9 4.3 18.6 20c-.2 1.1-.9 1.4-1.8.9l-5-3.7-2.4 2.3c-.3.3-.5.5-1 .5l.4-5 9.2-8.3c.4-.4-.1-.6-.6-.2L6.1 13.1 1.2 11.6c-1-.3-1-1 .2-1.5l19.1-7.4c.9-.3 1.6.2 1.4 1.6z"/></svg></a><a href="https://www.instagram.com/SeoPlusIR/" target="_blank" rel="noopener nofollow me" itemprop="sameAs" aria-label="اینستاگرام"><svg class="ic ic-instagram" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false"><path d="M12 2.2c3.2 0 3.6 0 4.9.1 1.2.1 1.8.2 2.2.4.6.2 1 .5 1.4.9.4.4.7.8.9 1.4.2.4.4 1 .4 2.2.1 1.3.1 1.7.1 4.9s0 3.6-.1 4.9c-.1 1.2-.2 1.8-.4 2.2-.2.6-.5 1-.9 1.4-.4.4-.8.7-1.4.9-.4.2-1 .4-2.2.4-1.3.1-1.7.1-4.9.1s-3.6 0-4.9-.1c-1.2-.1-1.8-.2-2.2-.4a3.8 3.8 0 0 1-1.4-.9 3.8 3.8 0 0 1-.9-1.4c-.2-.4-.4-1-.4-2.2C2.2 15.6 2.2 15.2 2.2 12s0-3.6.1-4.9c.1-1.2.2-1.8.4-2.2.2-.6.5-1 .9-1.4.4-.4.8-.7 1.4-.9.4-.2 1-.4 2.2-.4 1.3-.1 1.7-.1 4.8-.1zm0 3.2A6.6 6.6 0 1 0 18.6 12 6.6 6.6 0 0 0 12 5.4zm0 10.9A4.3 4.3 0 1 1 16.3 12 4.3 4.3 0 0 1 12 16.3zm6.9-11.1a1.5 1.5 0 1 1-1.5-1.5 1.5 1.5 0 0 1 1.5 1.5z"/></svg></a></span></div></div></section><div class="post-nav"><a href="https://seoplus.ir/wordpress-training/5-%d9%be%d8%b1%d8%a7%d9%85%d9%be%d8%aa-%d9%87%d9%88%d8%b4-%d9%85%d8%b5%d9%86%d9%88%d8%b9%db%8c-%d8%b9%d9%85%d9%84-%db%8c%da%a9-%da%a9%d9%84%db%8c%da%a9-%d8%a7%d9%88%d8%aa%d8%b1%d8%a8%d9%84%d8%a7%da%a9/" rel="prev"><span class="lbl">مطلب قبلی</span><span class="ttl">پنج پرامپت هوش مصنوعی را به عملیات یک‌کلیک در Otter Blocks تبدیل کردم</span></a></div><section class="related-posts"><div class="section-head"><h2>مطالب مرتبط</h2></div><div class="post-grid"><article class="post-card post-13919 post type-post status-publish format-standard hentry category-wordpress-training"><a class="thumb is-placeholder ph-d" href="https://seoplus.ir/wordpress-training/5-%d9%be%d8%b1%d8%a7%d9%85%d9%be%d8%aa-%d9%87%d9%88%d8%b4-%d9%85%d8%b5%d9%86%d9%88%d8%b9%db%8c-%d8%b9%d9%85%d9%84-%db%8c%da%a9-%da%a9%d9%84%db%8c%da%a9-%d8%a7%d9%88%d8%aa%d8%b1%d8%a8%d9%84%d8%a7%da%a9/" aria-hidden="true" tabindex="-1"><span class="ph-icon"><svg class="ic ic-doc" width="20" height="20" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false"><path d="M6 2.5h8l4 4V20a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 5 20V4A1.5 1.5 0 0 1 6.5 2.5Z" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linejoin="round"/><path d="M14 2.5V7a1 1 0 0 0 1 1h4.5" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linejoin="round"/><path d="M8.2 12.2h7.2M8.2 15h7.2M8.2 9.4h3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg></span><span class="ph-title">پنج پرامپت هوش مصنوعی را به عملیات یک‌کلیک در Otter…</span></a><div class="body"><a class="cat" href="https://seoplus.ir/wordpress-training/">آموزش وردپرس</a><h3><a href="https://seoplus.ir/wordpress-training/5-%d9%be%d8%b1%d8%a7%d9%85%d9%be%d8%aa-%d9%87%d9%88%d8%b4-%d9%85%d8%b5%d9%86%d9%88%d8%b9%db%8c-%d8%b9%d9%85%d9%84-%db%8c%da%a9-%da%a9%d9%84%db%8c%da%a9-%d8%a7%d9%88%d8%aa%d8%b1%d8%a8%d9%84%d8%a7%da%a9/" rel="bookmark">پنج پرامپت هوش مصنوعی را به عملیات یک‌کلیک در Otter Blocks تبدیل کردم</a></h3><p class="excerpt">با ترکیب پنج پرامپت هوش مصنوعی به‌صورت یک‌کلیک در Otter Blocks، گام‌به‌گام فرآیندها را ساده کنید، زمان تولید محتوا را به‌طور چشمگیری…</p><div class="card-meta"><span><time datetime="2026-09-10T14:46:17+03:30">سپتامبر 10, 2026</time></span><span>11 دقیقه</span><span>0 بازدید</span><span>0 نظر</span></div></div></article><article class="post-card post-13917 post type-post status-publish format-standard hentry category-wordpress-training"><a class="thumb is-placeholder ph-b" href="https://seoplus.ir/wordpress-training/%d9%88%d8%b1%d8%af%d9%be%d8%b1%d8%b3-%d8%a2%da%98%d8%a7%d9%86%d8%b3-%d9%82%d8%a7%d9%84%d8%a8-%d9%85%d8%ac%d8%af%d8%af-%d8%a8%d8%af%d9%88%d9%86-%da%a9%d9%be%db%8c%d9%be%db%8c%d8%b3%d8%aa/" aria-hidden="true" tabindex="-1"><span class="ph-icon"><svg class="ic ic-doc" width="20" height="20" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false"><path d="M6 2.5h8l4 4V20a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 5 20V4A1.5 1.5 0 0 1 6.5 2.5Z" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linejoin="round"/><path d="M14 2.5V7a1 1 0 0 0 1 1h4.5" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linejoin="round"/><path d="M8.2 12.2h7.2M8.2 15h7.2M8.2 9.4h3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg></span><span class="ph-title">گردش کار وردپرس: بازاستفاده از قالب‌ها در سایت‌های مشتری بدون…</span></a><div class="body"><a class="cat" href="https://seoplus.ir/wordpress-training/">آموزش وردپرس</a><h3><a href="https://seoplus.ir/wordpress-training/%d9%88%d8%b1%d8%af%d9%be%d8%b1%d8%b3-%d8%a2%da%98%d8%a7%d9%86%d8%b3-%d9%82%d8%a7%d9%84%d8%a8-%d9%85%d8%ac%d8%af%d8%af-%d8%a8%d8%af%d9%88%d9%86-%da%a9%d9%be%db%8c%d9%be%db%8c%d8%b3%d8%aa/" rel="bookmark">گردش کار وردپرس: بازاستفاده از قالب‌ها در سایت‌های مشتری بدون کپی‌پست</a></h3><p class="excerpt">با یک فرآیند حرفه‌ای در وردپرس، قالب‌های سفارشی را به‌سرعت برای تمام مشتریان به‌کار ببرید و از کپی‌پست دور بمانید بدون نیاز…</p><div class="card-meta"><span><time datetime="2026-09-10T11:46:21+03:30">سپتامبر 10, 2026</time></span><span>13 دقیقه</span><span>0 بازدید</span><span>0 نظر</span></div></div></article><article class="post-card post-13913 post type-post status-publish format-standard hentry category-wordpress-training"><a class="thumb is-placeholder ph-b" href="https://seoplus.ir/wordpress-training/cdn-%d8%aa%d8%b5%d9%88%db%8c%d8%b1-%d9%81%d8%b4%d8%b1%d8%af%d9%87-%d8%a8%d9%87%db%8c%d9%86%d9%87%d8%b3%d8%a7%d8%b2%db%8c-%d9%88%d8%b1%d8%af%d9%be%d8%b1%d8%b3/" aria-hidden="true" tabindex="-1"><span class="ph-icon"><svg class="ic ic-doc" width="20" height="20" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false"><path d="M6 2.5h8l4 4V20a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 5 20V4A1.5 1.5 0 0 1 6.5 2.5Z" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linejoin="round"/><path d="M14 2.5V7a1 1 0 0 0 1 1h4.5" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linejoin="round"/><path d="M8.2 12.2h7.2M8.2 15h7.2M8.2 9.4h3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg></span><span class="ph-title">مقایسه CDN تصویر، فشرده‌سازی محلی و بهینه‌سازی سرور در تست…</span></a><div class="body"><a class="cat" href="https://seoplus.ir/wordpress-training/">آموزش وردپرس</a><h3><a href="https://seoplus.ir/wordpress-training/cdn-%d8%aa%d8%b5%d9%88%db%8c%d8%b1-%d9%81%d8%b4%d8%b1%d8%af%d9%87-%d8%a8%d9%87%db%8c%d9%86%d9%87%d8%b3%d8%a7%d8%b2%db%8c-%d9%88%d8%b1%d8%af%d9%be%d8%b1%d8%b3/" rel="bookmark">مقایسه CDN تصویر، فشرده‌سازی محلی و بهینه‌سازی سرور در تست وردپرس</a></h3><p class="excerpt">در این تست وردپرس، کارایی CDN تصویر، فشرده‌سازی محلی و بهینه‌سازی سرور را مقایسه می‌کنیم و راهکارهای سرعت‌ساز را ارائه می‌دهیم</p><div class="card-meta"><span><time datetime="2026-09-09T11:46:17+03:30">سپتامبر 9, 2026</time></span><span>12 دقیقه</span><span>0 بازدید</span><span>0 نظر</span></div></div></article><article class="post-card post-13911 post type-post status-publish format-standard hentry category-wordpress-training"><a class="thumb is-placeholder ph-d" href="https://seoplus.ir/wordpress-training/%d8%aa%d8%ad%d9%84%db%8c%d9%84-%d8%ad%d8%b1%db%8c%d9%85-%d8%ae%d8%b5%d9%88%d8%b5%db%8c-%d9%88%d8%b1%d8%af%d9%be%d8%b1%d8%b3-%d9%be%d9%84%d8%a7%d9%88%d8%b3%db%8c%d8%a8%d9%84-%d8%a7%d9%85%d8%a7%d9%85/" aria-hidden="true" tabindex="-1"><span class="ph-icon"><svg class="ic ic-doc" width="20" height="20" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false"><path d="M6 2.5h8l4 4V20a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 5 20V4A1.5 1.5 0 0 1 6.5 2.5Z" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linejoin="round"/><path d="M14 2.5V7a1 1 0 0 0 1 1h4.5" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linejoin="round"/><path d="M8.2 12.2h7.2M8.2 15h7.2M8.2 9.4h3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg></span><span class="ph-title">تحلیل‌گرهای حریم‌محافظ وردپرس: مقایسه Plausible، Umami و Matomo (2026)</span></a><div class="body"><a class="cat" href="https://seoplus.ir/wordpress-training/">آموزش وردپرس</a><h3><a href="https://seoplus.ir/wordpress-training/%d8%aa%d8%ad%d9%84%db%8c%d9%84-%d8%ad%d8%b1%db%8c%d9%85-%d8%ae%d8%b5%d9%88%d8%b5%db%8c-%d9%88%d8%b1%d8%af%d9%be%d8%b1%d8%b3-%d9%be%d9%84%d8%a7%d9%88%d8%b3%db%8c%d8%a8%d9%84-%d8%a7%d9%85%d8%a7%d9%85/" rel="bookmark">تحلیل‌گرهای حریم‌محافظ وردپرس: مقایسه Plausible، Umami و Matomo (2026)</a></h3><p class="excerpt">در مقایسهٔ دقیق ابزارهای تحلیلی حریم‌محافظ برای وردپرس، نقاط قوت و ضعف Plausible، Umami و Matomo را به‌صورت گام به گام و…</p><div class="card-meta"><span><time datetime="2026-09-08T21:46:17+03:30">سپتامبر 8, 2026</time></span><span>15 دقیقه</span><span>1 بازدید</span><span>0 نظر</span></div></div></article></div></section><div class="comments-area"><div id="respond" class="comment-respond"><h3 id="reply-title" class="comment-reply-title">اولین نفری باش که نظر می‌ده! <small><a rel="nofollow" id="cancel-comment-reply-link" href="/wordpress-training/%D8%B3%D8%A7%D8%AE%D8%AA-%D9%81%D8%B1%D9%85-%D8%AA%D9%85%D8%A7%D8%B3-%D9%88%D8%B1%D8%AF%D9%BE%D8%B1%D8%B3-%D8%A8%D8%AF%D9%88%D9%86-%D9%BE%D9%84%D8%A7%DA%AF%DB%8C%D9%86/#respond" style="display:none;">لغو پاسخ</a></small></h3><form action="https://seoplus.ir/wp-comments-post.php" method="post" id="commentform" class="comment-form"><p class="comment-notes">فقط نام لازم است، ایمیل اختیاریه و منتشر نمی‌شه.</p><p class="comment-form-comment"><label for="comment" class="screen-reader-text">دیدگاه شما</label><textarea id="comment" name="comment" rows="3" required placeholder="نظرت چیه؟ سوالی داری یا نکته‌ای برای بقیه؟ همینجا بنویس…"> نام ایمیل (اختیاری) فهرست مطالب فهرست مطالب درک ساختار فرم ساده HTML ایجاد فیلدهای ورودی با کد افزودن اعتبارسنجی سمت کلاینت تنظیم ارسال ایمیل وردپرس محافظت از فرم با nonce و CAPTCHA تست و رفع اشکال نهایی سوالات متداول چطور می‌توانم فرم تماس ساده با HTML بسازم؟ آیا نیاز به تنظیمات سرور برای ارسال ایمیل دارم؟ چطور می‌توانم اسکریپت PHP ارسال ایمیل را امن کنم؟ فرم من پس از ارسال خالی نمی‌شود، چرا؟ چک‌لیست سریع پربازدیدترین مقالات 1رفع خطای ERR_CONNECTION_RESET: 10 روش مؤثر برای رفع مشکل 63 بازدید 2نمونه نامه و گزارش غیبت کارمند + متن آماده (اداری، همکار، تاخیر) 37 بازدید 3Substack چیست؟ راهنمای مبتدی برای شروع نوشتن و جذب مخاطب 36 بازدید 4راهنمای گام‌به‌گام رفع مشکل عدم ارسال ایمیل در وردپرس 29 بازدید 5خطای 401 Unauthorized: مفهوم، دلایل و راه حل های رفع 28 بازدید سئو پلاس – آموزش سئو رایگان و خدمات سئو سایت آموزش سئو رایگان، خدمات حرفه ای سئو سایت و مشاوره رایگان سئو برای افزایش رتبه در گوگل دسترسی سریع قوانین و مقررات سیاست حریم خصوصی سئو تماس با ما seoplus.ir@gmail.com درباره سایت آموزش‌های تخصصی سئو، وردپرس و توسعه وب — با تمرکز بر تجربه‌ی عملی و نتیجه‌محور. © 2026 تمامی حقوق مادی و معنوی این سایت محفوظ است.صفحه نخستتماس با ما