نحوه ایجاد و طراحی یک صفحه دلخواه Custom Page در وردپرس

 

آیا شما می خواهید یک صفحه دلخواه Custom page در وردپرس بسازید؟

ممکن است متوجه شده باشید که بسیاری از سایت های وردپرس پوسته های Layouts  مختلف برای صفحات مختلف دارند. یک صفحه دلخواه Custom page اجازه می دهد تا شما نسبت به صفحات عادی و معمول، طرحهای مختلف در ظاهر صفحه تان داشته باشید. در این مقاله، ما به شما نشان می دهد که چگونه یک صفحه دلخواهCustom page در وردپرس WordPress ایجاد کنید.

طراحی صفحه دلخواه با وردپرس     

یک Custom page در وردپرس چیست؟

به طور پیش فرض وردپرس به شما اجازه می دهد پست ها و صفحات را ایجاد کنید. تم وردپرس شما با استفاده از یک فایل قالب به نام page.php ظاهر صفحات شما را کنترل می کند.

 

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

 

ایجاد یک صفحه دلخواه Custom page در وردپرس WordPress نیاز به درک اولیه از HTML، CSS و PHP دارد.

 

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

 

ایجاد یک صفحه دلخواه Custom page در وردپرس قدم به قدم

اول، شما باید یک ویرایشگر متن ساده مانند Notepad بر روی رایانه خود باز کنید.

در فایل خالی این خط کد را در بالا اضافه کنید:

 

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

 

این کد به سادگی می گوید به وردپرس که این یک فایل الگو است و باید آن را به عنوان CustomPageT1 بشناسد. شما می توانید template خود را هر نامی که می خواهید بگذارید..

 

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

 

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

 

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

 

پس از اتصال، به پوشه تم بچهChild Theme  یا پوشه فعلی Current Theme خود بروید. آن را در پوشه / wp-content / themes / directory پیدا خواهید کرد. سپس، فایل دلخواه قالب صفحه Custom page template  خود را به تم خود آپلود کنید.

 

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

 

بر روی صفحه نمایش در حال ویرایش صفحه، صفحه را به پایین بکشید و به بخش Page Attributes ، و شما یک template drop down menu پیدا خواهید کرد. با کلیک بر روی آن، به شما اجازه می دهد تا template ای تازه ساختید را انتخاب کنید.

 

طراحی صفحه دلخواه با وردپرس

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

 

نگران نباشید، ما به شما نشان خواهیم داد که چگونه به راحتی قالب  Custom page خود را ویرایش کنید.

 

ویرایش قالب صفحه به سلیقه خودتان

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

 

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

 

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

 

طراحی صفحه دلخواه با وردپرس

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

 

طراحی صفحه دلخواه با وردپرس

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

 

در حال حاضر شما باید یک فایل قالب Custom page خود را باز کنید .سپس آن را در انتها قرار دهیدpaste it at the end.

 

فایل Custom page شما در حال حاضر چیزی شبیه به این می باشد:

 

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

<?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 دیگری که شما بخواهید را به آن اضافه نمایید.

 

شما می توانید مطالب و محتواها را با ویرایشگر صفحهeditor screen  در صفحه وردپرس ویرایش کنید. شما همچنین می توانید منطقه محتوا در ویرایشگر صفحه Page Editor را به طور کامل خالی بگذارید، و محتوایی راب به دلخواه خود به طور مستقیم در قالب صفحه اضافه گردانید.

 

اکنون می توانید از صفحه ی دلخواهی که با سلیقه خود آن را طراحی کرده اید لذت ببرید و خاص بودن صفحه تان را به رخ دیگران بکشید!