loading...
انـ اسکین مرجع قالب های رایگان | کدهای زیباسازی وبلاگ | آموزش های سئو و زبان های برنامه نویسی | ابزارهای وبمستر | سیستم های مدیریت محتوا
آخرین ارسال های انجمن
Admin بازدید : 653 دوشنبه 30 آبان 1390 نظرات (1)
http://upnightskin1.persiangig.com/WordPress/images/wordpress.jpg



امروز میخواهیم یکمی هم بنویسیم یعنی کار ما داره شروع میشه.

یک بار دیگه تاکید میکنم که وقتی میگم فلان چیز را بنویسید لطف کنید و اون رو بنویسید و کپی نکنید!

قول میدهم به نفع شما خواهد بود وهمچنین قول میدهم ضرری برای من نخواهد داشت!! دروغم چیه؟!! :D والا به خدا!

خوب اول از همه وسایل کار رو آماده کنید یعنی wamp رو باز کنید ، همینطور notepad رو!

خواهشن از notepad استفاده کنید،نه ویرایشگرهای متن دیگر (البته اگر از notepad ساده تر گیر آوردین بهتره!!)

قبلا یاد گرفتیم که چطوری وردپرس رو روی کامپیوتر نصب کنیم و من اینکار رو در این آدرس انجام دادم:

C:wampwwwwordpress

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

باید بعد از اون به wp-content و بعد به پوشه ی themes بریمو یک فولدر جدید که اسم قالب خواهد بود بسازیم من اسم قالب رو میزارم amoozesh !

خوب حالا این فایل رو دانلود کنید

index.txt

بعد با notepad بازش کنید سپس به گزینه file رفته و save as رو بزنین و بعد در آدرس زیر با نام index.php سیو کنید.

C:wampwwwwordpresswp-contentthemesamoozesh

خوب؟

خوب!! منم اینکارو کردم بعد هرچی کد تو صفحه بود پاک کردم و دوباره به save as رفتم و اینبار اسم فایل رو style.css گذاشتم!

حالا شما هم اینکارو کنین لطفن!همه چیز فکر میکنم واضح بود به هر حال این عکس رو هم میذارم ببینین چه خبره!

خوب یک سری توضیح کوچولو هم میدم در مورد کدی که کپی کردین در فایل index.php

doctype در اول صفحه که میبینین و منم میبینم ام نمیدونم چیه! اول همه ی فایل های html میذارن منم گذاشتم! اگه میخواهین بیشتر از اینی که من گفتم!! بدونین برین بسرچین!!

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

تگ <html> به مرورگر ما (web browser ) میگه که کد های زیرش تا جایی که برسه به <html/> به این زبون نوشته شده!

تگ <head> هم قسمتی از صفحه است که بیشتر کار اطلاعات گرفتن و دادن به مرورگر و از سرور و این حرفارو داره یعنی به خواننده سایت کاری نداره! برعکس <body> که بدنه ی وبلاگ و جاییه که ما از سایت میبینیم!

تگ <title> عنوان صفحه رو در بر میگیره که قرار در واقع اسم سایت ما باشه!

<?php bloginfo(‘stylesheet_url’); ?> هم به ورد پرس میفهمونه که بره جایی که stylesheet ما قرار داره که در واقع فایل style.css که ساختیم رو به عنوان طراح صفحه (استایل کننده در واقع) میشناسونه.

بعدا باز بیشتر توضیح میدم الان فقط هدف پر حرفیه!

پس یادآوری شد که هر تگ بین <> است و پایان اون یک / به پشتش اضافه میشه!

حالا یک توضیح در مورد php

میدونیم که وردپرس با زبان php نوشته شده که اگه قویترین زبان برنامه نویسی تحت وب نباشه قطعا دومیشه!

php بر روی سرور ما(یعنی جایی که سایت بر اون هست) یا همون هاست ما نصب هست(یعنی همینی که ما شبیه سازی کردیم توسط برنامه wamp ) وقتی مرورگر وب که داره صفحه رو میخونه تا ترجمه کنه و به ما نشون بده به

<?PHP

میرسه دیگه کاری نداره! یعنی نمیتونه داشته باشه! اینجاست که php که روی سرور نصبه وارد کار میشه و شروع به کامپایل کردن یا همون تجزیه و تحلیل کردن کد میکنه و یک خروجی به مرورگر میده و این کار کامپایل کردن رو تا زمانی که به کد

?>

برسه ادامه میده و بعد …. همینطوری ادامه داره کار تا زمانی که سایت کاملا لود شه و به html ترجمه شه تا ما بتونیم اینجوری که هست ببینیمش!

پس ما هرچیزی که بین php?> , <?  مینویسیم باید به زبون php باشه!

و این مساله بدین معنا نمیباشد که باید برنامه نویس باشیم!! پس ترس نداره

یک مورد دیگه اینکه میشه بین این دو بیش از یک دستور نوشت البته باید به این نکته توجه کرد که هر دستور با ; به اتمام میرسه یعنی باید در آخر هر دستور یک ; بگذاریم!

همین دیگه!

بیشتر از این عذاب دهنده نمیشم!

فقط ۵ دقیقه مونده

فایل style.css رو اگه نبستین ببندین دوباره باز کنین! همینجوری!

بعد اینارو کپی کنین توش

/*
Theme Name: Amoozesh
Theme URI: http://www.Nskin.ir/
Description: This is my frist theme for a tutorial.
Version: 1.0 beta
Author: Siavash Keshmiri
Author URI: http://www.Nskin.Ir/

*/

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

http://localhost/wordpress/wp-admin

حالا به Appearance یا همون “نمایش” در وردپرس فارسی برین

میبینین که یک تم جدید ساخته شده به اسم آموزش که siavash keshmiri  ساختتش و یک سری توضیحات داره البته این اسم رو به اسم خودتون تغییر بدین چون قراره شما تم رو بسازین!

پس فهمیدیم که کدی که اول استایل نوشتیم چه کاری کرد!

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

http://localhost/wordpress/

میبینین که هیچی نمیبینین که!

اگه چیزی ببینین یعنی اشتباه کردین! :D

امروز هم تمام شد

موفق باشین

بای بای


مطالب مرتبط
ارسال نظر برای این مطلب
این نظر توسط دانش آموز طراحي قالب در تاریخ 1348/10/11 و 16:29 دقیقه ارسال شده است

index.txt
لينكش ،خرابه عزيز!شکلک
پاسخ :
سلام دوست عزیز --- تشکر دوست عزیز به زودی حل میشه منتظر باشید .....


کد امنیتی رفرش
درباره ما
انـ اسکین یک سایتی خدماتی برای وبلاگ نویسان می باشد که سعی در ارائه ی خدمات مطلوب به وبلاگ نویسان را دارد, شما می توانید از قالب های انـ اسکین استفاده نمایید و با عضویت در انجمن وبلاگ نویسان از مباحث آن استفاده نموده و درمورد مشکلات خود بحث کنید.
اطلاعات کاربری
  • فراموشی رمز عبور؟
  • نویسندگان
    نظرسنجی
    ایا مطالب سالهای قبل حذف گردد؟
    آدرس جدید

    سلام به همه به زودی ادرس جدید ما

    www.night-skin.ir

    اما اینبار روی هاست و یک وب کاملا مستقل منتظر ما باشید

    آمار سایت
  • کل مطالب : 813
  • کل نظرات : 787
  • افراد آنلاین : 39
  • تعداد اعضا : 3433
  • آی پی امروز : 468
  • آی پی دیروز : 371
  • بازدید امروز : 1,127
  • باردید دیروز : 3,181
  • گوگل امروز : 5
  • گوگل دیروز : 0
  • بازدید هفته : 5,605
  • بازدید ماه : 18,490
  • بازدید سال : 89,951
  • بازدید کلی : 3,862,639