حميد شریفی

تعداد کل دانلود ها : 866524

تعداد کل مطالب : 1374

ساختن Custom Page در وردپرس

تعداد دانلود:

تعداد بازدید:

3755

تاریخ:

۱۳۹۵-۱۰-۱۱

دسته بندی:

آموزش wordpress

هشتگ ها :

0تومان

افزودن به سبد و خرید

📌 خلاصه مقاله

در این راهنمای جامع، یاد می‌گیرید چگونه در وردپرس صفحات سفارشی (Custom Page) ایجاد کنید. از مفاهیم پایه تا تکنیک‌های پیشرفته با مثال‌های عملی و کدهای آماده. این آموزش برای هر دو سطح مبتدی و حرفه‌ای طراحی شده است.

راهنمای جامع ساخت Custom Page در وردپرس

۱. Custom Page چیست و چرا به آن نیاز داریم؟

صفحات سفارشی در وردپرس به شما امکان می‌دهند طرح‌بندی و عملکردهای منحصر به فردی ایجاد کنید که در قالب پیش‌فرض وجود ندارد.

مثال کاربردی:

فرض کنید می‌خواهید یک صفحه فرود (Landing Page) کاملاً متفاوت با بقیه سایت داشته باشید:

<?php 
/*
Template Name: صفحه فرود ویژه
*/
get_header(); 
?>
<div class="custom-landing">
   <!-- محتوای سفارشی شما -->
</div>
<?php get_footer(); ?>

✅ امکان طراحی بدون محدودیت‌های تم اصلی
✅ ایجاد صفحات با عملکردهای خاص
✅ مناسب برای صفحات فرود، پروفایل کاربری و ...

۲. روش‌های ایجاد Custom Page

روش ۱: استفاده از Page Template

ساده‌ترین روش برای مبتدیان:

ایجاد فایل جدید با پیشوند page-
اضافه کردن کامنت Template Name
آپلود به پوشه تم

مثال:

/* 
Template Name: محصولات ویژه 
*/

روش ۲: استفاده از page-{slug}.php

برای صفحات خاص با اسلاگ مشخص:

ایجاد فایل به نام page-about.php
وردپرس به طور خودکار آن را برای صفحه about اعمال می‌کند

مثال ساختار فایل:

// page-contact.php
// برای صفحه تماس با ما

۳. ایجاد Custom Page با کدنویسی (پیشرفته)

برای کنترل کامل بر روی صفحه می‌توانید از فایل‌های سفارشی استفاده کنید:

add_filter('template_include', 'custom_page_template');
function custom_page_template($template) {
    if (is_page('my-custom-page')) {
        return get_template_directory() . '/custom-templates/my-template.php';
    }
    return $template;
}

add_shortcode('custom_page', 'render_custom_page');
function render_custom_page() {
    ob_start();
    // محتوای سفارشی شما
    $output = ob_get_clean();
    return $output;
}

سپس در ویرایشگر صفحه از شورتکد [custom_page] استفاده کنید.

۴. ادغام Custom Page با المنتور

برای ترکیب قدرت صفحه سازها با صفحات سفارشی:

مراحل کار:

ایجاد تمپلیت در المنتور
ذخیره به عنوان تمپلیت
فراخوانی در کد سفارشی

مثال کد:

<?php
// نمایش تمپلیت المنتور
echo \Elementor\Plugin::instance()
    ->frontend->get_builder_content(123); // ID تمپلیت
?>

۵. ایجاد Custom Page برای پست‌تایپ‌های سفارشی

برای نمایش پست‌تایپ‌های سفارشی به روش خاص:

ساختار نام‌گذاری فایل‌ها:

single-{post_type}.php
archive-{post_type}.php
taxonomy-{taxonomy}.php

مثال برای محصولات:

// single-product.php
// برای نمایش تک محصولات

نکته مهم:

پس از ایجاد فایل‌های جدید، حتما permalink ها را ریست کنید (تنظیمات > پیوندهای یکتا > ذخیره تغییرات).

۶. مدیریت محتوای داینامیک در Custom Page

چگونه داده‌های داینامیک را در صفحات سفارشی نمایش دهیم:

دریافت فیلدهای سفارشی:

<?php 
$custom_field = get_post_meta(
    get_the_ID(), 
    'field_name', 
    true
); 
?>

نمایش آخرین پست‌ها:

<?php
$recent_posts = wp_get_recent_posts([
    'numberposts' => 3,
    'post_status' => 'publish'
]);
foreach($recent_posts as $post) {
    echo '<h3>' . $post['post_title'] . '</h3>';
}
?>

۷. بهینه‌سازی Custom Page برای سئو

متا تگ‌ها

add_action('wp_head', 'custom_meta_tags');
function custom_meta_tags() {
    if (is_page('custom-page')) {
        echo '<meta name="description" 
              content="توضیحات سفارشی">';
    }
}

اسکیما مارکاپ

function custom_schema() {
    $schema = [
        '@context' => 'https://schema.org',
        '@type' => 'WebPage',
        'name' => get_the_title()
    ];
    echo '<script type="application/ld+json">' 
         . json_encode($schema) 
         . '</script>';
}
add_action('wp_footer', 'custom_schema');

سرعت بارگذاری

استفاده از lazy loading
بهینه‌سازی تصاویر
حداقل‌سازی CSS/JS

۸. خطایابی و حل مشکلات رایج

مشکل	راه حل
تمپلیت اعمال نمی‌شود	بررسی نام فایل و کامنت Template Name
خطای 404	ریست کردن پیوندهای یکتا
استایل‌ها اعمال نمی‌شوند	بارگذاری صحیح فایل‌های CSS/JS
محتوا نمایش داده نمی‌شود	بررسی حلقه وردپرس (WP_Query)

نکته امنیتی:

هرگز فایل‌های تمپلیت را مستقیما از طریق FTP ویرایش نکنید. از child theme استفاده کنید تا تغییرات با آپدیت تم از بین نروند.

۹. بهترین روش‌ها و جمع‌بندی

✅ بهترین روش‌ها

همیشه از child theme استفاده کنید
فایل‌ها را به درستی نام‌گذاری کنید
کدها را در پلاگین قرار دهید نه تم
از hook های وردپرس استفاده کنید
امنیت را در نظر بگیرید

🚀 منابع پیشرفته

جمع‌بندی نهایی

ساخت صفحات سفارشی در وردپرس راهی قدرتمند برای ایجاد تجربه کاربری منحصر به فرد است. از تمپلیت‌های ساده تا پیاده‌سازی‌های پیشرفته، وردپرس انعطاف‌پذیری بالایی ارائه می‌دهد.

با رعایت بهترین روش‌ها و آزمایش دقیق، می‌توانید صفحاتی ایجاد کنید که هم از نظر ظاهری جذاب باشند و هم از نظر عملکردی بهینه عمل کنند.