off

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

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

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

پیج سفارشی در وردپرس چیست؟

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

این قالب همه برگه های شما را در وردپرس تحت تآثیر قرار می دهد.البته همه صفحه ها مثل هم نیستند. تغییرات کوچک در ارایش و ظاهرشان می تواند انها را منحصر به فرد و مفیدتر کند.

ساختن یک برگه سفارشی در وردپرس نیاز به یک درک مقدماتی از HTML,CSS و PHP دارد.

طبق گفته ها بیایید اولین برگه سفارشیتان را در وردپرس بسازیم.

ساختن برگه سفارشی در وردپرس

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

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

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

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

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

برای قدم بعدی شما نیاز دارید به وبسایت خود با استفاده از FTP client متصل شوید.

زمانی که به پوشه قالب فعلیتان یا child theme متصل شدید شما ان را در /wp-content/themes/ به طور مستقیم پیدا میکنید. سپس قالب برگه سفارشی را در تم خود اپلود کنید.

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

در صفحه اصلاح قسمت  ‘Page Attributes’ را پایین بکشید و شما منوی قالب را پیدا خواهید کردید. روی ان کلیک کنید تا قالبی که ساخته اید را انتخاب کنید.

selecttemplate

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

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

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

اسانترین راه برای شروع کار با برگه سفارشیتان کپی کردن قالب برگه ای است که از قبل وجود داشته و با استفاده از تم شما اماده شده است.

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

فایل php  را در یک برنامه تکست ادیتور مانند نوت پد باز کنید و همه محتوی ان را به جز قسمت فوقانی کپی کنید.

templateheader

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

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

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

شما میتوانید به اصلاح قالب برگه سفارشی خود ادامه دهید .شما می توانید ان را به هر صورتی که بخواهید تغییر دهید.به عنوان مثال شما می توانید ستون کناری را حذف کنید یا کد پی اچ پی سفارشی خود را اضافه کنید یا می توانید هر  HTML دیگری که خواستید را اضافه کنید.

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

امیدواریم این مقاله به شما کمک کند که یک صفحه سفارشی در وردپرس بسازید :)

راستی! برای دریافت مطالب وردپرسی در کانال تلگرام میهن وردپرس عضو شوید.

آنلاین یاد بگیرید

نظرات کاربران

  1. 21 دی 1396 ساعت 18:44

    سلام
    برای اینکه دسته بندی و برچسب رو هم توی این قسمت فعال کنیم، چیکار باید بکنیم؟
    ممنونم از این آموزشتون

    • رضا حسینی راد
      22 دی 1396 ساعت 10:23

      سلام باید کدنویسی کنید برای این مورد. آموزش طراحی قالب وردپرس رو توی سایت ببینید

  2. 21 دی 1396 ساعت 10:59

    عرض سلام
    بنده میخواستم یک باکس دانلود+توضیحات بسازم و اونو به هر مطلبی که نیاز به باکس دانلود داره اضافه کنم.فکر میکنم بشه یک همچین صفحه ی سفارشی ای ساخت و کد مربوط به باکس دانلود رو تو اون صفحه قرار داد . اما ایا روش دیگه ای برای این کار هست؟ مثلامیشه با شورت کد هم انجام داد؟ یا روش استاندارد این کار چیه ؟ ممنون میشم راهنمایی کنید

    • رضا حسینی راد
      21 دی 1396 ساعت 11:58

      سلام توی سایت سرچ کنید کار با زمینه های دلخواه در وردپرس

  3. 2 آذر 1396 ساعت 21:29

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

    و از wp_query برای نمایش پست ها با پارامتر categoy_name استفاده کردم و الان دنبال اینم که ادمین سایت خواست با انتخاب قالب مورد نظر در قسمت page ها صفحه ای جدید درست کنه و همچنین دسته جدید و پست های اون صفحه مرتبط با دسته جدید، چیکار کنم که اون صفحه این پست ها رو نشون بده؟ چون این کار ممکنه بار ها انجام بشه.
    ممنون

  4. 5 آبان 1396 ساعت 13:38

    سلام ، خسته نباشید ، ممنون از مطلب خوبتون ، من یک فایل page.php ایجاد کردم ، هدر ، فوتر ، سایدبار فراخوانی کردم ، میخواستم بدونم با چه کدی میتونم در قسمت بادی باکسی ایجاد کنم که وقتی تو ایجاد برگه داخل ویرایشگر برگه چیزی مینویسنم اونو نمایش بده تو برگه ؟

    با تشکر

  5. 8 شهریور 1396 ساعت 14:56

    سلام خدمت شما
    من می‌خواستم در زیر پست‌هام یعنی همه‌ی پست‌هام بیام و فیلم‌های آموزشی خودم را نیز قرار بدم یعنی شخص در پایان مطالب با آموزش‌هام مواجه بشه مثله شما مثلاً گذاشتید پکیج‌ها آموزشی در زیر پست به صورت جدا قرار گرفته نه چسبیده‌ من برای این کار چی‌کار باید بکنم که بتونم دسته‌ای خاص رو بعد قرار دادن آموزش‌ها اینطوری قرار بدم با تشکر

  6. 23 تیر 1396 ساعت 19:21

    سلام چطوری اسم برگه رو انتخاب کنم؟

  7. 20 تیر 1396 ساعت 13:29

    سلام اگه بخوایم این کار ها رو برای پست تایپ انجام بدیم چی کار باید بکنیم؟

    • رضا حسینی راد
      20 تیر 1396 ساعت 15:13

      سلام باید به پست تایپ اسم فایل رو اضافه کنید

      • 20 تیر 1396 ساعت 15:36

        یکم بیشتر توضیح میدین؟

        • محمد قاسمی
          20 تیر 1396 ساعت 16:59

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

  8. 8 تیر 1396 ساعت 10:37

    سلام
    امکانش هست قالب جدا (مثل آموزش فوق) برای نوشته ها تعریف مشه مثل برگه ها؟

    • رضا حسینی راد
      8 تیر 1396 ساعت 12:26

      سلام بله توی سایت سرچ کنید قالب جداگانه برای مطالب وردپرس

  9. 31 خرداد 1396 ساعت 15:27

    سلام
    من تمام مراحل رو به درستی انجام میدم اما در ویژگی های برگه گزینه قالب فعال نمیشه
    اگر امکانش هست راهنمایی کنید

    • رضا حسینی راد
      31 خرداد 1396 ساعت 15:37

      سلام از بالای صفحه تنظیمات صفحه رو کلیک کنید تمامی تیک ها رو فعال کنید

      • 31 خرداد 1396 ساعت 16:47

        تمام گزینه هارو فعال کردم. اما قالب فعال نشده !!

        • رضا حسینی راد
          31 خرداد 1396 ساعت 16:49

          پس مشکل توی کدنویسی شماست

          • 31 خرداد 1396 ساعت 17:19

            از کدوم قسمت میتونه باشه؟
            چون طراحی قالب و تبدیلش به wp تموم شده و الان به این مشکل برخوردیم
            اگر ممکن هست راهنمایی کنید.
            تشکر

          • رضا حسینی راد
            1 تیر 1396 ساعت 12:48

            یکبار دیگه کدها رو بررسی کنید. نمیشه دقیق گفت مشکل از چی هست.

  10. 13 اردیبهشت 1396 ساعت 08:27

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

    • رضا حسینی راد
      13 اردیبهشت 1396 ساعت 09:04

      سلام باید قالب از این امکان پشتیبانی کند مثل قالب be

      • 19 خرداد 1396 ساعت 18:43

        سلام من از این قالب be استفاده میکنم میخوام صفحه ی درباره ی ما رو قالبش رو عوض کنم و این رو بذارم http://themes.muffingroup.com/be/launch/ باید چیکار کنم؟ :(
        نمیدونم چجوری میشه قالب یه برگه رو عوض کنم اونم با این قالب.

        • رضا حسینی راد
          20 خرداد 1396 ساعت 10:39

          سلام از بخش نمایش > import demo می توانید دموی launch را نصب کنید سپس به عنوان صفحه درباره ما قرار دهید

  11. 26 اسفند 1395 ساعت 12:10

    سلام و عرض ادب، ممنون از سایت خوبتون…بنده فایل blog.php ساختم و تگ مورد نظر رو هم به بالای این فایل اضافه کردم و توی مرحله ساخته برگه هم قالب رو blog انتخاب کردم و توی تنظیمات > خواندن برای نوشته ها برگه مورد نظر رو انتخاب کردم!تمام کارهای بالا رو انجام دادم چون میخوام بلاگم جدا از صفحه اصلی باشه ولی 3تا پست توی صفحه اصلی نمایش داده بشه.. اما زمانی که همه این کارهارو انجام میدم اما بجای اینکه تنظیمات فایل blog.php نمایش داده بشه تنظیمات index.php داده میشه و انگار نه انگار که من برای اون صفحه فایل تعریف کردم… تمام استایل ها و کد هاش رو از زوی فایل index.php میخونه و کاملا به فایل blog.php بی توجه هست.اینم فایل بلاگم:http://uupload.ir/files/whdd_blogpage.jpgممنون میشم راهنمایی کنید.با تشکر

    • رضا حسینی راد
      26 اسفند 1395 ساعت 12:27

      سلام متشکرم. اسم فایل رو چیز دیگه ای قرار بدید مثلا ali.php

      • 26 اسفند 1395 ساعت 12:33

        اینکارو انجام دادم بازهم حل نشد مشکل…

        • رضا حسینی راد
          26 اسفند 1395 ساعت 13:14

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

      • 26 اسفند 1395 ساعت 12:37

        یک نکته هم باید اضافه کنم اونم اینکه تا زمانی که بعنوان پیوند یکتا برای نوشته ها انتخاب نشده مشکلی نداره و قالب رو اونجوری که من خواستم لود میکنه و فقط توش مطلبی نیست اما زمانی که بعنوان برگه نوشته ها توی تنظیمات وردپرس انتخابش میکنم این مشکل بروز میکنه…

  12. 24 بهمن 1395 ساعت 15:45

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

    • رضا حسینی راد
      24 بهمن 1395 ساعت 16:03

      سلام بستگی به قالب شما داره. باید توی تنظیمات برگه هدر و فوتر رو پنهان کنید

      • 24 بهمن 1395 ساعت 17:09

        قالب این قابلیت رو ندارهمیشه تو قالب برگه get_header() رو تنظیم کرد ولی نشنون نده مثل display:none

  13. 4 آذر 1395 ساعت 11:59

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

    • رضا حسینی راد
      4 آذر 1395 ساعت 16:54

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

  14. 20 مرداد 1395 ساعت 10:53

    سلام و خسته نباشید :)من یه برگه با ویژوال کامپوزر به اسم A ساختم و میخام هر نوشته ای که میسازم، برگه A بطور پیشفرض توش قرار بگیره. خود ویژوال کامپوزر یه گزینه ذخیره قالب داره، اما وقتی برگه A رو ویرایش میکنم باید از اول وارد همه نوشته هام بشم و دوباره تغییرشون بدم.آیا راهی وجود داره که با تغییر برگه A همه نوشته هایی که از این قالب استفاده میکنن اتوماتیک تغییر کنند؟(از افزونه insert page هم برای تبدیل برگه به ویجت استفاده کردم ولی محتوا رو درست نشون نمیده)ممنون میشم اگه راهنمایی بفرمایید