ساخت قالب وردپرس – ساختار فایلهای قالب

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

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

  1. فایل index.php که در حالت عادی صفحه ی اصلی سایت شما خواهد بود
  2. فایل page.php که استایل صفحات اظافی شما رو مشخص میکنه , صفحات اظافی صفحاتی هستند که که شما توسط خود وردپرس ایجاد میکنید مثلا صفحه ی تماس با ما و درباره ی ما میتونن صفحات اظافی شما باشن.
  3. فایل single.php که صفحه ی ادامه مطلب پست های شما خواهد بود. شما هر پستی که میزارید توی صفحه ای اول سایت خودتون بخشی از اون پست رو نمایش میدید و هر پست یه لینک داره که کاربر با کلیک کردن روی اون لینک به صفحه ای میره که معمولا به اون صفحه ی ادامه مطلب میگن , فایل single.php همون صفحه ی ادامه مطلب شما خواهد بود.
  4. فایل header.php که هدر یا سربرگ صفحات شما رو مشخص میکنه , توی صفحات وب سایت معمولا بالای همه ی صفحات دارای استایل و شکل و شمایل یکسانی هست که میتونید اون بخش رو توی فایل header.php قرار بدید و توی هر صفحه ای که خواستید استفاده کنید اون رو اظافه کنید.
  5. فایل footer.php که فوتر یا پابرگ صفحات شما رو مشخص میکنه , توی صفحات وب پایین همه ی صفحات معمولا ساختار و شکل یکسانی داره که میتونید اون رو توی فایل footer.php قرار بدید و توی همه ی صفحات اظافه کنید.
  6. فایل sidebar که شامل ستون های کناری سایت ما خواهد بود (این فایل میتونه با توجه به اینکه قالب ما ستون های کناری داره یا نداره وجود نداشته باشه)
  7. فایل functions.php شامل توابع و دستوراتی خواهد بود که شما نیاز دارید تا توی قالب خودتون استفاده کنید , این فایل برای همه ی صفحات اجرا خواهد شد و دستورات داخل اون نیز به طبع اجرا میشه!
  8. فایل style.css که استایل سایت شما رو مشخص میکنه و شامل دستورات Css است که شما برای سایت خودتون استفاده کرده اید.
  9. فایل screenshot.png که یه عکس از قالب شما است و وقتی که شما توی تنظیمات سایت میرید و میخواید قالب رو تغییر بدید این عکس به عنوان پیش نمایشی از قالب شما بهتون نشون داده میشه.

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

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

نام قالب شما همون نام فولدر شما خواهد بود! شما هم یه فولدر با نام دلخواه خودتون بسازید , من در اینجا یه فولدر با نام tutorial میسازم و توی اون ۸ مورد از فایل هایی که در بالا ذکر کردم رو ایجاد میکنم (به جز مورد ۹ چون من هنوز قالبم رو نساختم که بخوام ازش عکس بگیرم و به عنوان عکس پیش نمایش بزارم).

پس الان توی پوشه ی themes یه فولدر برای قالبی که میخوام طراحی کنم ساختم و نام قالب خودم رو به فولدر دادم , بعدش توی اون فولدری که ساختم فایل هایی شبیه عکس زیر ایجاد کردم :

create-wordpress-theme-tutorialهمونطور که توی تصویر بالا میبینید من فایلامو با نام هایی که به شما دوستان عزیز گفتم ایجاد کردم , همه ی فایل های من فعلا خالی هستند چون من هنوز کد نویسی رو شروع نکردم و تنها ساختار قالب خودمو ایجاد کردم. حالا در همین حالت اگه توی وردپرس خودتون لاگین کنید و از بخش تنظیمات به قسمت پوسته ها برید چیزی مثل تصویر زیر خواهید دید :

how-to-create-wordpress-theme-learningهمونطور که توی تصویر بالا میبینید قالبی که با نام tutorial ساختیم رو اینجا نشون میده (اگه نام دیگه ای برای فولدر قالب خودتون انتخاب کرده اید در اینجا به جای tutorial نامی که برای فولدر خودتون گذاشتید رو میبینید) , تا اینجا قالب خودمون رو با موفقیت ایجاد کردیم 😀 به همین راحتی.

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

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

به اشتراک بگذارید:Email this to someoneShare on FacebookTweet about this on TwitterShare on Google+Digg thisShare on LinkedInPin on PinterestShare on StumbleUponFlattr the authorShare on RedditBuffer this pageShare on TumblrPrint this pageShare on YummlyShare on VK
    • سلام. این اموزش ادامه خواهد یافت و قصد داریم به دوستان طریقه ساخت قالب وردپرس رو اموزش بدیم.

  1. علی طبا

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

    • سلام دوست عزیز , ادامه این مطلب رو میزاریم! به علت کمبود وقت و مشکلاتی که داشتیم به کل یادمون رفته بود این موضوع! ممنون یاد آوری کردید تا این قسمت رو کامل کنیم.

  2. میلاد

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

    • سلام دوست عزیز. این اموزش رو ادامه میدیم 😀 برای اموزش میتونید توی گوگل سرچ بزنید سایت های زیادی باید باشن که اموزش دادن! اما اگه اموزش خوب میخواید منتظر بمونید تا یکی دو روز اینده اموزش این قسمت رو کامل میزاریم.

می‌خواهید دیدگاهتان را بیان کنید؟