آموزش ایجاد برگه دلخواه با طرح سفارشی در وردپرس
آیا میخواهید برگه دلخواه خود در وردپرس را ایجاد کنید؟ به احتمال زیاد متوجه این موضوع شده اید که بسیاری از سایت های وردپرس طرح های مختلفی برای برگه های مختلف سایت وردپرس خود دارند. یک برگه دلخواه به شما اجازه می دهد تا ظاهر برگه های سایت خود را از آنچه که به طور معمول در وردپرس مشاهده می کنید، تغییر دهید. در این مطلب به شما نشان خواهیم که چگونه می توانید برگه دلخواه با طرح سفارشی مورد نظر خود در وردپرس را ایجاد کنید.
برگه دلخواه در وردپرس چیست
به صورت پیش فرض، وردپرس به شما اجازه می دهد تا نوشته ها و برگه هایی را ایجاد کنید. قالب وردپرس شما ظاهر برگه های شما را از طریق فایلی به نام page.php کنترل می کند.
این فایل تک تک برگه هایی که شما در وردپرس ایجاد کرده اید را تحت تاثیر قرار می دهد. اما همه برگه ها یکسان نیستند. تغییرات کوچک در طرح و ظاهر آنها می توانید به زیبایی و کاربردی شدن آنها کمک کند.
ایجاد یک برگه دلخواه در وردپرس نیازمند دانش حداقلی از HTML، CSS و PHP است.
ایجاد برگه دلخواه در وردپرس
ابتدا شما میبایست ویرایشگر متن ساده ای همانند Notepad را در رایانه خود باز کنید. در یک فایل خالی، کد زیر را به بالای فایل مذکور اضافه کنید:
<?php /* Template Name: نام قالب برگه دلخواه */ ?>
این کد تنها به وردپرس میگوید که این یک فایل قالبی است و میبایست به نام “نام قالب برگه دلخواه” شناخته شود. شما می توانید نام مذکور را به هر آن چیزی که میخواهید تغییر دهید.
به محض اینکه کد بالا را اضافه کردید، فایل مذکور را تحت عنوان custompagetem.php یا عنوان دلخواه خود ذخیره کنید. تنها دقت داشته باشید که پسوند فایل .php باشد.
در گام بعدی شما میبایست وارد File Manager هاست سی پنل خود شوید.
به محض اینکه وارد شدید، به پوشه قالب سایت وردپرس خود مراجعه کنید. پوشه مذکور در مسیر /wp-content/themes/ مراجعه کنید. گام بعدی، آپلود فایل مذکور ایجاد شده در پوشه قالب است.
حالا شما میبایست وارد پیشخوان سایت وردپرس خود شده و برگه ای از سایت خود را ویرایش کرده و یا برگه ای جدید ایجاد کنید.
در صفحه ویرایش برگه، به پایین صفحه و قسمت “ویژگی های برگه” رفته و در قسمت قالب، نام قالبی که ایجاد کرده اید را پیدا کرده و انتخاب کنید.
حالا اگر قالب را تغییر داده و به برگه مذکور مراجعه کنید، با یک برگه خالی مواجه خواهید شد. علت این است که فایلی که ایجاد کرده اید خالی بوده و برای وردپرس تعریف نشده که چگونه برگه را نمایش دهد.
در مرحله بعدی نوبت آن است که فایل قالب ایجاد شده را ویرایش کنید.
ویرایش قالب برگه دلخواه
قالب برگه دلخواه شما همانند سایر قالب های موجود در وردپرس است. شما می توانید به آن کدهای HTML، PHP و تگ های مربوطه را اضافه کنید.
آسان ترین راه برای کار با برگه دلخواهتان، کپی کردن محتویات موجود در فایل page.php قالب فعلی سایتتان است.
از طریق File Manager یا FTP Client وارد هاست شده و به پوشه قالب سایت خود مراجعه کنید. در پوشه مذکور با فایلی به نام page.php مواجه خواهید شد. کافی است آن را در رایانه خود ذخیره کنید.
فایل مذکور را با استفاده از ویرایشگر ساده ای مانند Notepad باز کرده و تمام محتوای آن به جز قسمت هدر را کپی کنید.
منظور از هدر، بخش بالایی کدهای موجود در فایل است که به صورت یادداشت درآمده اند. علت کپی نکردن این قسمت هم این است که پیشتر ما خود این هدر را برای فایل مورد نظرمان ایجاد کرده ایم.
حالا شما میبایست فایل خود را ویرایش کرده و کدهای کپی شده را درون آن قرار دهید.
فایل قالب برگه شما چیزی شبیه به نمونه زیر خواهد شد:
<?php /* Template Name: نام قالب برگه دلخواه */ ?> <?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(); ?>
فایل مذکور را ذخیره کرده و مجدا آن را درون پوشه قالب سایت خود آپلود کنید.
حالا میتوانید به برگه ای که ویرایش یا ایجاد کرده اید مراجعه کنید. مشاهده خواهید کرد که برگه مذکور شبیه تمام برگه های موجود در سایت شما است.
شما حالا می توانید محتویات فایل مذکور را ویرایش کرده و کدهای درون آن را تغییر دهید. برای مثال، میتوانید به قالب برگه مورد نظر خود سایدبار اضافه کنید یا کدهای PHP دلخواهتان را به ان اضافه کنید.
نظرات کاربران
ثبت دیدگاه