آموزش وردپرس

نحوه‌ی ساختن Custom Page یا همان صفحه سفارشی در وردپرس

ایجاد قالب سفارشی برای یک صفحه در وردپرس

آیا می‌خواهید یک صفحه سفارشی در وردپرس ایجاد کنید؟ ممکن است متوجه شده باشید که بسیاری از سایتهای وردپرس طرح‌های (layout‌s) متفاوتی برای صفحات مختلف دارند. یک صفحه سفارشی به شما این اجازه را می‌دهد که صفحاتی طراحی‌های متفاوتی در ظاهر صفحات وردپرس داشته باشید. ما در این مقاله به شما نحوه‌ی ایجاد یک صفحه سفارشی در وردپرس را آموزش خواهیم داد.

منظور از صفحه سفارشی در وردپرس چیست؟

به طور پیش فرض، وردپرس به شما اجازه می‌دهد که پست‌ها و صفحات دلخواه خود را ایجاد کنید. تم وردپرس شما ظاهر صفحات را با استفاده از یک فایل قالب (template file) به نام page.php کنترل می‌کند.

این قالب تمام صفحاتی که در وردپرس خود ایجاد می‌کنید تحت تاثیر قرار می‌دهد. با این حال، تمام صفحات یکسان نیستند. تغییرات کوچک در طرح (layout) و ظاهرشان می‌تواند آنها را منحصر به فرد و کارآمدتر کند.

ایجاد یک صفحه سفارشی در وردپرس نیاز به دانشی مقدماتی در زمینه‌های CSS، HTML و PHP دارید.

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

ایجاد Custom Page یا همان صفحه سفارشی در وردپرس

در آغاز، شما باید یک ویرایشگر متن ساده نظیر Notepad را در کامپیوتر خود باز کنید. در قسمت محتوا کد زیر را اضافه کنید:

<?php /* Template Name: CustomPageT1 */ ?>

کد فوق به وردپرس تفهیم می‌کند که این یک فایل قالب است و باید به عنوان CustomPageT1 شناخته شود. شما می‌توانید قالب خود را با هر عنوانی که مایلید نام گذاری کنید به شرطی که برای خودتان نیز قابل قبول باشد.

بعد از اضافه کردن کد، فایل را در دسکتاپ خود با نام custompaget1.php ذخیره کنید.

شما می‌توانید این فایل را با هر نامی که می‌خواهید ذخیره کنید، اما مطمئن شوید که با فرمت php به پایان برسد.

در مرحله بعد، شما باید با استفاده از سرویس گیرنده FTP به وب‌سایت خود متصل شوید.

پس از اتصال، وارد پوشه‌‌ی تم فعلی یا تم کودک خود شوید. شما این پوشه را در دایرکتوری /wp-content/themes پیدا خواهید کرد. سپس، قالب صفحه سفارشی دلخواه‌تان(custom page template file) را در تم خود آپلود کنید.

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

در صفحه‌ی ویرایش، به بخش” Page Attributes ” بروید، در آنجا منوی کشویی قالب را خواهید دید. با کلیک بر روی آن می‌توانید قالبی را که به تازگی ایجاد کرده‌اید انتخاب کنید.

Page Attributes

اکنون اگر شما قالب را تغییر دادید و این صفحه را مشاهده کردید. یک صفحه خالی برای شما نمایش داده خواهد شد. زیرا قالب شما خالی بوده و نمی‌تواند به وردپرس دستور نمایش چیزی را بدهد.

نگران نباشید، ما به شما نشان خواهیم داد که چگونه به راحتی صفحه سفارشی خود را ویرایش کنید.

ویرایش قالب صفحه سفارشی

قالب صفحه سفارشی شما مشابه هر فایل تم دیگر در وردپرس است. شما می‌توانید هرگونه HTML، تگ قالب و یا کد PHP را در این فایل اضافه کنید.

آسان‌ترین راه برای شروع کار با صفحه سفارشی شما استفاده از کپی قالب صفحه(page template) است که از قبل موجود بوده و توسط تم شما تهیه شده‌ است.

سرویس گیرنده FTP خود را باز کنید و به پوشه تم خود بروید. درآنجا شما فایلی با نام page.php مشاهده خواهید کرد. شما باید این فایل را در کامپیوتر خود دانلود کنید.

فایل page.php

فایل page.php در یک ویرایشگر متن ساده مانند Notepad باز کنید و تمام محتوای آن را به جز بخش عنوان کپی کنید.

فایل page.php

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

اکنون شما باید فایل قالب صفحه سفارشی خود را باز کنید و محتوا را در قسمت پایانی Paste کنید.

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

<?php /* Template Name: CustomPageT1 */ ?>
 
<?php get_header(); ?>
 
<div id="primary" class="content-area">
    <main id="main" class="site-main" role="main">
        <?php
        // Start the loop.
        while ( have_posts() ) : the_post();
 
            // Include the page content template.
            get_template_part( 'template-parts/content', 'page' );
 
            // If comments are open or we have at least one comment, load up the comment template.
            if ( comments_open() || get_comments_number() ) {
                comments_template();
            }
 
            // End of the loop.
        endwhile;
        ?>
 
    </main><!-- .site-main -->
 
    <?php get_sidebar( 'content-bottom' ); ?>
 
</div><!-- .content-area -->
 
<?php get_sidebar(); ?>
<?php get_footer(); ?>

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

شما می‌توانید ویرایش قالب صفحه سفارشی خود را ادامه دهید. می‌توانید آن را به هر روشی که دوست دارید سفارشی کنید. برای مثال، می‌توانید نوار کناری را حذف کنید، کد PHP سفارشی و یا هر HTML دیگری را که میخواهید اضافه کنید.

شما می‌توانید با ویرایش این صفحه، در صفحه‌ی ویرایشگر وردپرس، محتوا را اضافه کنید. همچنین می‌توانید قسمت محتوا را در ویرایشگر صفحه کاملا خالی بگذارید و محتوای سفارشی را مستقیما در template page (قالب صفحه) خود اضافه نمایید.

امیدواریم که این مقاله به شما در نحوه‌ی اضافه کردن custom page کمک کرده باشد.

< آخرین آموزش‌های پایگاه دانش تسنیم را در تلگرام دنبال کنید >

نوشته های مشابه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا