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

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

Custom Page در وردپرس چیست؟

در وردپرس به صورت پیش فرض، شما اجازه ساختن نوشته‌ها و برگه‌ها رو دارید. پوسته وردپرس شما، کنترل ظاهر صفحات رو به کمک فایل page.php انجام می‌ده و محتوای این فایل برای تمامی برگه‌ها در وردپرس در نظر گرفته می‌شه. زمانی که ما تصمیم داشته باشیم تمام برگه‌ها به یک شکل ثابت نباشند و بعضی از اونها طراحی متفاوتی داشته باشند، باید از Custom Page ها کمک بگیریم.

ساختن این صفحات نیاز به درک مفاهیمی از PHP و HTML داره و در صورتی که قصد طراحی سایت حرفه ای با وردپرس را دارید پیشنهاد می کنیم حتما با این مفاهیم آشنا شوید.

ساختن یک Custom Page

در ابتدا باید فایلی ایجاد کنیم با نام برگه مورد نظر و پسوند php. فایل رو با یک ویرایشگر متن یا IDE باز می‌کنیم و در سطر اول نام برگه رو به شکل کامنت می‌نویسیم.

/* Template Name: CustomPageT1 */

این کد به صورت خیلی ساده نام برگه ما رو به عنوان یک Custom Page برای وردپرس تعریف می‌کنه. شما می‌تونید نام برگه رو به دلخواه خودتون تغییر بدید.
مرحله بعد آپلود این فایل به شاخه اصلی پوسته وردپرس با آدرس wp-content/themes/ThemeName هست. بعد از آپلود برگه، وارد قسمت مدیریت وردپرس شده و یک برگه جدید اضافه کنید. در قسمت صفات برگه (Page Attributes) قالب برگه معمولا به شکل قالب پیش‌ فرض هست.

آیتم بعدی منوی قالب، برگه ساخته شده ما یا همون Custom Page خواهد بود. با انتخاب این آیتم، شما ویژگی‌های Custom Page رو برای برگه در نظر می‌گیرید. در حال حاضر برگه ساخته شده تنها شامل یک سطر کامنت می‌شه، پس یک صفحه خالی نمایش داده خواهد شد.

ویرایش Custom Page

قالب این برگه مانند سایر فایل‌های پوسته هست. پس با استفاده از دستورات HTML و PHP می‌تونیم طراحی و امکانات مورد نظر خودمون رو پیاده سازی کنیم. ساده‌ترین کار برای شروع، اضافه کردن تمامی محتوای برگه page.php به Custom Page هست. برای این کار فایل page.php رو از شاخه اصلی پوسته دانلود و اون رو با یک ویرایشگر متن باز کنید. به جز قسمت هدر فایل، سایر قسمت‌ها رو به برگه مورد نظر اضافه می‌کنیم.

برای آشنایی با انواع ویرایشگرهای ویژه طراحی وب، مقاله بهترین ویرایشگر html برای طراحان وب را مطالعه نمایید.

از این مرحله به بعد می‌تونیم تمام ویژگی‌هایی که برای برگه مورد نظر می‌خوایم رو به کدهای اصلی اضافه کنیم.

 

منبع:
wpbeginne