اگر سری آموزش های طراحی قالب وردپرس را از اول دنبال نکرده اید به آدرس زیر بروید.
اگه theme های مختلف ساخته شده برای وردپرس رو دیده باشین حتما دیدین که از فایل های مختلفی تشکیل شده اند.
header و footer و sidebar و غیره
حسن اینکار اینه که ما مثلا اگه یک زمانی میخواستیم قسمتی از هدر رو تغییر بدیم مجبور نباشیم اینکار رو در Pages و Index و Archive تغییر بدیم، فقط کافیه بریم به Header و اون رو هر کاری خواستیم بکنیم.
بعدا بیشتر توضیح میدم هرچند احتمالا قبلش خودتون میفهمین!
ما امروز بعد با style کاری نداریم، در درسهای قبل هدر،سایدبار و محتوا رو style کردیم و فوتر هم به هر نحوی دوست داریم میتونیم تغییر بدیم.
به پوشه ی amoozesh میریم جایی که فایلهای style.css و index.php و searchform.php قرار دارند.
1-فایل index رو باز میکنیم.
2-notepad رو باز میکنیم و تمام header Div و هر چی بالای اون هست رو از index کپی میکنیم (از شروع فایل index تا قبل ازشروع div مربوط به content)
3-در یک فایل جدید به اسم header.php چیزهایی که کپی کرده بودیم رو paste میکنیم.
طی این سه مرحله ما قسمت هدر سایت رو جدا کردیم و در یک فایل به همین نام قرار دادیم.
حالا باید در index کاری کنیم که به جای کدی که کپی کردیم از کدی استفاده کنه که در فایل header.php قرار داره!
بنا بر این از یک تابع php استفاده میکنیم:
کد هایی که کپی کرده بودیم رو پاک میکنیم و با کد زیر جایگزین میکنیم:
<?php get_header () ; ?>
این تابع اتوماتیک فایل هدر رو include میکنه یعنی کاری که الان انجام دادیم میتونیم به صورتی که برای searchform نوشتیم هم بنویسیم:
<?php include (TEMPLATEPATH . ‘/header.php’); ?>
این دو هیچ فرقی ندارن، من از بالای استفاده میکنم، چون دلیلی برای استفاده از پایینی نمیبینم.
با سایدبار هم دقیقا باید همین کار رو انجام میدیم.
1-یک فایل با نام sidebar.php میسازیم و div مربوط به سایدبار (sidebar Div) رو کپی میکنیم به درون sidebar.php و کد زیر رو جایگزینش میکنیم:
<?php get_sidebar(); ?>
همین کار رو هم با فوتر میکنیم(یادتون نره کارهایی که میکنید رو سیو کنید هااا!)
1- فایلی با نام footer.php میسازیم.
2- در index قسمت div فوتر رو کپی میکنیم و در footer.php قرار میدیم.
3- در index.php کد زیر رو جایگزین میکنیم.
<?php get_footer(); ?>
4- فایل رو ذخیره میکنیم.
امروز فایل index رو 4 تکه کردیم.
اینکار برای تغییر دادن theme در آینده بسیار کمکمون میکنه.
اگه شک دارین که کاری رو درست انجام دادین یا خیر میتونین فایل هایی که تا به حال نوشتیم و ساختیم رو از اینجا دانلود کنید:
لطف کنید اگه اشکالی پیدا کردین بهم بگین، ممنون.
فایلهای من تا اینجا اینها هستند و اینجا قرار دادم که اگه اشتباهی کردین یا به هر دلیلی نیاز داشتین استفاده کنین.
2 یا 3 جلسه ی دیگه بیشتر نمونده که تموم بشه!
همینطور 2 یا 3 روز بیشتر نمونده به امتحانی که من تا حالا یک بار هم درسش رو نخوندم!
فکر کنم باید مشروط شم چون من کلن به این کلمه خیلی علاقه دارم! البته با یک ” ه ” در آخرش!
take care of سلف هاتون!
بابای.
سلام سياوش جان…
خيلي آقايي. واقعا دارم حال مي کنم. هم از اين طريق آموزش دادنت هم از اين باباي آخرت هم از همه چي… 😀
جي ميلت و بذار يه گپي با هم بزنيم..
بازم ممنون
باباي 😀
ممنون علي جان!
خيلي لطف کردي
ايميل ندادم مگه؟! اين چه سايتيه که ايميل طرف نيست توش؟!
واقعا که! هرکي از راه ميرسه سايت ميزنه
siavash.gt44 [at] gmail [dot] com
سلام
واقعا دست شما درد نکنه
عالي است ادامه بدين
من هم با شما کار دارم مزاحمت مي شوم
موفق باشيد
خواهش ميکنم ، مراحميد!
فقط لطفا اگه سوالي در هر مورد دارين در قسمت مربوطه بفرمايين که بقيه هم استفاده کنن و از ايميل براي کارهاي شخصي استفاده کنيد
ممنون
سلام
خسته نباشيد
اگه امکان داره لينک pdfآموزش ها را در سايت بگذاريد
سپاس
چشم!
بعد از اينکه از شوک در اومدم و حالم بهتر شد شروع ميکنم به ادامه ي کار و pdf کردن آموزشها
دستت درد نکنه
اميدوارم تو هم مثل بقيه اموزشهاتو ناقش ول نکني
چند قسمت ديگه مونده که تموم بشه؟
چشم ول نميکنم!
ولي اگه شما تو ايران هستي حتما ديدي و اگرم نيستي حتما شنيدي که چه خبره!
اينترنتمون که ماشاالله! هيچ!
حال و احوالم خيلي داغونه و اصلا نميتونم فکرمو متمرکز کنم و به چيزي جز مردمم و ايرانم فکر کنم!
مواظب خودتون باشيد همگي
راستي 3 يا 4 جلسه بيشتر نمونده!
منظورم از جلسه همون قسمت بود 😀
سلام چگونه ميشود 1-ترتيب نمايش در صفحات را مشخص کرد و همچنين کاري کرد که در صفحه خانه فقط مطا لب دلخواه باشه؟
2- امکان تعويض هدر هست يا نه چگونه؟
موفق باشيد
سلام
ترتيب پست ها يعني؟ مثلا يه پستي اول باشه اون يکي دوم و اين حرفا ديگه؟!
در قسمت تنظيمات-> خواندن يا همون reading option وردپرس ميتونين يه کارايي بکنين اگه کارتون با اينها راه نميافته حتمن براش يک plugin نوشتن از http://forum.wp-persian.com/ کمک بگيريد.
امکان تعويض هدر يعني چي؟ نفهميدم!
سلام 1-منظورم ترتيب نمايش در صفحه خانه بود .مثلا من ميخواهم در باره ما بالا باشه و بعد مثلا”ارتباط با ما باشه يعني اولويت نمايش از بالا به پايين مشخص کنيم من ايتمي در اين مورد درپنل مديريت نديدم.
2-header بالاي سايت که که لگوي سايت اونجا باشه.
ممنون
خوب اين امکان تو خود وردپرس نيست اما حتما يک پلاگين واسش هست!
… اميدوارم!:d
هدر هم ميشه تغيير داد! يعني هر کاري ميشه باهاش کرد بايد با header.php و قسمت مربوط به هدر در فايل css يه کارايي بکنيد
تو محشری 🙂
:))) مرسی
خیلی کارت درسته. مرسی 🙂
ممنون از اموزشتون