wptheme

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

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

اگه 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

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

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

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

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

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

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

بابای.

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

مطالب مشابه

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

آموزش شماره پانزده از سری آموزشهای طراحی قالب وردپرس،
آموزش افزودن امکان ترجمه به قالب و فارسی سازی تم به صورت کامل+آموزش css در زمینه ی راست چین کردن نوشته ها

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

  1. علي گفت:

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

    [پاسخ]

    سياوش کشميري پاسخ در تاريخ خرداد ۲۳ام, ۱۳۸۸ ۱۲:۱۴ ق.ظ:

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

    [پاسخ]

  2. يزدان پرست گفت:

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

    [پاسخ]

    سياوش کشميري پاسخ در تاريخ خرداد ۲۳ام, ۱۳۸۸ ۸:۳۶ ب.ظ:

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

    [پاسخ]

  3. يزدان پرست گفت:

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

    [پاسخ]

    سياوش کشميري پاسخ در تاريخ خرداد ۲۴ام, ۱۳۸۸ ۷:۲۰ ب.ظ:

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

    [پاسخ]

  4. ali گفت:

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

    [پاسخ]

    سياوش کشميري پاسخ در تاريخ خرداد ۲۶ام, ۱۳۸۸ ۷:۵۲ ب.ظ:

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

    [پاسخ]

    سياوش کشميري پاسخ در تاريخ خرداد ۲۶ام, ۱۳۸۸ ۷:۵۳ ب.ظ:

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

    [پاسخ]

    سياوش کشميري پاسخ در تاريخ خرداد ۲۶ام, ۱۳۸۸ ۷:۵۳ ب.ظ:

    منظورم از جلسه همون قسمت بود :D

  5. علي نصيري گفت:

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

    [پاسخ]

    سياوش کشميري پاسخ در تاريخ تیر ۶ام, ۱۳۸۸ ۱۱:۰۹ ب.ظ:

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

    [پاسخ]

  6. علي نصيري گفت:

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

    ممنون

    [پاسخ]

    سياوش کشميري پاسخ در تاريخ تیر ۷ام, ۱۳۸۸ ۱۰:۱۳ ب.ظ:

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

    [پاسخ]

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

شما می‌توانید از این دستورات HTML استفاده کنید: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>