چگونه یک صفحه سفارشی در وردپرس ایجاد کنیم ؟

ب

آیا می خواهید یک صفحه سفارشی در وردپرس ایجاد کنید ؟

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

جواب ساده است ؛ صفحه سفارشی یا Custom Page .

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

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

با ما همراه باشید .

custompagewp

 

صفحه سفارشی در وردپرس چیست ؟

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

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

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

اعمال برخی تغییرات کوچک در این فایل می تواند ظاهر آن را متفاوت کند و در بیشتر مواقع بسیار کاربرد دارد .

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

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

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

اولین کار این است که یک ویرایشگر متن مانند notpad یا nodpad++   و یا sublime text را باز کنید .

پیشنهاد می کنیم   آموزش افزودن عنوان به فهرست بدون لینک شدن در وردپرس

در ویرایشگر خود یک فایل جدید و خالی ایجاد کنید و کد زیر را در بالاترین مکان آن قرار دهید :

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

 

کد بالا به وردپرس می گوید که این فایل ، یک صفحه سفارشی است و آن را با نام WpRahnama  شناسایی کن .

شما می توانید نام فایل template خود را به هر چیزی که مایل هستید تغییر دهید .

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

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

 

اکنون به پوشه قالب خود در هاست خود یا سیستم لوکال بروید و فایل ایجاد شده را در آنجا کپی کنید .

سپس به مدیریت وردپرس بروید و یک برگه جدید ایجاد کنید و یا یک برگه موجود را ویرایش کنید .

در صفحه ویرایش/افزودن برگه ، به قسمت “صفات برگه” بروید و در آنجا صفحه سفارشی را که بوسیله فایل custompage1.php ایجاد کرده اید را انتخاب کنید .

در تصویر زیر این مورد را مشاهده می کنید .

custom-page-wordpress

 

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

دلیل سفید بودن صفحه این است که فایل template شما (صفحه سفارشی شما) شامل هیچ کدی برای نمایش هیچ محتوایی نیست و وردپرس موردی برای نمایش پیدا نمی کند .

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

پیشنهاد می کنیم   65 دلیل قانع کننده برای استفاده از وردپرس - بخش اول

 

ویرایش template صفحه سفارشی شما

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

ساده ترین روش برای پر کردن صفحه سفارشی ، کپی گرفتن از محتوای یکی از فایل های قالب سایت مانند page.php (فایل مربوط به نمایش صفحات) می باشد .

 

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

فایل template صفحه سفارشی را ذخیره کنید . مقداری متن در بدنه برگه ای که قبلاً ایجاد کردید وارد کنید و برگه را ملاحظه کنید .

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

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

<?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(); ?>

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

صفحه اطلاعات خودرو

صفحه خرید خودرو

 

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

شاد باشید 🙂

مطالب مرتبط

دیدگاه ها

  • افشین ۱۶ آبان ۱۳۹۵ :: ۷:۰۹
    1 0

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

    • اسماعیل ابراهیمی ۲۰ آبان ۱۳۹۵ :: ۸:۰۶
      1 1

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

ارسال دیدگاه

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