گاهی اوقات نیاز دارید صفحه‌ای در سایت خود داشته باشید که ظاهر آن کاملاً با سایر صفحات (مثل وبلاگ یا صفحات داخلی) متفاوت باشد. وردپرس این قابلیت را از طریق Custom Page Templates در اختیار شما قرار می‌دهد. در این مقاله از سون ریپلای، یاد می‌گیرید که چطور در ۳ گام ساده، یک صفحه کاملاً سفارشی بسازید.

روش اول: ساخت تمپلیت اختصاصی (کدنویسی)

این روش اصولی‌ترین راه برای طراحان سایت است.

گام اول: ایجاد فایل جدید در قالب

ابتدا وارد هاست خود شوید و به مسیر wp-content/themes/your-theme بروید. یک فایل جدید ایجاد کنید (مثلاً با نام custom-landing.php).

گام دوم: معرفی فایل به وردپرس

در ابتدای این فایل، کد زیر را قرار دهید تا وردپرس متوجه شود این یک فایل تمپلیت است:

<?php
/*
Template Name: صفحه اختصاصی سون ریپلای
*/

get_header(); // فراخوانی هدر سایت
?>

<div id="primary" class="content-area">
    <main id="main" class="site-main">
        <section class="my-custom-design">
            <h1><?php the_title(); ?></h1>
            <div class="custom-content">
                <p>این یک صفحه کاملاً سفارشی است!</p>
            </div>
        </section>
    </main>
</div>

<?php
get_footer(); // فراخوانی فوتر سایت
?>

گام سوم: استفاده از تمپلیت در پیشخوان

1. به پیشخوان وردپرس بروید و یک برگه جدید بسازید (یا یکی از برگه‌های قدیمی را ویرایش کنید).

2. در منوی سمت چپ، بخش تنظیمات برگه را پیدا کنید.

3. در قسمت الگو (Template)، نامی که در مرحله قبل انتخاب کردید (یعنی “صفحه اختصاصی سون ریپلای”) را برگزینید.

4. برگه را منتشر کنید.

روش دوم: ساخت صفحه برای یک آیدی یا نامک خاص

اگر می‌خواهید فقط برای یک برگه خاص (مثلاً برگه “درباره ما”) طراحی متفاوتی داشته باشید، نیازی به انتخاب الگو نیست. وردپرس از ساختار نام‌گذاری زیر پیروی می‌کند:

1. page-{slug}.php: اگر نامک برگه شما contact-us باشد، فایلی با نام page-contact-us.php بسازید تا وردپرس خودکار آن را شناسایی کند.

2. page-{id}.php: اگر آیدی برگه شما ۱۲ باشد، نام فایل را page-12.php بگذارید.

نکات طلایی برای طراحی حرفه‌ای

• استفاده از CSS اختصاصی: می‌توانید استایل‌های این صفحه را در فایل style.css قالب خود بنویسید یا یک فایل CSS جداگانه فقط برای این تمپلیت فراخوانی کنید.

• حذف هدر و فوتر: اگر قصد ساخت یک “صفحه فرود” (Landing Page) دارید که نباید منو یا فوتر سایت در آن باشد، کافی است توابع get_header() و get_footer() را از کد بالا حذف کنید و کدهای HTML خام خود را قرار دهید.

سوالات متداول (FAQ)

۱. آیا با تغییر قالب، این صفحات از بین می‌روند؟ بله، چون فایل تمپلیت در پوشه قالب فعلی شما قرار دارد. اگر قالب را عوض کنید، باید آن فایل را به پوشه قالب جدید منتقل کنید.

۲. آیا می‌توانم از المنتور (Elementor) برای این کار استفاده کنم؟ بله، افزونه‌هایی مثل المنتور یا ویژوال کامپوزر امکان طراحی بصری را می‌دهند، اما روش کدنویسی که در بالا ذکر شد، سرعت لود بسیار بالاتری دارد و برای سئو مناسب‌تر است.

آیا مایل هستید آموزش ساخت یک “صفحه فرود حرفه‌ای” با استفاده از فریم‌ورک Bootstrap در وردپرس را برایتان آماده کنم؟