آموزش طراحی قالب وردپرس #۱۲(تقسیم بندی فایلها۱)

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

لیست آموزشهای قالب وردپرس

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

header و footer و sidebar و غیره

حسن اینکار اینه که ما مثلا اگه یک زمانی میخواستیم قسمتی از هدر رو تغییر بدیم مجبور نباشیم اینکار رو در Pages و Index و Archive تغییر بدیم، فقط کافیه بریم به Header و اون رو هر کاری خواستیم بکنیم.

بعدا بیشتر توضیح میدم هرچند احتمالا قبلش خودتون میفهمین!

ما امروز بعد با style کاری نداریم، در درسهای قبل هدر،سایدبار و محتوا رو style کردیم و فوتر هم به هر نحوی دوست داریم میتونیم تغییر بدیم.

به پوشه ی amoozesh میریم جایی که فایلهای style.css و index.php و searchform.php قرار دارند.

۱-فایل index رو باز میکنیم.

۲-notepad رو باز میکنیم و تمام header Div و هر چی بالای اون هست رو از index کپی میکنیم (از شروع فایل index  تا قبل ازشروع div مربوط به content)

۳-در یک فایل جدید به اسم header.php چیزهایی که کپی کرده بودیم رو paste میکنیم.

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

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

بنا بر این از یک تابع php استفاده میکنیم:

کد هایی که کپی کرده بودیم  رو پاک میکنیم و با کد زیر جایگزین میکنیم:

<?php get_header () ; ?>

این تابع اتوماتیک فایل هدر رو include میکنه یعنی کاری که الان انجام دادیم میتونیم به صورتی که برای searchform نوشتیم هم بنویسیم:

<?php include (TEMPLATEPATH . ‘/header.php’); ?>

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

با سایدبار هم دقیقا باید همین کار رو انجام میدیم.

۱-یک فایل با نام sidebar.php میسازیم و div مربوط به سایدبار (sidebar Div) رو کپی میکنیم به درون sidebar.php و کد زیر رو جایگزینش میکنیم:

<?php get_sidebar(); ?>

همین کار رو هم با فوتر میکنیم(یادتون نره کارهایی که میکنید رو سیو کنید هااا!)

۱- فایلی با نام footer.php میسازیم.

۲- در index قسمت div فوتر رو کپی میکنیم و در footer.php قرار میدیم.

۳- در index.php کد زیر رو جایگزین میکنیم.

<?php get_footer(); ?>

۴- فایل رو ذخیره میکنیم.

امروز فایل index رو ۴ تکه کردیم.

اینکار برای تغییر دادن theme در آینده بسیار کمکمون میکنه.

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

amoozesh (1114 دانلود ها)

لطف کنید اگه اشکالی پیدا کردین بهم بگین، ممنون.

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

۲ یا ۳ جلسه ی دیگه بیشتر نمونده که تموم بشه!

همینطور ۲ یا ۳ روز بیشتر نمونده به امتحانی که من تا حالا یک بار هم درسش رو نخوندم!

فکر کنم باید مشروط شم چون من کلن به این کلمه خیلی علاقه دارم! البته با یک ” ه ” در آخرش!

take care of سلف هاتون!

بابای.

‏18 دیدگاه برای ”آموزش طراحی قالب وردپرس #۱۲(تقسیم بندی فایلها۱)

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

    1. ممنون علی جان!
      خیلی لطف کردی
      ایمیل ندادم مگه؟! این چه سایتیه که ایمیل طرف نیست توش؟!
      واقعا که! هرکی از راه میرسه سایت میزنه
      siavash.gt44 [at] gmail [dot] com

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

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

    1. چشم!
      بعد از اینکه از شوک در اومدم و حالم بهتر شد شروع میکنم به ادامه ی کار و pdf کردن آموزشها

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

    1. چشم ول نمیکنم!
      ولی اگه شما تو ایران هستی حتما دیدی و اگرم نیستی حتما شنیدی که چه خبره!
      اینترنتمون که ماشاالله! هیچ!
      حال و احوالم خیلی داغونه و اصلا نمیتونم فکرمو متمرکز کنم و به چیزی جز مردمم و ایرانم فکر کنم!
      مواظب خودتون باشید همگی

  4. سلام چگونه میشود ۱-ترتیب نمایش در صفحات را مشخص کرد و همچنین کاری کرد که در صفحه خانه فقط مطا لب دلخواه باشه؟
    ۲- امکان تعویض هدر هست یا نه چگونه؟
    موفق باشید

    1. سلام
      ترتیب پست ها یعنی؟ مثلا یه پستی اول باشه اون یکی دوم و این حرفا دیگه؟!
      در قسمت تنظیمات-> خواندن یا همون reading option وردپرس میتونین یه کارایی بکنین اگه کارتون با اینها راه نمیافته حتمن براش یک plugin نوشتن از http://forum.wp-persian.com/ کمک بگیرید.
      امکان تعویض هدر یعنی چی؟ نفهمیدم!

  5. سلام ۱-منظورم ترتیب نمایش در صفحه خانه بود .مثلا من میخواهم در باره ما بالا باشه و بعد مثلا”ارتباط با ما باشه یعنی اولویت نمایش از بالا به پایین مشخص کنیم من ایتمی در این مورد درپنل مدیریت ندیدم.
    ۲-header بالای سایت که که لگوی سایت اونجا باشه.

    ممنون

    1. خوب این امکان تو خود وردپرس نیست اما حتما یک پلاگین واسش هست!
      … امیدوارم!:d
      هدر هم میشه تغییر داد! یعنی هر کاری میشه باهاش کرد باید با header.php و قسمت مربوط به هدر در فایل css یه کارایی بکنید

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

نشانی ایمیل شما منتشر نخواهد شد.