جلس سوم :
سلام
خوب میریم سراغ کارمون
امروز میخواهیم یکمی هم بنویسیم یعنی کار ما داره شروع میشه.
یک بار دیگه تاکید میکنم که وقتی میگم فلان چیز را بنویسید لطف کنید و اون رو بنویسید و کپی نکنید!
قول میدهم به نفع شما خواهد بود وهمچنین قول میدهم ضرری برای من نخواهد داشت!! دروغم چیه؟!! 
والا به خدا!ا!
خوب اول از همه وسایل کار رو آماده کنید یعنی wamp رو باز کنید ، همینطور notepad رو!
خواهشن از notepad استفاده کنید،نه ویرایشگرهای متن دیگر (البته اگر از notepad ساده تر گیر آوردین بهتره!!)
قبلا یاد گرفتیم که چطوری وردپرس رو روی کامپیوتر نصب کنیم و من اینکار رو در این آدرس انجام دادم:
کد HTML:
C:\wamp\www\wordpress
به این فولدر که وارد شدیم محتویات وردپرس رو میبینیم
باید بعد از اون به wp-content و بعد به پوشه ی themes بریمو یک فولدر جدید که اسم قالب خواهد بود بسازیم من اسم قالب رو میزارم amoozesh !
خوب حالا این فایل رو دانلود کنید
بعد با notepad بازش کنید سپس به گزینه file رفته و save as رو بزنین و بعد در آدرس زیر با نام index.php سیو کنید.
کد HTML:
C:\wamp\www\wordpress\wp-content\themes\amoozesh
خوب؟
خوب!! منم اینکارو کردم بعد هرچی کد تو صفحه بود پاک کردم و دوباره به save as رفتم و اینبار اسم فایل رو style.css گذاشتم!
حالا شما هم اینکارو کنین لطفن!همه چیز فکر میکنم واضح بود به هر حال این عکس رو هم میذارم ببینین چه خبره!
خوب یک سری توضیح کوچولو هم میدم در مورد کدی که کپی کردین در فایلindex.php
doctype.در اول صفحه که میبینین و منم میبینم ام نمیدونم چیه! اول همه ی فایل های html میذارن منم گذاشتم! اگه میخواهین بیشتر از اینی که من گفتم!! بدونین برین بسرچین!!
من که علاقه ای به دونستنش ندارم!
تگ < h t m l > به مرورگر ما (web browser ) میگه که کد های زیرش تا جایی که برسه به < h t m l / > به این زبون نوشته شده!
تگ < h e a d> هم قسمتی از صفحه است که بیشتر کار اطلاعات گرفتن و دادن به مرورگر و از سرور و این حرفارو داره یعنی به خواننده سایت کاری نداره! برعکس < b o d y > که بدنه ی وبلاگ و جاییه که ما از سایت میبینیم!
تگ <title> عنوان صفحه رو در بر میگیره که قرار در واقع اسم سایت ما باشه!
<?php bloginfo(‘stylesheet_url’); ?> هم به ورد پرس میفهمونه که بره جایی که stylesheet ما قرار داره که در واقع فایل style.css که ساختیم رو به عنوان طراح صفحه (استایل کننده در واقع) میشناسونه.
بعدا باز بیشتر توضیح میدم الان فقط هدف پر حرفیه!
پس یادآوری شد که هر تگ بین <> است و پایان اون یک / به پشتش اضافه میشه!
حالا یک توضیح در مورد php
میدونیم که وردپرس با زبان php نوشته شده که اگه قویترین زبان برنامه نویسی تحت وب نباشه قطعا دومیشه!
php بر روی سرور ما(یعنی جایی که سایت بر اون هست) یا همون هاست ما نصب هست(یعنی همینی که ما شبیه سازی کردیم توسط برنامه wamp ) وقتی مرورگر وب که داره صفحه رو میخونه تا ترجمه کنه و به ما نشون بده به
<?PHP
میرسه دیگه کاری نداره! یعنی نمیتونه داشته باشه! اینجاست که php که روی سرور نصبه وارد کار میشه و شروع به کامپایل کردن یا همون تجزیه و تحلیل کردن کد میکنه و یک خروجی به مرورگر میده و این کار کامپایل کردن رو تا زمانی که به کد
?>
برسه ادامه میده و بعد …. همینطوری ادامه داره کار تا زمانی که سایت کاملا لود شه و به html ترجمه شه تا ما بتونیم اینجوری که هست ببینیمش!
پس ما هرچیزی که بین php?> , <? مینویسیم باید به زبون php باشه!
و این مساله بدین معنا نمیباشد که باید برنامه نویس باشیم!! پس ترس نداره
یک مورد دیگه اینکه میشه بین این دو بیش از یک دستور نوشت البته باید به این نکته توجه کرد که هر دستور با ; به اتمام میرسه یعنی باید در آخر هر دستور یک ; بگذاریم!
همین دیگه!
بیشتر از این عذاب دهنده نمیشم!
فقط ۵ دقیقه مونده
فایل style.css رو اگه نبستین ببندین دوباره باز کنین! همینجوری!
بعد اینارو کپی کنین توش
کد HTML:
/*
Theme Name: Amoozesh
Theme URI: http://www.cpanelcenter.com/
Description: This is my frist theme for a tutorial.
Version: 1.0 beta
Author: Reza Bandari
Author URI: http://www.cpanelcenter.com/
بعد از سیو کردن برین به کنترل پنل یا همون داشبورد وردپرس
کد HTML:
http://localhost/wordpress/wp-admin
حالا به Appearance یا همون “نمایش” در وردپرس فارسی برین
میبینین که یک تم جدید ساخته شده به اسم آموزش که Reza Bandari ساختتش و یک سری توضیحات داره البته این اسم رو به اسم خودتون تغییر بدین چون قراره شما تم رو بسازین!
پس فهمیدیم که کدی که اول استایل نوشتیم چه کاری کرد!
حالا این تم رو فعال کنید و برین به صفحه اول سایتتون یعنی همون
کد HTML:
http://localhost/wordpress/
میبینین که هیچی نمیبینین که!
اگه چیزی ببینین یعنی اشتباه کردین!
امروز هم تمام شد
موفق باشین
بای بای
پاسخ : آموزش طراحی قالب وردپرس
پاسخ با نقل قول