آموزش ایجاد قالب دلخواه برای یک صفحه در وردپرس

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

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

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

آنچه در این مقاله به اختصار خواهید خواند:

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

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

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

  • نمایش پست های اخیر هر دسته‌بندی
  • طراحی صفحه فرود ( لندینگ پیج)
  • قرار دادن نقشه Google یا هر اسکریپتی دیگر در آن صفحه
  • آوردن لیست همه نویسندگان
  • نمایش یک محصول خاص برای فروش
  • نمایش و قرار دادن تصاویر اخیراً بارگذاری شده در سایت
  • استفاده از صفحه طراحی سفارشی برای نمونه کارها
  • ایجاد صفحه تماس
  • ایجاد صفحه درباره ما
  • و…

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

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

یک ویرایشگر متن مانند notepad++ یا phpStorm را باز کنید و کد زیر را در آن قرار دهید.

؟> php /* Template Name: PageWithoutSidebar */ ?>

کد فوق برای ایجاد یک الگو صفحه به نام PageWithoutSidebar است که البته شما می‌توانید از هر نامی که می‌خواهید استفاده کنید. اما فراموش نکنید که حتما پسوند را به صورت .php نگه دارید. اکنون این فایل را به عنوان PageWithoutSidebar.php ذخیره کنید و آن را ببندید.

مطابق شکل زیر، در گام بعدی وارد پنل مدیریت هاست خود شوید و به پوشه wp-content  در public_html بروید. سپس پوشه قالب (پوسته) فعلی خود را باز کنید و فایل PageWithoutSidebar.php را در آنجا بارگذاری نمایید.

ساختن فایل PageWithoutSidebar.php در پوشه قالب
ساختن فایل PageWithoutSidebar.php در پوشه قالب

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

انتخاب قالب در ویژگی‌های برگه
انتخاب قالب در ویژگی‌های برگه

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

صفحه سفید بدون محتوا
صفحه سفید بدون محتوا

همانطور که در بخش اول مقاله اشاره کردیم، برای ایجاد یا ویرایش یک صفحه سفارشی در وردپرس به دانش اولیه HTML ، CSS و PHP نیاز دارد. بنابراین حالا وقت آن است که چند خط کد زیر را برای قرار دادن محتوا در صفحه‌‌ای که ساختید به فایل PageWithoutSidebar اضافه کنید.

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

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

حال مجددا صفحه‌‌ای که قبلا ساخته بودید و کاملا سفید و بدون محتوا بود را دوباره بازکنید. خواهید دید مطابق شکل زیر در آن محتوا قرار گرفته است. توجه داشته باشید ما در اینجا یک مثال ساده برای شما بیان کردیم، قطعا اگر قرار به طراحی بهتر و حرفه‌ای تر باشد حتما باید به دانش برنامه نویسی html، css و php آشناییت کامل داشته باشید.

صفحه سفارشی سازی شده با کد
صفحه سفارشی سازی شده با کد

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

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

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

آموزش ایجاد قالب دلخواه برای یک صفحه در وردپرس

همانطور که در ابتدای این مقاله آموزشی اشاره کردیم، انتخاب قالب (پوسته) و طراحی صفحات سایت در وردپرس همیشه یکی از دغدغه‌های مهم وردپرس‌کاران و طراحان سایت بوده است. به طوریکه خیلی از مواقع طراحان سایت علاقه‌دارند علاوه بر قالبی که برای سایت خود انتخاب می‌کنند، بتوانند برای یک صفحه در وردپرس قالب دلخواه ایجاد نمایند. ما در این آموزش توضیحاتی بابت نحوه ایجاد آن بیان کردیم و دو راه حل مناسب نیز ارائه دادیم. حال تصمیم با شماست که بر اساس توانایی‌هایتان یکی از راه‌حل را انتخاب نمایید و کار را شروع کنید. در نهایت از توجه شما به این مقاله سپاسگزاریم. لطفا سوالات و نظرات خود را در بخش دیدگاه‌ها با ما به اشتراک بگذارید.

منبع: cloudways.com

آیا این مقاله برای شما مفید بود؟
تقریبا
خیر

اگر می‌خواهید از آخرین و محبوب‌ترین مقالات ما در ایمیل خود مطلع شوید، همین الان ایمیل خود را در کادر زیر وارد کنید:

تعداد علاقه‌مندانی که تاکنون عضو خبرنامه ما شده‌اند:

397,314 نفر

دیدگاهتان را بنویسید

ارسال دیدگاه به معنی این است که شما ابتدا قوانین ارسال دیدگاه را مطالعه کرده‌اید و با آن موافق هستید.

دیدگاه‌های این نوشته جدید ترین ها شاخص

  1. 52 سال عضو همیار وردپرس

    با سلام نشد!

  2. 2 سال عضو همیار وردپرس

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

    • 8 سال عضو همیار وردپرس

      سلام
      این مطلب قدیمیه و باید طبق آموزش‌های جدید ساخته بشه. سعی میکنیم بزودی بروزرسانی کنیم.

  3. 4 سال عضو همیار وردپرس

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

    • 8 سال عضو همیار وردپرس

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

  4. با افزونه Multiple Themes برای یک صفحه تم اختصاص دادم تم دوم رو ولی نمیشه شخصی سازیش کرد ممنون میشم راهنمایی کنید

  5. 3 سال عضو همیار وردپرس

    سلام
    من می خوام سایتم مثل دیجی کالا طوری باشه که قسمت فروشگاه یک تم فروشگاهی داشته باشه و قسمت وبلاگ بشه مثل دیجی کالا مگ قالب مجله ای داشته باشه، میشه همچین کاری کرد؟
    با افزونه Multiple Themes اختصاص دادم تم دوم رو ولی نمیشه شخصی سازیش کرد و کلا خیلی گنگ هست
    ممنون میشم راهنمایی کنید

  6. چقدر نا مفهوم هستش

  7. سلام.
    یک سایت دارم که که از قبل طراحی کردم و در آن محتوا بارگذاری کرده ام. حالا می خوام به جای دیده شدن محتواهای قبلی توسط کاربران هنگام ورود به سایت، صفحه ساده ای را مشاهده کنند که یکی دو عکس تبلیغاتی و دو لینک اصلی برای ورود به دو سایت زیرمجموعه (ساب دامین) را در بر می گیرد.
    آیا می توانم برای طراحی این صفحه جدید، یک قالب دیگر در سایت بارگذاری کنم بدون اینکه قالب محتواهای قبلی تغییر کند؟
    من چون به کدنویسی php آشنایی ندارم قادر به نوشتن قالب برای این برگه نیستم برای همین قصد دارم از یک قالب آماده استفاده کنم.
    لطفا راهنمایی بفرمایید.
    ممنون

  8. 4 سال عضو همیار وردپرس

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

  9. 4 سال عضو همیار وردپرس

    خیلی خیلی خیلی بد توضیح دادید میشه بهتر توضیح بدید؟

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

  11. سلام و خسته نباشید
    مصلا میشه یه برگه رو که مثلاثه برگه فرم ثبت سفارش هست رو در وسط قالب اصلی اضافه کرد

  12. واقعا نمیشه فهمید

  13. خیلی بد توضیح داده شده

    برعکس مطالب دیگه همیار این واقعا بد بود کسی نفهمیده. حداقل عکس میگرفتید شاید آدم میفهمید

  14. 6 سال عضو همیار وردپرس

    برای یک نوشته یا post چطور میشه اینکار رو کرد؟
    جایی برای انتخاب تم در نوشته نیست
    لطفا بگید چجوری میتونم برای یک نوشته هم یک قالب مجزا داشته باشم و نوشته رو با شکل و شمایل دیگه ای در سایت منتشر کنم
    سپاس

  15. پس کی اموزش کاملو میزارین ؟

  16. سلام دوست گرامی.ممنون از مطلب آموزشی.
    یک برنامه مشاهده کارنامه مدرسه نوشتم با php و دیتابیس جدا از وردپرس.
    حالا چطوری میتونم کدهای نوشته شده را در قالب برگه قرار بدم که مثل یک برگه سایت نمایش داده بشه؟
    کدها را در قالب برگه کپی کردم و قالب برگه به نام karnameh ساختم و اسمش را karnameh.php گذاشتم.
    اما با تعیین برگه با این قالب ، وقتی فیلدها را پر میکنم و ارسال میزنم ، وردپرس خطای 404 میده.
    ممنون میشم آموزش بدید.

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

  18. 5 سال عضو همیار وردپرس

    این چه مدل توضیح دادنه ، هیچ کس نفهمیده این نویسنده چی گفته ،

    • حرف دلم رو زدی

  19. سلام.من قالب http://bigtheme.ir/wordpress-blog-template-malaka/ رو دانلود کردم و یه فایل توی مسیری که گفتید ایجاد کردم با پسوند php الان باید قالب رو اون جا اپلود کنم؟؟؟
    بعد اپلود اکسترکت کنم دیگه؟؟میخوام برای وبلاک سایت باشه.ممنون

  20. 5 سال عضو همیار وردپرس

    سلام من تمامی مراحل رو رفتم اما مشکل بنده اینه assets رو فرا نمیخونه ، مشکل از کجاست؟

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

    • 8 سال عضو همیار وردپرس

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

    • 4 سال عضو همیار وردپرس

      سلام.ببینید این کاری که گفتید رو انجام دادم فقط یه مسله ای هست. من قالب X روی سایتم

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

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

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

  23. سلام
    ایا ایجاد قالب های جداگانه برای هر موضوع در سءو سایت و سرعت لود نمیکاهد؟

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

    • 8 سال عضو همیار وردپرس

      سلام
      پوشه ی قالب شما داخل هاست در مسیر wp-content/themes می باشد. داخلش میتونید فایل پی اچ پی رو ایجاد کنید.

  25. سلام
    چطور میشه استایل خاصی به اون صفحه داد، کدهای Css رو که فراخوانی میکنم اعمال نمیشه یا مستقیم درون همون فایل قرار میدم/
    کدهام فقط اینه
    .boxer {
    display: table;
    border-collapse: collapse;
    }
    .boxer .box-row {
    display: table-row;
    }
    .boxer .box {
    display: table-cell;
    text-align: center;
    vertical-align: top;
    padding: 10px;
    border: 1px solid black;
    }

  26. 6 سال عضو همیار وردپرس

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

  27. 6 سال عضو همیار وردپرس

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

  28. با سلام
    شاید بپرشید چرا رو ویرایش کنید

  29. سلام
    چگونه میشه برای هر برگه یک منوی (فهرست) جدا تعریف کرد یعنی هر موضوع یک برگه جدا داره و هر برگه یک فهرست جدا آیا این امکان پذیره

    • 7 سال عضو همیار وردپرس

      با احترام
      این موضوع امکان‌پذیر است . انشالله در آینده مطلب مناسبی در مورد این موضوع منتشر خواهیم کرد.

  30. با سلام من یک مشکل دارم خیلی پرسوجو کردم کسی نتوانستحل کند
    تو قسمت افزودن برگه گزینه انتخاب قالب وجود نداره مشکل چیه از کجاست؟؟
    عکس آپلود کردم گذاشتم مشاهده کنید
    http://www.newspost1.com/wp-content/uploads/2016/02/000000000000000.png

    • 8 سال عضو همیار وردپرس

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

    • ممنون از پاسخ شما قالب رایگانی سراغ دارید که اون امکان رو داشته باشه + اگر مشکلی داشته باشیم همه کارارو برامون انجام میدین (یه صفحه اصلی + 4 تا برگه)

  31. با سلام و احترام
    1-من میخوام وقتی مثلا روی منوی درباره ما کلیک میشود صفحه مربوط به درباره ما که توش مطلب نوشتم باز بشه. قالب سایتم هم magazine هستش.چطوری باید یک صفحه رو به منو تخصیص بدم؟
    2- یک منو با نام صفحه اصلی ساختم. میخوام وقتی روش کلیک میکنم اگر داخل صفحات دیگر هم بودم بیاد رو صفحه اصلی سایتم قرار بگیره (home page)

    • 8 سال عضو همیار وردپرس

      سلام
      1- برگه ای برای درباره ی ما بسازید و از فهرست ها فراخوانی کنید.
      2- معمولا این مورد به قالب شما بستگی داره. یعنی برگه ای که به عنوان برگه ی صفحه ی نخست میسازید باید مشخص باشد.

  32. 6 سال عضو همیار وردپرس

    سلام
    من میخوام برای سایتم ی صفحه هدایت بسازم
    مثل سایت شما
    وارد ی صفحه میشیم 5 ثانیه صبر میکنیم
    بعد به اون صفحه مورد نظر بصورت خودکار میریم
    اگه میشه آموزششو بزارید
    با تشکر
    سایتتون عالیه

  33. 6 سال عضو همیار وردپرس

    سلام
    از این طریق می توان یکبار وردپرس نصب کرد و 2تا قالب داشت
    مثلا برای قسمت خبری قالب صحیفه و برای قسمت فروشگاه(تخفیف یاب) یک قالب دیگر داشت؟

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

    • 8 سال عضو همیار وردپرس

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

    • 6 سال عضو همیار وردپرس

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

    • 8 سال عضو همیار وردپرس

      سلام
      ایمیلی برای شما ارسال شد

    • 4 سال عضو همیار وردپرس

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

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

      مطلب بزارم اونجا. یه برگه یه اسم مطالب سایت ساختنم ولی نمیدونم چجوری یه قالب دگ غیر

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

      این کار رو بکنم؟ ممنون

    • 8 سال عضو همیار وردپرس

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

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

    • 8 سال عضو همیار وردپرس

      سلام
      به این جمله دقت کنید : “کد قالبی را که میخواهید در آن صفحه خاص قرار بگیرد را قرار بدهید”

    • لطفا” واضح تر بیان نمایید کد آن صفحه یعنی کدام کد

    • قالب که غفط یه کد نداره یه عالمه خرتو پرت داره!!!

  36. 6 سال عضو همیار وردپرس

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

    • 8 سال عضو همیار وردپرس

      سلام
      دسته ی مورد نظر را ایجاد کنید و سپس با کمک افزونه ی page link to در برگه ی مربوطه فراخوانی کنید.

دوره‌های آموزشی